Web Performance Awards – June 2016
by Lubos Kmetko on July 8, 2016
How did Awwwards winning websites deal with performance optimization in June 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. Google Play Redesign – 87/100
- PageSpeed Insights Mobile: 84
- PageSpeed Insights Desktop: 96
- WebPagetest: 83
2. Seedlip – 82/100
- PageSpeed Insights Mobile: 75
- PageSpeed Insights Desktop: 91
- WebPagetest: 80
3. Waaark – 80/100
- PageSpeed Insights Mobile: 74
- PageSpeed Insights Desktop: 100
- WebPagetest: 73
4th – 10th place
- Mockup Editor – present your designs – 79/100
- TIMELIKES – 75/100
- Fantasy Shopping – 72/100
- Resn – 71/100
- Indian Type Foundry – 71/100
- Locomotive – 70/100
- NewActon – 69/100
Last 3
The lowest 3 results in our test were:
- This Was Louise’s Phone – 33/100
- KM05 | KITAMURA MAKURA – 32/100
- Worlds Apart Film – 22/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 | 97% | 3% | o% | 100% | 0% | 0% |
| Reduce server response time | 76% | 14% | 10% | 76% | 21% | 3% |
| Leverage browser caching | 0% | 55% | 45% | 0% | 76% | 24% |
| Enable compression | 48% | 28% | 24% | 52% | 28% | 20% |
| Minify HTML | 79% | 21% | 0% | 79% | 21% | 0% |
| Minify CSS | 86% | 10% | 4% | 90% | 7% | 3% |
| Minify JavaScript | 59% | 38% | 3% | 62% | 34% | 3% |
| Optimize images | 42% | 34% | 24% | 41% | 31% | 28% |
| Prioritize visible content | 52% | 48% | 0% | 52% | 48% | 0% |
| Eliminate render-blocking JS and CSS in above-the-fold content | 3% | 14% | 83% | 4% | 48% | 48% |
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 | 83% | 3% | 13% |
| Keep-alive Enabled | 90% | 3% | 7% |
| Compress Transfer | 60% | 20% | 20% |
| Compress Images | 30% | 10% | 60% |
| Cache static content | 30% | 3% | 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
Comments
Would you like to add something?