carneiror/enei-2015

Web performance: the good, the bad and the ugly

A 101 talk about performance: page load and runtime CSS/JS.

Slides: http://carneiror.github.io/enei-2015/slides

Presentation: https://www.youtube.com/watch?v=5v8FFLFRq5k&t=18347 (portuguese)

Page load

The subject was enei.pt. The original scores on webpagetest and pagespeed insights were pretty bad and during this presentation I tried to improve this scores.

• http://carneiror.github.io/enei-2015/website/v1
• http://carneiror.github.io/enei-2015/website/v2
• http://carneiror.github.io/enei-2015/website/v3

Runtime CSS

Examplained how browser renders you CSS into the page and how you can debug that. Some examples were added.

• http://carneiror.github.io/enei-2015/rendering

Runtime JS

Some examples of layout trashing and memory leaks. Explained how you can use Chrome DevTools to debug that.

• http://carneiror.github.io/enei-2015/profiling

Sources

• https://developers.google.com/speed/pagespeed/insights
• http://www.webpagetest.org/
• http://opojs.github.io/kiss-talk @ https://www.youtube.com/watch?v=5h66mv6Ve4o
• https://www.youtube.com/watch?v=FEs2jgZBaQA
• https://codebits.eu/intra/s/session/346
• http://javascript.info/tutorial/memory-leaks
• https://developers.google.com/speed/articles/optimizing-javascript