Arrow Down Arrow Right Arrow Down Arrow Right Arrow Arrow Down Arrow Left Arrow Right Articles Case Study Close Facebook GitHub Google+ Menu Information Link LinkedIn x five Interview Location Code Snippet Twitter Tick Timer Users Card Discount Magnifier Time Quote

Web Performance Awards – May 2016

by Lubos Kmetko on June 9, 2016
Published in Performance 1 Comment

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

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

Top 10

1. Cavalier: Conqueror of Excellence – 99/100

Cavalier

  • PageSpeed Insights Mobile: 100
  • PageSpeed Insights Desktop: 96
  • WebPagetest: 100

2. Audiograph – 87/100

  • PageSpeed Insights Mobile: 91
  • PageSpeed Insights Desktop: 97
  • WebPagetest: 80

3. Away We Go – 85/100

  • PageSpeed Insights Mobile: 85
  • PageSpeed Insights Desktop: 87
  • WebPagetest: 83

4th – 10th place

  1. Converse: On The Roofs – 82/100
  2. Agence Ebullition – 78/100
  3. The Missing Piece – 75/100
  4. Bolden – 75/100
  5. Müller – 71/100
  6. Lubezki + INDIO – 71/100
  7. The VHS Retrominder – 71/100

Last 3

The lowest 3 results in our test were:

  1. Jürgen Hassler – 37/100
  2. Renate Rechner – 35/100
  3. PAPAZIAN JEWELRY DISPLAYS – 17/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 1oo% 0% o% 100% 0% 0%
Reduce server response time 77% 13% 10% 80% 20% 0%
Leverage browser caching 3% 50% 47% 3% 67% 30%
Enable compression 37% 37% 27% 40% 33% 27%
Minify HTML 70% 30% 0% 70% 30% 0%
Minify CSS 60% 37% 3% 60% 37% 3%
Minify JavaScript 67% 27% 7% 63% 30% 7%
Optimize images 47% 33% 20% 47% 33% 20%
Prioritize visible content 63% 37% 0% 70% 30% 0%
Eliminate render-blocking JS and CSS in above-the-fold content 7% 3% 90% 6% 47% 47%

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 80% 10% 10%
Keep-alive Enabled 97% 0% 3%
Compress Transfer 67% 3% 30%
Compress Images 30% 30% 40%
Cache static content 27% 10% 63%
Effective use of CDN 30% 70%

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

Yoav August 15, 2016

Nice article, but your website should be the first! Your code is so clean I'd eat directly from it. Just amazing!

Would you like to add something?

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

More from the blog

Work with us