Welcome to WRAPS. In this series of blog posts, I rank websites for competing products and brands based on performance and sustainability criteria.
The Idea
With these rankings, I aim to raise awareness about web performance and sustainability. And who knows, maybe the rankings will motivate some website operators to further optimize their own websites. I’d gladly assist.
The Criteria
The rankings are not based on exact science. The weighting of the individual criteria, for example, is entirely arbitrary. However, I mostly use objective, quantifiable criteria to determine performance and sustainability. Only when it comes to evaluating whether a website’s content meets ethical standards does a subjective component come into play. I plan to adjust the criteria over time as new insights emerge. Currently, the results are composed as follows:
Carbon Footprint
The ecological sustainability of a website largely depends on the data transfer it generates during (repeated) visits. To calculate the specific CO2 emissions, I use the CO2.js library , which also allows to consider whether the targeted servers/CDNs are powered by green energy. Two equally weighted scenarios are measured, in both of them all cookies are/have been accepted.
Unless specified otherwise in the test report, points for this category are awarded as follows: For the initial load, I use the rating system from SustainableWebDesign.org. A score that achieves an A+ rating earns full points, while an F rating results in zero points. Scores between these two ratings decrease linearly. For repeated loads, I halve both thresholds and calculate points in the same manner.
Performance (Core Web Vitals)
The performance score is strictly based on the website’s Core Web Vitals. This means that the actual results from visitors are used to determine the score. There are currently three categories, all of which I weight equally.
For my scoring full points are awarded for a subcategory if the result is in the “good” range; in the “poor” range, no points are awarded, and in the “needs improvement” range, the score depends on how close the result is to the thresholds. (Score decreases linearly relative to the result.)
Privacy
There are clear guidelines for ensuring the privacy of websites. However, not all websites adhere to these rules or track users excessively. It’s also important to consider how many external servers are contacted and who operates these servers. Additionally, websites should meet certain security criteria to prevent data breaches. Therefore, I created two subcategories.
- External Servers: Each server that is contacted and operated outside the EU results in a 10% deduction if prior consent from visitors has not been obtained. The deduction doubles if the server belongs to one of the well-known major data collectors. Servers within the EU result in a 5% deduction, or a 10% deduction if the server is used for tracking purposes. Again, these deductions only apply if consent has not been obtained beforehand.
- Security: The security of the websites is measured via WebPageTest, which uses Snyk.io to determine the ranking. A score of A gives 100%, with each lower grade resulting in a 20% deduction.
Accessibility
The score is based on the relevant Lighthouse score. Additionally, it is considered whether visitors can adjust colors and fonts and whether the text is available in plain language.
Ethical Content
The most subjective factor is how ethical the website’s content is. Therefore, I have given it relatively little weight. I don’t expect significant differences between the websites here, as they deal with similar topics. However, one can distinguish whether topics like sustainability are highlighted or if the platform is used to promote partners that cause societal harm, such as gambling or alcohol. The exact evaluation will be determined anew in each episode.
Conclusion and Outlook
The rankings are primarily meant to be fun and possibly encourage website operators to make improvements. The goal is not to put individual websites in the spotlight. On the contrary, the focus should be on the positive examples that inspire others to follow suit.
As mentioned at the beginning, the weighting of the criteria is entirely arbitrary. I expect the weighting to change over time and new aspects to be included. The first runs are based on a lot of manual work. Gradually, this work should be automated so that the rankings can be updated regularly.
- I use version 0.16, which applies the Sustainable Web Design Model 4.
- The rating system is based on data from the HTTP Archive and is determined by percentiles of data volume generated across all websites. An F rating is given if a website’s data volume exceeds the median. The thresholds for the ratings were updated in October 2024, with the previous thresholds still available on archive.org.
- https://www.webpagetest.org (last opened: 13.11.2024)
- https://www.snyk.io (last opened: 13.11.2024)
- https://developer.chrome.com/docs/lighthouse/accessibility/scoring (last opened: 13.11.2024)
- https://www.thegreenwebfoundation.org/news/understanding-the-latest-sustainable-web-design-model-update/ (last opened: 13.11.2024)
- https://sustainablewebdesign.org/digital-carbon-ratings/ (last opened: 13.11.2024)
- https://web.archive.org/web/20240000000000*/https://sustainablewebdesign.org/digital-carbon-ratings/ (last opened: 13.11.2024)