One Less JPG

Update 2017: By now it’s clear that an equal amount of JS-bytes and JPG-bytes are not the same. The JS still needs to be evaluated and executed, which also comes as a cost. People often build beautiful sites with multiple easy-to-use JavaScript libraries. Then, when it comes to addressing frontend performance, suddenly those libraries are […]

Browser Repaint Performance

To hit 60fps, we sometimes need to go beyond JavaScript as the sole performance bottleneck for our pages and spend more time investigating paint and layout issues – styles might actually be the core cause of our sluggish performance. The H shortcut within the Developer Tools sure comes in handy! DevTools: Visually Re-engineering CSS For […]

Implementing Off-Canvas Navigation For A Responsive Website

Not only a good example on how to do it, but also an example on how to do it right: enhance progressively, don’t over-rely on jQuery, and trick your browser into using hardware acceleration where possible Implementing Off-Canvas Navigation For A Responsive Website → Not convinced or 100% about hardware acceleration? Be sure to watch […] is an open source tool that helps you analyze and optimize your website speed and performance based on performance best practices. It will collect data from multiple pages on your website (crawling from a startpoint), analyze the pages using performance best practices rules, and output the result as a couple of HTML-files. Run ./ […]

Improving performance on

To improve the experience for everyone, we’ve been working to take back control of our front-end performance by moving the rendering to the server. On top of that, we asynchronously bootstrap a new modular JavaScript application to provide the fully-featured interactive experience our users expect. Improving performance on →