What might slow down rendering and how you can fix it.
Service Worker, Web Push, Analytics libraries, and real-world sites.
Ways to reduce image size through modern compression techniques.
Best practices for making real-world sites load instantly today.
“Be humble, communicate clearly, and respect others. It costs nothing to be kind, but the impact is priceless.”
A benchmark for modern web app responsiveness.
How the bundling tool can help to optimize site resources.
What you can do to speed up things.
Many small changes can lead to big performance gains.
Let’s make performance part of project goals from the start.
“Keep code simple. Make it easy to read and maintain by others. Design patterns are great, but use them when it’s clear they add value.”
Where to implement logic and rendering in web apps.
How Chrome schedules and executes scripts.
Chrome soon supports the loading attribute.
New launches from Google I/O 2019.
The dominant costs are now download and CPU execution time.
“On projects: Done is better than none. It’s easy to set expectations so high you never finish. Sometimes ‘done’ is enough. Ship then iterate.”
Browser-level native lazy-loading is finally here.
A way to automate website performance measurement.
“It’s okay to admit when you don’t know something. One of the most important skills in software is being able to find answers and learn from them.”
“‘If you want to go fast, go alone. If you want to go far, go together.’ You can do so much with a great team.”
“If you want a fast site, test on slow hardware. Regularly.”
Recipes for automating web performance measurement.
How to find out what DOM nodes have an unexpected scrollbar.
A tiny library to speed next-page navigations by prefetching in-viewport links.
Steven Hoober’s guidelines for UI designers in a nutshell.
Google‘s tools for web developers now deliver essential UX metrics.
“border: 1px solid red; is the console.log of CSS.”
Browser-level native lazy-loading for iframes is here.
How to optimize loading long lists for the Core Web Vitals.
Chrome introduces ‘Fast page’ labelling for links.
The power of the VSCode Debug Visualizer extension.
Compare real-world performance of sites and URLs.
Lazy-loading of resources that aren’t immediately necessary.
“Best practices should be automated as much as possible.”
It shows file size, rendered and intrinsic size/aspect ratio.
Strengths and weaknesses of JPEG, PNG, AVIF, and WebP.
An overview of techniques to load popular third-party embeds efficiently.
“Becoming a good engineer is about collecting experience. Each project, even small ones, is a chance to add new techniques and tools to your toolbox.”