Arrow Down Arrow Left Arrow Right Arrow Down Arrow Left Arrow Right Arrow Arrow Down Arrow Left Arrow Right Articles Case Study Close CV Facebook GitHub Google+ Menu Information Link LinkedIn x five Interview Location Code Snippet Twitter Tick

Web Performance Awards – September 2016

by Lubos Kmetko on October 7, 2016
Published in Performance Add Comment

How did Awwwards winning websites deal with performance optimization in September 2016?

We have tested 30 winners of the Awwwards Site of the Day. (Check the end of the article for How we test.)

Top 10

1. Hublot MP-05 LaFerrari Sapphire – 89/100

  • PageSpeed Insights Mobile: 93
  • PageSpeed Insights Desktop: 95
  • WebPagetest: 83

2. Projekcje – 84/100

  • PageSpeed Insights Mobile: 79
  • PageSpeed Insights Desktop: 92
  • WebPagetest: 83

3. G-Star RAW – 83/100

  • PageSpeed Insights Mobile: 86
  • PageSpeed Insights Desktop: 92
  • WebPagetest: 77

4th – 10th place

  1. Bastille: Eye of the Stormers – 79/100
  2. Melville – 78/100
  3. Meet Graham – 77/100
  4. 51 Sprints – The Human Race – 76/100
  5. Filippo Bello – 76/100
  6. Topple Trump – 73/100
  7. Monsieur Caillou – 71/100

Last 3

The lowest 3 results in our test were:

  1. Sean Klassen – 38/100
  2. Anna Morosini – 31/100
  3. Gloops Special Drama Contents “ONE TEAM” – 15/100

Complete results

You can check out complete results in this spreadsheet.

Google PageSpeed Insights

The following table shows how many sites passed Google PageSpeed Insights rules:

Mobile Desktop
Passed Consider Fixing Should Fix Passed Consider Fixing Should Fix
Avoid landing page redirects 93% 7% o% 97% 3% 0%
Reduce server response time 73% 23% 3% 80% 17% 3%
Leverage browser caching 3% 53% 43% 3% 63% 33%
Enable compression 43% 20% 37% 40% 23% 37%
Minify HTML 67% 33% 0% 73% 27% 0%
Minify CSS 63% 37% 0% 67% 33% 0%
Minify JavaScript 70% 27% 3% 73% 23% 3%
Optimize images 47% 40% 13% 37% 37% 26%
Prioritize visible content 70% 27% 3% 63% 37% 0%
Eliminate render-blocking JS and CSS in above-the-fold content 13% 10% 77% 17% 43% 40%

Legend:

  • Passed – No significant issues found. Good job!
  • Consider Fixing – Consider fixing this if it is not a lot of work
  • Should Fix – Fixing this would have a measurable impact on page performance

WebPagetest

What optimization grades did websites get from WebPagetest?

A-B C-D F (X)
First Byte Time 73% 10% 17%
Keep-alive Enabled 100% 0% 0%
Compress Transfer 60% 10% 30%
Compress Images 80% 13% 7%
Cache static content 20% 13% 67%
Effective use of CDN 20% 80%

How we test

Google PageSpeed Insights

We test each website home page with Google PageSpeed Insights and count the average score from the Mobile and Desktop results.

WebPagetest

We test each website home page with WebPagetest and calculate the score from the result grades as follows:

  • A – 100
  • B – 80
  • C – 60
  • D – 40
  • F – 0

Effective use of CDN criteria is either Yes (100) or X (No – 0).

Total Score

The total score is calculated as an average from the Google PageSpeed Insights score and the WebPagetest score. The maximum score any site can get is 100.

About the author

Lubos Kmetko

Lubos Kmetko started to work for Xfive (formerly XHTMLized) as a front-end developer in 2006. He currently helps with business operations and writes for the Xfive blog.

More articles from Lubos

Comments

Would you like to add something?

All fields are required. Your email address will not be published.

Let us convert your Sketch to HTML quickly and with attention to detail

Get a Free Quote

More from the blog

Submit a Project