JS Fest 2019/Autumn. Erick Wendel. 10 secrets to improve Javascript Performance

@erickwendel_
10 secrets to improve
Javascript
Performance
ERICKWENDEL 
LEADSOFTWAREARCHITECTANDTRAINER
@ERICKWENDEL_

@erickwendel_
Experience
With Node.js?

@erickwendel_
Who has worked with Node
since ES5?

@erickwendel_
Why should we care
about application lifecycle?

@erickwendel_
Some errors could crash your
app and turn it off

@erickwendel_
Small changes would fix
big problems

#10 - Understand the Javascript
workflow

@erickwendel_
What is the hardest behaviour on
the Javascript language?

@erickwendel_
Do you really need to
wait for an execution?

@erickwendel_
Is Javascript a
functional language?

#8 - Cache as much as possible

@erickwendel_
User Experience is important!

▪ How often would the data change?
#JSFEST
▪ How many requests do you plan to support?
▪ How much would it cost?
▪ Where is the bottleneck?
CACHING NEEDS FAQ

https://medium.com/@MatthewFTech/spring-boot-cache-with-redis-56026f7da83a

https://developer.mozilla.org/en-US/docs/Web/API/Cache

#6 - Implement SSL/TLS and HTTP/2

▪ Multiplexing
#JSFEST
▪ Header Compression
▪ Server Push
▪ Binary Format
BENEFITS

https://www.medianova.com/en-blog/2016/09/29/50-faster-websites-with-http2

@erickwendel_
Understand your external
dependencies and inspect them

@erickwendel_
Create indexes for known queries

@erickwendel_
Define boundaries for accessing
your APIs

@erickwendel_
GraphQL x Restfull APIs

GraphQL Request Simple HTTP Request
myapi.com/heroes?
id=123&name=batman&
skip=0&limit=10&
fields=id,name,power

#4 - Inspect performance issues

@erickwendel_
How do I know if
I have a performance issue?

https://clinicjs.org/doctor/

https://nodejs.org/api/perf_hooks.html

#3 - Use Realtime App Monitoring to analyse your app

@erickwendel_
Observability is
much more than logs

@erickwendel_
Readable streams vs fs.readfile

#1 - Learn about Node.js native modules

@erickwendel_
What Node can’t do
it delegates to someone else

@erickwendel_
We can create our own module to
extend v8 behaviour

@erickwendel_
Most performance problems are
human errors

@erickwendel_
Be always aware about
what your app is responsible for

@erickwendel_
Keep Javascript
packages up-to-date

@erickwendel_
Learn Javascript <3

ERICKWENDEL 
INDEPENDENTSOFTWARECONSULTANT
@ERICKWENDEL_|@ERICKWENDEL
СПАСИБІ!
@erickwendel_

• https://erickwendel.com/
• contato@erickwendel.com.br
• https://medium.com/@erickwendel
• http://fb.com/page.erickwendel
• https://twitter.com/erickwendel_
• http://meetup.com/nerdzao
• http://meetup.com/nodebr
• https://github.com/ErickWendel/10-
tips-js-perf-jsfest-ukraine
• http://bit.ly/10-tips-jsperf-jsfestua
KEEP IN TOUCH!
@erickwendel_

https://dzone.com/
articles/5-tips-to-increase-
nodejs-application-
performance
https://www.nginx.com/
blog/10-tips-for-10x-
application-performance/
https://expressjs.com/en/
advanced/best-practice-
performance.html
https://
www.slideshare.net/
CodeFireTech/web-
application-performance
https://www.infoq.com/
articles/node-micro-
optimizations-javascript
https://blog.ghaiklor.com/
profiling-nodejs-
applications-1609b77afe4
e
https://stackoverflow.com/
questions/41986066/
performance-and-
reliability-when-using-
multiple-docker-containers-
vs-standard-no
https://dzone.com/
articles/nine-tips-to-
improve-wordpress-
performance-with-ng?
fromrel=true
questions/9420014/what-
does-it-mean-scalability
https://pt.wikipedia.org/
wiki/Escalabilidade
https://pt.slideshare.net/
ratankadam/scalability-
using-nodejs
https://botleg.com/stories/
auto-scaling-with-docker/
http://ivanjov.com/
running-express-koa-and-
hapi-on-http-2/
http://
anandmanisankar.com/
posts/docker-container-
nginx-node-redis-
example/
https://hapijs.com/
tutorials/caching
https://www.ibm.com/
support/knowledgecenter/
en/SS4PJT_5.2.0/
com.ibm.help.cd52.unix.doc
/
com.ibm.help.cdunix_secplu
s.doc/
CDU_Benefits_of_TLS.html
http://
brycebaril.github.io/glitch-
perf-talk/
https://medium.com/
skyshidigital/6-tricks-to-
speed-up-and-improve-
your-node-js-performance-
fadc06d15cbe
https://
www.nearform.com/blog/
tuning-node-js-app-
performance-with-
autocannon-and-0x/
https://www.youtube.com/
watch?v=gltzZjKYK1I
https://nodejs.org/uk/
docs/guides/dont-block-
the-event-loop/
https://
www.smashingmagazine.co
m/2018/06/nodejs-tools-
techniques-performance-
servers/
https://snyk.io/blog/
nodejs-how-even-quick-
async-functions-can-block-
the-event-loop-starve-io/
(IMPORTANT)
https://itnext.io/streams-
for-the-win-a-
performance-comparison-
of-nodejs-methods-for-
reading-large-datasets-
pt-2-bcfa732fa40e
(IMPORTANT)
https://zaiste.net/
nodejs_10_asynchronous_it
eration_async_generators/
(IMPORTANT)
https://v8.dev/blog/fast-
async
questions/86513/why-is-
using-the-javascript-eval-
function-a-bad-idea
https://thoughts.t37.net/
how-we-reindexed-36-
billions-documents-in-5-
days-within-the-same-
elasticsearch-cluster-
cd9c054d1db8
watch?v=EGMacfyuA9w
(new relic)
https://scotch.io/tutorials/
how-to-optimize-node-
requests-with-simple-
caching-strategies
https://
www.medianova.com/en-
blog/2016/09/29/50-
faster-websites-with-http2
watch?v=7uNGKCao8gA
https://w3c.github.io/
ServiceWorker/#cache
https://nodejs.org/api/
perf_hooks.html#perf_hoo
ks_examples
https://techsparx.com/
nodejs/howto/csv-
transformation.html
https://medium.com/
@atulanand94/beginners-
guide-to-writing-nodejs-
addons-using-c-and-n-api-
node-addon-
api-9b3b718a9a7f
https://
www.smashingmagazine.co
m/2017/04/guide-http2-
server-push/
@erickwendel_

JS Fest 2019/Autumn. Erick Wendel. 10 secrets to improve Javascript Performance

Recommended

More Related Content

What's hot (20)

Similar to JS Fest 2019/Autumn. Erick Wendel. 10 secrets to improve Javascript Performance (20)

More from JSFestUA (20)

Recently uploaded (20)

JS Fest 2019/Autumn. Erick Wendel. 10 secrets to improve Javascript Performance