CSS animations are known to be super performant. Although this is the case for simple animations on a few elements, if you didn’t code your animations with performance in mind and add more complexity, website users will soon take notice and possibly get annoyed.

"I’m afraid you’ll have to learn the entire Service Worker API along the way."

"Pinterest’s new mobile web experience is a Progressive Web App. In this post we’ll cover some of their work to load fast on mobile hardware by keeping JavaScript bundles lean and adopting Service Workers for network resilience."

Explanation of their browser comparison methdology.

• Don’t use ARIA menu semantics in navigation menu systems.
• On content heavy sites, don’t hide structure away in nested dropdown-powered navigation menus.
• Use aria-expanded to indicate the open/closed state of a button-activated navigation menu.
• Make sure said navigation menu is next in focus order after the button that opens/closes it.
• Never sacrifice usability in the pursuit of JavaScript-free solutions. It’s vanity.

"What happens when we take the web browser out of web browsing?"

"Progressive Web Apps. Ah yes, those things that Google would have you believe are a combination of Gandhi and Dumbledore, come to save the world from the terror that is the Painfully Slow Website™"

"Le parcours utilisateur e-commerce est donc faisable et réalisable en AMP. Votre page produit ou catégorie s’affichera dans les premiers résultats dans le moteur de recherche Google, la performance d’affichage et la navigation entre les pages seront améliorées pour une meilleure satisfaction de vos clients et sans doute plus d’achats sur mobile !"

A Comprehensive Guide To Web Design

The above steps can serve as a shortlist of things you can quickly do to make an improvement to your site. It doesn’t have to be the best—just make it better!

Google to Go After Sites That Use AMPs as Teaser Pages

Definitions, use cases and short diagram to use either preload or push for better HTTP/2 performance.

"The Critical Rendering Path Optimization is a process of improvement and measurement that requires a clear understanding of every task the browser performs to convert code into pixels and so to render a page on the screen. You can learn more about Critical Rendering Path in Google’s optimization guide."

The Front-End Checklist Application is perfect for modern websites and meticulous developers!

less parse/compile + less transfer + less to decompress

Understanding how much storage is available to your application is important when planning your experience. You need to find a good balance between caching everything and caching responsibly.