Web Performance News, January 2020

Dmitry Pokidov
Jan 14, 2020 · 2 min read
Image for post
Image for post
CRP steps by Rodolfo Gonçalves. Source: https://itnext.io/high-performance-web-apps-2a469cfd3550

Aloha everyone!

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 websitesMachMetrics 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.

Getting Started with Web Performance@fox wrote a fantastic intro to “Web Performance”. If you are new to the subject and wondering what it is all about, then you should check it out.

Front-End Performance Checklist 2020Smashing 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.

This is it for now. Follow us on Medium or subscribe to the email newsletter to not miss new episodes!

Stay safe and load fast!

pixboost

Sign up for Web Performance News

By pixboost

Monthly newsletter about all the things web performance. Covers what, why and how! Take a look.

By signing up, you will create a Medium account if you don’t already have one. Review our Privacy Policy for more information about our privacy practices.

Check your inbox
Medium sent you an email at to complete your subscription.

Dmitry Pokidov

Written by

I’m a CTO of pixboost.com — boosting performance and conversion of your online store.

pixboost

pixboost

Website Performance Optimization

Dmitry Pokidov

Written by

I’m a CTO of pixboost.com — boosting performance and conversion of your online store.

pixboost

pixboost

Website Performance Optimization

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store