While some of us were resting during the festive season (totally me), others were writing blog posts! December and start of January were hot on good content. So, let’s get ball rolling:
Google planning a new ‘Badge of Shame’ for slow websites — MachMetrics wrote about plans that Google has in regards to introduce an indicator for slow/fast websites. In this blog, you’ll find the author’s thoughts and links to the various discussions in the community.
Front-End Performance Checklist 2020 — Smashing Magazine released its front end performance checklist 2020 editions. It covers all aspects of web performance from A to Z. I would recommend reading the whole thing for anyone who is touching web dev.
How to read a WebPageTest Waterfall View chart — @TheRealNooshy wrote an in-depth guide on waterfall charts that you get from WebPageTest. If you haven’t used webpagetest.org before, it’s a good time to start! It’s the essential tool in the web performance toolbox.
High Performance Web Apps — @orenciorodolfo wrote a blog about how browsers are rendering the page, what is “Critical Rendering Path” and what you could do to start showing your page faster. I found this one to be very explanatory with amazing illustrations. It describes complex things in a straightforward and clear way.
Improving third-party web performance — @digitalclubb shared slides from the presentation he did. You’ll find out what processes you need to introduce in your project to get 3rd party dependencies under control.
Some other news:
Correct Image Orientation in Chrome — @Paul_Kinlan announced that image orientation bug got fixed and will be shipped in version 81 of the browser. Long story short, Chrome will use orientation from an image EXIF metadata to show if it’s not set in image-orientation CSS attribute.
Stay safe and load fast!