Monthly Archives: July 2015

Chrome Filmstrip & Improving Page Speed

Chrome has a hidden flag for capturing screenshots of your page at various stages of the page loading and rendering process

 

Damon Bauer writes:

You may have heard of the wonderful site, WebpageTest, when researching ways to improve your site performance. One of the most useful features (in my opinion) is the Filmstrip; it shows you incremental screenshots of the browser rendering your site, so you can see how quickly users are able to start consuming content. As of the past couple of months, you can enable similar functionality in Chrome!

Read more from the source: damonbauer.me

Fix scrolling performance with CSS will-change property

Use CSS will-change to push an element to its own composition layer

 

Chris Ruppel writes:

I recently saw Paul Lewis’ screencast demonstrating how trivial it can be to fix a particular kind of performance issue caused by scrolling. I knew the problem looked familiar and I realized it was happening right in my front yard, on the Four Kitchens homepage. Read on to see how easy it was to diagnose and fix.

Read more from the source: fourword.fourkitchens.com