Carrying on with our first part series of the best and worst websites for Core Web Vitals and the broader website metric landscape, let’s dive into more of the current champions and chumps of website performance.
So let’s crack on with even more of those websites at the forefront of site performance as well as those that are seriously lagging behind – when it comes to website metrics.
Render Blocking Resources
When it comes to the best performer of Render Blocking Resources, top of the class is the Chicago Tribune. Despite many online newspapers and magazines struggling with slow loading times, the Chicago Tribune manages to buck the trend and has eliminated almost all of its Render Blocking Resources.
When it comes to the bottom of the class, the poorest-performing student is luxury car manufacturer Lamborghini. They would manage to save 2.8 seconds of page loading time by getting rid of Render Blocking Resources. Yet with heavy videos and images across its site, the fast car manufacturer ironically has the slowest site.
DOM stands for Document Object Model and is the sum total of all objects that are part of the HTML structure. The more elements, the bigger the size and the slower the site speed.
When it comes to the best performer of DOM size, top of the class is PayPal, which holds less than 300 DOM elements. In comparison, the top 20 average has 2,355 elements.
When it comes to the slowest sites out there in terms of DOM size, the NHL has a homepage of over 12,000 DOM elements. And this results in slow loading experiences with its excessive media assets.
When it comes to the best in class in terms of image metrics, the fastest is the Poetry Foundation. This is a great example of a website that uses multimedia content while scoring well in all three image metrics (responsive, load time, optimized). It uses a WebP image format to keep size low and quality high. It also optimizes image sizes for mobile.
In terms of the worst in the class for image metrics, it is the website of the NBA. The image-heavy site is not optimized for size nor mobile devices. There are actually some cases where, by reducing image size and converting them to next-generation image formats, it would suppress page load times by 20 seconds.
On average, websites can save approximately 100 milliseconds in page load time if they optimized CSS.
When it comes to the best in class who has cleared most of its unused CSS, the best is the How-To Geek website. The tech tutorial site performs very well despite using dynamic ads and plenty of media assets. Most of its pages don’t have unused CSS rules as it goes with a one size fits all approach.
It may be one of the most trusted sources of news in the world, but its website is also the most bloated when it comes to unused CSS. And this is BBC News. Many of its pages would be able to save between 1.5 and 2 seconds by just loading CSS stylesheets that are needed.