Skip to Main Content
Sustainable Web Design Logo
  • Home
  • Guidelines
  • Emissions
  • Ratings
  • Contact

◂ UX Design guidelines

2.26 Incorporate Performance Testing Into Each Major Release-Cycle

UX Design

Try to ethically measure how efficient a visitor’s experience is by analyzing the performance of the website or application and how it has been constructed, by doing so you might be able to reduce any issues they may have encountered previously, decrease loading times, and reduce the burden of loading unnecessary pages.

Criteria

  • Performance Testing: The performance of a website or application, to identify and resolve bottlenecks or issues in the underlying code or infrastructure which could ultimately impact the sustainability of a website or application, are regularly measured with each release-cycle (using tooling or through research and auditing).
  • Measurement And Compliance: Only data required to provide a streamlined and effective user-journey, put policies in place to ensure strict adherence, and comply with relevant accessibility policies and privacy laws, such as the General Data Protection Regulation (GDPR) are collected.

Impact

Medium

Effort

Low

Benefits

  • Environmental:
    Alongside the device longevity which inherently comes with having a performant product or service, it can also help you meet the societal impacts of PPP targets.
  • Performance:
    Faster pages that load less data improve performance, as there will be less for rendering engines within browsers to process. Additionally, as the pages are smaller, they will reach the visitor quicker based on their connection speed.
  • Economic:
    Less data stored and transferred also reduces costs for those hosting content and those who own websites and applications.
  • Conversion:
    Page load speed can measurably improve conversion rates, as visitors will be less likely to abandon a product or service if the content appears instantaneously.

GRI

  • materials: Medium
  • energy: Medium
  • water: Medium
  • emissions: Medium

Example

  • Code:
    <link rel="prefetch" href="/articles/" as="document">
  • Prefetch resources to speed up future navigations.

Resources

  • Addy Osmani’s 18-Point Web Performance Checklist
  • Awesome Page Speed Metrics
  • Blazing Fast Websites with Speculation Rules
  • Browser Rendering Optimization
  • The Three Cs
  • Fast load times
  • Front-End Performance Checklist 2021
  • Getting started with Web Performance
  • [GPFEDS] 1.4 – Strategy (Regular Reviews) (PDF)
  • High Performance Browser Networking
  • How UX design can help tackle climate change
  • Is GDPR Good for the Environment?
  • Learn Performance
  • Measuring Web Performance in 2024: The Definitive Guide
  • PageSpeed Insights
  • The Almost-Complete Guide to Cumulative Layout Shift
  • The Performance Inequality Gap
  • Psychology of Speed
  • United Nations [SDGS] Goal 7 (Sustainable Energy)
  • WebPageTest
  • What Are Core Web Vitals (CWVs) & How To Improve Them
  • Why does speed matter?
  • Why your website should be under 14kB in size

View the Guideline

Tags

AccessibilityResearchPerformanceNetworkingUsabilityKPIsStrategy

Share

More ux design guidelines

2.1 Undertake Systemic Impacts Mapping

UX Design

2.2 Assess and Research Visitor Needs

UX Design

2.3 Research Non-Visitor’s Needs

UX Design

Learn about W3C’s Sustainable Web Interest Group:

A global community advancing sustainability on the web.

Explore the group

This site is brought to you by

Mightybytes Wholegrain Digital
Website Carbon

This page loaded in 0.25 seconds and emitted just 0.5g of CO2

Visit Website Carbon
Ecograder

How green is your website?

Visit Ecograder
© Copyright Sustainable Web Design 2025. Privacy Policy.