Copyright © 2026 World Wide Web Consortium. W3C® liability, trademark and permissive document license rules apply.
Web Sustainability Guidelines (WSG) provide actionable recommendations to help digital teams make informed, sustainable decisions. In considering different aspects of work and the web, these guidelines address the planet, people, and prosperity (PPP) impacts of digital products and services. They are interdisciplinary and cover artificial intelligence and emerging web technologies.
Some guidelines reference existing documents and specifications from W3C and other organizations. This approach highlights the importance of intersectionality and collaboration, rather than reinterpreting established recommendations. While WSG prioritizes web technologies, it can also support broader organizational sustainability efforts.
WSG can also serve as a practical bridge to support broader organizational sustainability initiatives and transformation, helping teams apply web-focused guidance to broader environmental, social, and governance efforts.
Organizations are encouraged to make sustainability progress over time. Setting realistic goals and tracking progress will help teams achieve lasting web sustainability. For implementation guidance, see the "additional information" sections in this document and the supporting documents.
This section describes the status of this document at the time of its publication. A list of current W3C publications and the latest revision of this technical report can be found in the W3C standards and drafts index.
This document has been reviewed by members of the Sustainable Web Interest Group and other interested parties. This Interest Group published the WSG draft to raise awareness of the guidelines and to encourage discussion and adoption. Publication of these guidelines does not imply that they will affect the work undertaken by other W3C groups; the Interest Group will monitor related work as appropriate.
Feedback is welcome and should be submitted via GitHub. A free GitHub account is required to file issues. Past discussions are archived on the public-sustainableweb@w3.org (archive) mailing list.
No preliminary interoperability or implementation reports exist at this time. However, the Interest Group is exploring models for web sustainability to inform tooling, large-scale studies, and future WSG guidance.
This document was published by the Sustainable Web Interest Group as a Group Note Draft using the Note track.
Group Note Drafts are not endorsed by W3C nor its Members.
This is a draft document and may be updated, replaced, or obsoleted by other documents at any time. It is inappropriate to cite this document as other than a work in progress.
The W3C Patent Policy does not carry any licensing requirements or commitments on this document.
This document is governed by the 18 August 2025 W3C Process Document.
Plain language summary of the Introduction:
WSG defines web sustainability as follows:
An approach to designing, developing, and operating digital products and services that leads to a web that is as clean, efficient, open, honest, regenerative and resilient as possible. [MANIFESTO]
Web sustainability goes beyond reducing harm: it is also about restoring ecosystems and supporting communities to thrive. The web can be both part of the problem and a catalyst for solutions.
WSG aims to foster a more ethical, humane, and inclusive web. The guidelines emphasize systems thinking, intersectionality, and cross-functional collaboration as essential to sustainable development.
WSG understands the key terms from its definition as follows:
- Clean: hosted using low-carbon or renewable energy;
- Efficient: using the fewest resources possible;
- Open: transparent, accessible, and user-controlled;
- Honest: avoiding manipulation, exploitation, or deceptive patterns;
- Regenerative: supporting communities and ecosystems;
- Resilient: designed to endure and adapt under changing circumstances.
This builds on the existing pillars of web sustainability:
- Planet: Protecting and promoting healthy ecosystems.
- People: Safeguarding individuals, communities, and society as a whole.
- Prosperity: Following practices grounded in good governance, resilience and shared equity.
Web Sustainability Guidelines (WSG) explore how to make web products and services more sustainable for the planet, people, and prosperity. Web sustainability is about more than strictly environmental concerns, as factors such as accessibility, internationalization, privacy, and security will influence the long-term viability of a project. These principles should always be observed without compromise in the pursuit of web sustainability.
Web sustainability requires systems thinking and cross-functional collaboration. Digital services operate within complex environmental, social, and economic systems, meaning decisions made in one area may influence outcomes in others. Consideration of interdependencies can help to avoid unintended consequences and identify opportunities.
While these guidelines promote web sustainability across multiple areas, they do not cover all possible environmental improvements, methods or strategies. Web sustainability is an evolving field, and gaps in research or established best practices may exist. Always explore additional approaches that may better suit the context.
WSG focuses on web technologies, but just like the web is connected to almost everything we do, WSG also examines less obvious details that impact web sustainability, even if their relationship to digital services and the web may seem tenuous at first glance. Organizations should consider these broader impacts when setting targets, reporting, and ensuring compliance with regulations.
WSG is designed for a diverse audience, including developers, designers, policymakers, and more. It provides multiple layers of guidance to address different needs.
Together, these layers provide a structured approach similar to other W3C guidelines and help implementers create more sustainable projects. Guidelines describe web sustainability goals, success criteria define measurable expectations, and additional information provides context and examples to support implementation.
Web Sustainability Guidelines (WSG) are organized into four categories, reflecting different roles involved in digital services and the web. Readers should review all sections, even those not nominally related to their assumed responsibilities. This is important, as some Success Criteria have relevance outside their assigned category. While WSG is comprehensive, additional web sustainability improvements exist outside the scope of these guidelines.
This interactive specification lets you filter success criteria by interest; standards listed in relationships are available as filters and are cross-referenced in the resources document.
WSG is designed to be testable through automated tools and human evaluation. It applies to a wide range of web technologies and was developed with input from global experts.
WSG emphasizes data-driven decision-making. Success criteria are backed by evidence and best practices, with supporting materials available in the resources document.
Environmental impacts associated with digital services extend beyond energy consumption and greenhouse gas (GHG) emissions. Material use, electronic waste, water consumption, and chemical pollution associated with digital infrastructure should also be considered wherever the data and methodologies are available [VARIABLES].
Web sustainability improvements can involve trade-offs. For example, actions that reduce water use may increase energy demand, while performance optimizations may influence accessibility or device compatibility. Implementers should evaluate potential trade-offs carefully to ensure improvements in one area do not unintentionally cause harm in another.
The Web Sustainability Guidelines (WSG) Impact Measurement resource defines a framework for assessing the impact of WSG guidelines across three categories: people, planet, and prosperity. Each guideline is assigned an impact rating (indeterminate, low, medium, or high) and a timeframe (short, medium, or long) indicating when the impact is expected to be observed.
These inputs are used to calculate an impact score for each guideline. The score helps organisations compare guidelines and prioritise actions based on relative impact and timeframe. Higher scores indicate higher impact achieved over a shorter timeframe. The resulting scores are included in the resource.
Where quantitative measurement is not possible, ratings are based on available research and expert input. Each guideline includes a rationale for its ratings and timeframe, and where appropriate, suggested metrics to support evaluation.
Web Sustainability Guidelines relies on multiple implementors:
Examples of their impact include rendering performance and accurate measurement of energy use through developer tooling. Authoring tools also support web sustainability by producing efficient code, reducing waste, and delivering results in the most sustainable way possible.
Tools or user agents that provide WSG insights must avoid fingerprinting risks. For example, tracking users via unique identifiers, scores, or patterns. Energy metrics should be aggregated to avoid identifying individual users.
Beyond this, web sustainability requires champions across all roles:
Sustainability is a shared responsibility. Different champions may lead, support, or advocate for different guidelines depending on their expertise and context.
As research, technologies, and web sustainability practices evolve, WSG will continue to be updated. Contribute via GitHub to help ensure the guidance reflects current knowledge and practical implementation experience.
This section defines requirements for conformance to WSG, including optional conformance claims and guidance to avoid greenwashing.
Conformance to WSG, either partially or in full, means a specific set of WSG criteria is fulfilled. Conformance with WSG can be established for success criteria, guidelines, sections (role-based), or the entire specification.
A digital product or service conforms to a specific success criterion when it meets the requirements in that success criterion.
A digital product or service conforms to an individual guideline when it meets all of the success criteria in that guideline. If a success criterion cannot be applied, it does not affect conformance of that guideline.
A success criterion may not be applicable, for example, it may relate to video content and the product or service being evaluated does not include video.
Section-level (role-based) conformance can be achieved by conforming to all guidelines within one section. For example, if all guidelines in the Web Development section are met, the website or organization is considered partially conformant for that section.
These are called:
A digital product or service fully conforms to WSG when it meets all success criteria across all guidelines.
Full conformance may not be achievable for all products or services. Pragmatism and progress over perfection should be considered paramount when implementing and following these guidelines.
Conformance claims are optional. If made, they must include:
Implementers can conform to WSG without making a claim.
In addition to the conformance claim itself, it can be helpful to include:
Recording claims and supporting evidence in a sustainability statement can help demonstrate compliance with reduction targets, internal scope accounting, or regulations.
Using these guidelines can help organizations to better align with existing and emerging laws, policies, and reporting schemes related to environmental and sustainability practices. They do not guarantee full compliance and should be applied alongside applicable legal and regulatory requirements.
Greenwashing is misleading the public to believe that a company or other entity is doing more to protect the environment than it is. False claims are acknowledged to potentially harm users in other fields. In sustainability, harm arising from this threat vector can impact not only users of a product or service, but also to the wider ecosystem and society.
To avoid this:
The guidelines and standards that WSG is based on are always changing. Some, called "living" or "evergreen" standards, update often and could quickly affect how relevant this document is. Others update less often, so changes might not impact WSG until a new version comes out.
Because of this, anyone using WSG should regularly check for updates to best practices based on new research or data. They should also make sure their tools are up to date to stay compliant with the latest guidance.
When WSG guidance conflicts with those in other documents, first check whether an alternative solution can meet both web sustainability and compliance obligations. If a conflict remains, assess risks: following the recommendation with lower sustainability risks unless WSG is overridden by higher authority, such as legislation.
WSG specification provides a stable, referenceable foundation. Supporting documents expand on it with implementation guidance, methodologies, and strategies for working with new technologies. Supporting documents include:
For more, see the W3C Sustainable Web Interest Group GitHub for educational resources related to WSG; other resources, such as tooling, may be referenced as needed.
If you are creating content and systems designed for users, then whether you know it or not, you are working in user experience (UX).
User experience design contributes to sustainability by keeping projects usable, efficient, and trusted over time, reducing unnecessary repetition and resource use. When difficult to use, they often require more support, more retries, and may be abandoned or replaced earlier than necessary. This shortens lifespans and increases demand for redesign and redevelopment—effects that accumulate across users and over time..
Goals include:
Benefits include:
Plain language summary of the User Experience Design:
Assess and report the planet, people, and prosperity impacts of digital projects, and plan measurable reductions to the real-world effects of their activity.
Review the planet, people, and prosperity impacts of your project at the start and at regular intervals. Record the main issues you identify, where improvements are needed, and the progress you make. Reflect these findings in your public-facing governance documents and project reporting.
Create a plan to reduce the non-digital environmental and social impacts of digital activities associated with your project. Include impacts from logistics and delivery emissions, infrastructure emissions, local health effects, and supply chain pressures. Use measurable actions to improve external planet, people, and prosperity outcomes.
Tags
Accessibility, Compatibility, Hardware, Ideation, Networking, Performance, Privacy, Reporting, Research, Social Equity, Software
Identify and involve users and affected communities, and research their needs.
Identify the primary and secondary users, and affected communities, for the project. Use research, testing, analytics, and reviews to understand their needs and the project's impact on them. Involve users throughout the project.
Tags
Accessibility, Compatibility, Ideation, Patterns, Reporting, KPIs, Privacy, Research, Social Equity, UI, Usability
Design and review sustainable branding and experiences, involve users throughout the process, and reduce unnecessary development and environmental impact through early testing and environmentally aware design.
Optimize approved branding materials and assets to meet the organization’s sustainability requirements before release and review them regularly after launch. Where brand guidelines exist, include information about the environmental impact of materials and assets, along with guidance for sustainable production, use, and disposal.
Use wireframes and rapid prototypes to test ideas early, build agreement quickly, reduce risk, and avoid unnecessary development work and resource use.
Use participatory design methods throughout the design process. Involve users in testing and iteration, and give communities opportunities to share their knowledge and experience to improve the product or service.
Address planetary needs and environmental boundaries during the ideation phase. This can include creating non-user, non-human personas, such as animal- or planet-focused perspectives, and developing climate-specific user stories and sprints.
Tags
Accessibility, Ideation, KPIs, Research, Social Equity, Software, Strategy, UI
Design clear, efficient journeys that help users complete tasks and find content with minimal effort.
Make tasks simple and efficient to complete. Help users understand what is required at the start of a task, reduce unnecessary choices, and show how long journeys are expected to take.
Design user journeys that are clear and efficient. Use established design patterns that people already understand.
Provide a human-readable sitemap, especially for large, complex, or legacy websites where navigation is not straightforward. Keep it regularly updated. Provide clear and accessible navigation and search features so users can quickly find the content or services they need. Use lightweight and efficient ways to help users discover new content and services, including news pages, updates, and changelogs.
Tags
Accessibility, Content, HTML, Marketing, Patterns, Performance, Privacy, Social Equity, UI, Usability
Give users control over notifications and focus, prioritize task-relevant content, and avoid designs that distract or unnecessarily extend engagement.
Ensure users can control when and how they receive information, while respecting their attention, focus, and mental effort.
Show users information relevant to their current task and avoid unnecessary interruption and competing interface elements. Delay or collapse information not immediately needed, but keep it easy to find. Only show pop-ups, modal windows, or other disruptive interface elements when the user chooses to open them. Use decorative design only when it improves the user experience, and make optional assets removable or turned off by default. Do not remove information or functionality that may be important for accessibility, safety, or different user needs.
Avoid design patterns that engage users longer than necessary, such as infinite scroll or disabling standard browser controls and navigation features.
Tags
Accessibility, Assets, Content, Patterns, Performance, Privacy, Social Equity, UI, Usability
Avoid deceptive patterns, clearly label ads, respect consent for tracking, and ensure search, sharing, and discoverability practices prioritize user needs over optimization or manipulation.
Avoid deceptive design patterns that pressure or mislead users. This includes practices such as bait and switch, hidden fees, or fake scarcity.
Clearly label advertisements and sponsored content. Deliver advertising in a lightweight and minimally disruptive way while enabling users to control the experience.
Remove unnecessary analytics and tracking, and respect user consent over tracking analytics.
Optimize content for search and social sharing in ways that support user needs rather than manipulation. Do not misuse accessibility features, create low-quality content, or add unnecessary duplication only to influence search rankings.
Tags
Accessibility, Assets, Compatibility, JavaScript, JavaScript, Patterns, Privacy, Security, Social Equity, UI, Usability
Create discoverable, maintainable, and reusable documentation and code resources that support long-term understanding, reuse, and sustainability.
Create documentation and other deliverables in reusable formats to reduce duplicated work and support long-term sustainability.
Document functionality and technical requirements in clear and easy-to-maintain resources. Keep documentation updated over time and provide guidance for replacing or retiring outdated information.
Provide developers with access to source code and code comments so they can easily understand, maintain, and reuse the code.
Tags
Accessibility, Assets, Content, Education, Patterns, Software
Use design systems and established patterns to ensure consistent, efficient, and sustainable interfaces through reusable components and clear maintenance practices.
Use a design system for large projects or projects with many contributors to improve consistency, performance, and long-term sustainability. Use reusable components based on web standards, load only the components needed for each page or feature, and maintain the system through clear ownership, versioning, and updated documentation. Follow established design patterns and conventions.
Tags
Accessibility, Assets, CSS, Education, Patterns, Strategy, UI, Usability
Include media only when it supports user needs. Manage, optimize, and load media efficiently. Ensure users have control over playback and data use.
Only include media when it supports user experience or improves understanding and keep the number of media items to a minimum.
Resize, optimize, and compress media for different screen sizes, devices, and user needs. Use widely supported, efficient formats that enable native playback where possible. Avoid unnecessary custom or non-native media players. Use hardware-accelerated playback when available and compatible with security requirements.
Incorporate lazy and/or deferred loading from the start by identifying which media elements are required immediately and which should load only on user interaction. Load large or data-intensive media only when needed, using a non-functional static facade or placeholder to defer loading until user request or interaction.
Disable autoplay for audio, video, and other media by default. Ensure users can control playback and resolution. Inform users about media length, format, and expected data use. Provide the option to disable data-intensive media or offer lower-bandwidth alternatives.
Create a media management and usage policy. Include guidance on compression, rendering performance, file formats, data retention, storage, review, and deletion.
Example
<picture> <source type="image/avif" srcset="image.avif"> <source type="image/webp" srcset="image.webp"> <img width="100px" height="100px" src="image.jpg" alt="" loading="lazy"/> </picture>
Tags
Accessibility, Assets, Content, HTML, Performance, Software, UI, Usability
Use animation sparingly and efficiently, only when it supports understanding, while limiting performance impact and giving users control over motion.
Use animation only when it supports the user experience or helps users understand content or actions.
Limit the number and frequency of animations to reduce distraction, lower resource use, and avoid affecting device performance. Set a maximum number of replays or iterations.
Let users start, pause, stop, or control animated and moving content.
Keep interactive and animated content as lightweight as possible. Reduce rendering cost by accounting for formats, lengths, complexity, dimensions, quality, tooling, and implementation approach. Where multiple approaches are available, choose browser- or platform-native animation capabilities and minimize main-thread or layout-intensive work.
Example
@media (prefers-reduced-motion: reduce) {
body *,
body *::before,
body *::after {
animation-delay: -1ms !important;
animation-duration: 1ms !important;
animation-iteration-count: 1 !important;
background-attachment: initial !important;
transition-duration: 1ms !important;
transition-delay: -1ms !important;
scroll-behavior: auto !important;
}
}
Tags
Accessibility, CSS, JavaScript, Performance, UI, Usability
Use font strategies that minimize downloads and complexity while supporting required languages and dynamic content.
Use system fonts or other pre-installed fonts to reduce font downloads and improve performance.
Limit the number and complexity of downloaded fonts. When using variable fonts, restrict supported axes and ranges to only those required by the project to reduce file size. Use the most performant font formats available and provide suitable fallback fonts to maintain readability and performance during font loading or when custom fonts cannot be loaded.
Remove unused font styles, weights, and character sets. Subset fonts based on explicitly supported languages, scripts, and Unicode ranges required by the project. Where you have full control over all input and output, subset fonts to include only the relevant Unicode ranges or character sets. In cases involving dynamic content or user-generated input, provide broader script coverage and use Incremental Font Transfer (IFT) to load required font segments on demand.
Example
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
Tags
Accessibility, CSS, Performance, UI, Usability
Send only user-requested notifications and provide clear, accessible controls for managing preferences, opt-in, and account and contact settings.
Only send notifications that match user preferences or that the user has explicitly requested. Avoid unnecessary emails, (SMS) messages, and push notifications. Give users clear control over each notification type.
Let users manage their notification and messaging settings easily. Make unsubscribe, logout, and account closure options visible and accessible. Turn off optional notifications by default and enable them only after user opt-in.
Tags
JavaScript, Privacy, UI, Usability
Reduce paper use through digital-first workflows, optimize and reuse accessible downloadable documents, and provide clear, user-controlled document previews and formats.
Design workflows to reduce the need for paper documents. When paper use is necessary, reduce paper use through efficient print layouts and minimal page counts. Include print style sheets and test them with real content. Encourage the use of digital formats instead of paper storage and archiving.
Optimize and compress downloadable documents, provide them in accessible formats that suit different user needs, and choose open, widely supported formats (such as HTML) over proprietary file formats.
Avoid duplicating work. When a document is reused, generate and store it once on the server so it can be reused efficiently, preferably on a cookie-free domain.
Show users the document name, format, size, and a short summary before download. Let users choose the most suitable format and language. Avoid embedding documents directly in pages; instead provide download or browser-view links.
Tags
Accessibility, Assets, Compatibility, Content, E-Waste, Hardware, Performance, Software, UI, Usability
Define and validate prototypes and interface components through user testing to ensure they work effectively in real-world use cases and across diverse user needs.
Create defined processes for prototyping and testing new features and interface components. Validate them with representative users to ensure they work in real-world conditions and across different needs.
Tags
Accessibility, Education, Governance, Ideation, Research, Social Equity, Strategy, UI, Usability
Regularly audit for issues or problems, running tests at regular intervals in both simulated and real-world scenarios to ensure stability of the project.
Evaluate current user experience and check the codebase for bugs, identify performance issues, and account for accessibility, sustainability, or security problems at appropriate regular intervals, such as every month or quarter.
Maintain an automated test suite that covers critical functionality and run it consistently during builds and releases to catch regressions early.
Identify and resolve bottlenecks or issues in the underlying code or infrastructure which could impact sustainability and performance to encourage a smooth, frictionless user journey. Consider both simulated and real-world metrics. Monitor performance across every release cycle using appropriate tooling or through research and auditing.
Tags
Accessibility, Compatibility, KPIs, Performance, Privacy, Reporting, Research, Security, Social Equity, Software, Strategy, UI, Usability
Monitor user feedback and real usage to evaluate feature effectiveness, and use usability testing and user research to guide ongoing improvements.
Monitor user feedback, adoption, and churn for each feature. Use these insights to guide updates and future releases.
Use usability testing, real user metrics, and user interviews throughout product development. Measure the impact of findings and check whether released features meet user needs and internal goals.
Tags
Accessibility, Education, Governance, Ideation, KPIs, Research, Social Equity, Strategy, UI, Usability
Document compatibility, avoid unnecessary obsolescence, and test across devices, systems, and network conditions.
Document supported devices, operating systems, and browsers, including version ranges. Review and update it regularly to reflect current releases.
Avoid planned obsolescence. Keep compatibility for as long as reasonably possible. Clearly explain whether updates are major changes that may affect performance or smaller updates that fix issues or improve security.
Test for a wide range of user conditions, including slow, restricted or unstable connections, Virtual Private Network (VPN) use, different operating systems and browsers, and older or low-performance devices.
Tags
Accessibility, Compatibility, KPIs, Research, Security, Social Equity, Software, Strategy, UI, Usability
Sustainable web design and development practices at the front-end and back-end often intersect with best practices, unlocking numerous benefits for the planet, people, and prosperity alike.
Front-end and back-end web development contribute to a more sustainable web by improving how efficiently projects use resources. Efficient code reduces unnecessary processing and data transfer, lowering the environmental impact of services at scale. These improvements also make projects faster and more reliable, helping them remain usable and maintainable over longer periods. As a result, sustainable web development supports both performance and the long-term viability of digital products.
Goals include:
Benefits include:
Plain language summary of the Web Development:
Define performance and environmental targets, and design content with awareness of the relative energy and processing cost.
Set clear performance and environmental goals for the project, including limits on requests, elements rendered, or other measurable resource use.
Prioritize lower-impact design choices, paying attention to measurable differences in energy use across components. Complex structure, styling, and script-driven experiences along with graphics-heavy and media-rich rendering increase the computational complexity of rendering. Use more intensive approaches only where these add clear value.
Tags
KPIs, Networking, Performance, Research, Social Equity, Strategy
Minify code and data, and remove unused characters to reduce file size and improve loading efficiency and maintainability.
Minify code and data files by removing unnecessary whitespace, comments, and non-essential characters. Apply this consistently across the system to reduce file size and improve loading efficiency. This helps reduce cumulative data transfer and processing overhead at scale, improving resource efficiency and lowering energy consumption.
Identify and remove unused or dead code, especially in CSS and JavaScript.
Example
!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(g,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,v=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf
Tags
Accessibility, CSS, HTML, JavaScript, Performance
Split large components into smaller, on-demand modules to improve loading efficiency while balancing maintainability and caching performance.
Split large or bandwidth-heavy components into smaller modules that load only when needed. Avoid excessive splitting, as it can increase overhead, reduce caching efficiency, and make code harder to maintain.
Example
link.addEventListener("click", (e) => {
e.preventDefault();
import("/modules/my-module.js")
.then((module) => {
/* Do something */
})
.catch((err) => {
console.error(err.message);
});
});
Tags
CSS, JavaScript, Performance
Reduce code duplication through refactoring and reuse, ensure maintainability, and favor evolving existing solutions over rebuilding them.
Refactor code to reduce duplication and redundancy by improving structure, consolidating repeated logic, and encouraging reuse.
Prioritize improving and extending existing user-facing solutions over rebuilding them from scratch. Only replace an existing solution when doing so provides clear benefits to user experience, performance, scalability, or maintainability.
Apply DRY (Don't Repeat Yourself) principles to CSS and JavaScript where they improve maintainability. Ensure that efforts to reduce duplication do not increase complexity, introduce unnecessary dependencies, or adversely affect performance.
Example
.opinions_box {
margin: 0 0 8px 0;
text-align: center;
&__view-more {
text-decoration: underline;
}
&__text-input {
border: 1px solid #ccc;
}
&--is-inactive {
color: gray;
}
}
Tags
Accessibility, CSS, JavaScript, Patterns, Performance
Minimize and carefully manage third-party services by using lightweight, user-controlled integrations that are loaded only when needed.
Review third-party content and/or services early in the design or ideation process, including plugins, widgets, feeds, maps, carousels, tracking scripts, and similar components. Use as few as possible, preferring lightweight options to reduce overall environmental impact, including GHG Protocol Scope 3 emissions. Ensure third-party providers enforce the same compliance, security, privacy, data retention limits, data deletion policies, and mandatory security update standards as the first party.
Load third-party content only when the user interacts with it. Offer simple alternatives, such as linking to a form instead of embedding a widget.
Serve assets such as content, icons, fonts, scripts, and widgets from infrastructure you control where practical, rather than embedding or depending on third-party services for their storage or delivery. This reduces dependency on external systems, improves reliability, and can reduce unnecessary network requests.
Respect user preferences around third-party content and services. Provide clear controls to disable or opt out of non-essential third-party features.
Example
<iframe src="https://example.com" loading="lazy" width="600" height="400"></iframe>
Tags
Accessibility, JavaScript, Performance, Privacy, Security, Software, UI, Usability
Use standards-compliant HTML and web platform features, and avoid unnecessary complexity or non-standard code.
Use valid and standards-compliant markup.
Remove optional HTML elements, attribute quotes, and default attributes if doing so does not negatively impact accessibility, readability, functionality, or performance. Include them when they improve accessibility, maintain clarity without compromising performance, or ensure consistent browser rendering.
Avoid deprecated, proprietary, or non-standard technologies unless there is a clear, justified need such as legacy compatibility or accessibility. Use polyfills only when necessary and review them regularly for removal.
Use standard HTML elements, attributes, features, and APIs wherever they meet the requirement. Use custom elements, Web Components, or custom functionality only when built-in web platform capabilities cannot meet the need or when building reusable design system components.
Example
<button onclick="window.dialog.showModal();">open dialog</button> <dialog id="dialog"> <p>I'm a dialog.</p> <form method="dialog"> <button>Close</button> </form> </dialog>
Tags
Accessibility, Compatibility, Content, HTML, Security, Social Equity, Usability
Load non-essential assets asynchronously or with prioritization to improve rendering performance and avoid visual issues.
Load non-essential external assets asynchronously or defer them to avoid rendering issues such as Flash Of Unstyled Content (FOUC), Flash of Invisible Text (FOIT), or Flash of Faux Text (FOFT).
Use resource and priority hints to improve loading performance when multiple assets compete for bandwidth or rendering order.
Example
<link rel="prefetch" href="/articles/" as="document">
Tags
Accessibility, Assets, CSS, JavaScript, Performance
Include essential document metadata and structured data to improve usability, accessibility, and machine readability.
Include a required title element and add optional HTML head elements where they improve usability, accessibility, or performance.
Include relevant meta tags that are widely used by browsers, search engines, and other user agents.
Use structured data, such as schema.org, implemented with JSON-LD, microdata, RDFa, or microformats, to enable consistent interpretation and reuse of content by both humans and machines across tools and services.
Example
<html>
<head>
<title>Example: A website about Examples</title>
<script type="application/ld+json">
{
"@context" : "https://schema.org",
"@type" : "WebSite",
"name" : "Example",
"url" : "https://example.com/"
}
</script>
</head>
<body>
</body>
</html>
Tags
Accessibility, AI, HTML, Marketing, Usability
Support user preferences via media queries for color, motion, contrast, data use, and related settings to improve accessibility and efficiency.
Accommodate common user preferences using CSS media queries such as prefers-color-scheme. Account for additional preference queries, including monochrome, prefers-contrast, prefers-reduced-data, prefers-reduced-transparency, and prefers-reduced-motion where these will benefit your users. Use print and scripting media queries where they can improve efficiency or sustainability.
Example
@media (prefers-color-scheme: dark) {
/* wants dark mode */
}
@media (prefers-color-scheme: light) {
/* wants light mode */
}
Tags
Accessibility, Assets, CSS, UI, Usability
Use responsive, progressively enhanced, and carbon-aware design to ensure accessible, adaptable functionality across devices and interaction methods while managing resource use.
Use responsive and adaptive design so the product works across devices and screen sizes such as phones, tablets, laptops, desktops, TVs, and emerging platforms. Ensure the project still functions when certain features or technologies are not supported.
Use progressive enhancement to enhance sustainability by starting with a baseline of HTML, then progressively improving the user experience without relying on style or interaction for core functionality, ensuring a robust and resilient project.
Use carbon-aware design to reduce energy use when electricity demand or system load is high. Use situational design to replace, reduce, or disable high-impact features for lower-impact alternatives. Automated thresholds may also adjust or disable non-essential features, provided changes remain transparent. Clearly communicate what changed and why, and allow users to restore full functionality where possible.
Support sustainable non-visual and indirect interaction methods such as assistive technologies, voice input, QR codes, reader view (browser, application, or RSS), and connected devices.
Example
@media screen and (min-width: 600px) {
body {
color: red;
}
}
Tags
Accessibility, AI, Compatibility, Content, CSS, Performance, Social Equity, UI, Usability
Write efficient JavaScript and use APIs that minimize processing, data use, and energy consumption.
Write JavaScript that supports long-term application performance by reducing unnecessary calculations, limiting DOM updates, and minimizing network requests.
Leverage JavaScript APIs, such as Compression Streams, Page Visibility, or Vibration, when they help reduce energy use or improve efficiency.
Only call client-side or server-side APIs when needed. Ensure only data required for the task is included in requests and responses.
Example
const audio = document.querySelector("audio");
// Handle page visibility change:
// - If the page is hidden, pause the video
// - If the page is shown, play the video
document.addEventListener("visibilitychange", () => {
if (document.hidden) {
audio.pause();
} else {
audio.play();
}
});
Tags
Accessibility, JavaScript, Privacy, Security
Regularly review dependencies, remove unused or unnecessary libraries and frameworks, and keep required packages up to date. Opt for minimal, secure, and modular solutions.
Review dependencies regularly and remove unused libraries and frameworks. Uninstall packages that are not needed.
Limit the use of external libraries and frameworks to what is necessary, as this reduces the amount of code that must be downloaded and parsed by the browser. Prioritize plain code where possible. Review package size and evaluate whether individual modules can be imported instead of entire libraries, or whether a more performant alternative can be used. Do not replace established and trusted security libraries with custom implementations, as this increases vulnerability and can negatively impact sustainability.
Keep all dependencies up to date through regular review and maintenance.
Example
npm uninstall <package-name>
Tags
Accessibility, JavaScript, Patterns, Performance, Privacy, Security, Software
Include standard website metadata and configuration files to support discoverability, transparency, and operational best practices.
Include favicon.ico, robots.txt, opensearch.xml, site.webmanifest, and sitemap.xml by default. Include additional default files if they become standard.
Include additional standard files, such as ads.txt, carbon.txt, humans.txt, and security.txt. Include additional default files if they become standard.
Example
User-agent: * Disallow: /cgi-bin/
Tags
Accessibility, Assets, Compatibility, Marketing, Patterns, Security, UI
Choose lightweight, efficient implementation approaches that balance effort, performance, and environmental impact while favoring simple, native, and static solutions.
Choose implementation approaches that balance effort, performance, and environmental impact. Simpler solutions may reduce complexity and runtime impact but require more human effort, while prebuilt tools may reduce build time and development effort but increase ongoing resource use.
Use the most performant approach for your use case. Most of the time, coding from scratch can provide the most performant results, but where a well-maintained existing solution is available it may be better optimized than what you can produce yourself. Favor native components and file systems over WYSIWYG editors, visual page builders, or heavy frameworks. Be mindful of the performance, maintenance, and environmental impact of third-party solutions.
Deliver static content in place of dynamic content wherever possible. If code generation is required, favor the efficient tools, such as Static Site Generators (SSGs). Be aware that dynamic CMS-driven content typically involves greater server-side processing and relies on bulkier libraries compared to static approaches.
Review plugins, extensions, and themes regularly to ensure they remain compatible with the platform and other components, efficient, and accessible.
Use user interface components that are lightweight, focused, and efficient, avoiding unnecessary complexity that increases resource use, environmental impact, or maintenance burden.
Tags
Accessibility, Compatibility, Ideation, Performance, Privacy, Security, Software, Strategy
Use up-to-date technologies and select the most suitable programming language for each task to ensure efficiency and maintainability.
Use the latest stable version of the chosen language and framework.
Use the best programming language for the task, recognizing that many tools and languages are optimized for specific types of work. Adoption effort is justified where benefits outweigh costs and there is a reasonable user base, provided it does not impact the wellbeing of those involved or become cost-prohibitive.
Tags
Compatibility, Performance, Security
Optimize database use by minimizing and scoping queries, reducing repeated requests, and applying data governance practices.
Optimize database queries to reduce load by retrieving required data in as few queries as possible, and by applying filtering and selection at the database level rather than in application or ORM code, especially for frequently accessed data.
Retrieve data only once per request or process and reuse it locally instead of repeating database queries.
Scope database queries to return only the fields and records that are required.
Apply data lifecycle and governance controls such as Time-to-Live (TTL), use of non-sensitive identifiers like UUIDs, de-identification, and minimization of stored data in line with purpose limitation principles.
Example
$value = get_post_meta( int $post_id, string $key = '', bool $single = false ): mixed
Tags
Networking, Performance
Even data has a home. Whether you are developing tools, processing data, maintaining online systems, operating websites or something else - conscious choices that improve sustainability of hosting, infrastructure, and systems can have an enormous impact.
Development operations teams and hosting providers play a key role in ensuring that infrastructure meets performance, reliability, and sustainability requirements. Sustainability depends on decisions about where and how content, code, and data are stored and processed, as these choices affect energy consumption, data transfer distances, and server efficiency. Optimizing infrastructure can reduce unnecessary computational load and improve response times for users, contributing to more efficient and environmentally responsible projects.
Goals include:
Benefits include:
Plain language summary of the Hosting, Infrastructure, and Systems:
Select and manage infrastructure using sustainability metrics, prioritizing low-carbon energy use and low-impact hosting and domain choices in selection, and extending hardware lifespan and minimising emissions in management.
Include sustainability metrics when selecting and evaluating potential infrastructure, hosting, cloud, platform, externally managed content, or other digital services. Favor providers that publicly and transparently disclose their environmental policies and related performance indicators, including Power Usage Effectiveness (PUE), Water Usage Effectiveness (WUE), Carbon Usage Effectiveness (CUE), renewable energy use, emissions reduction commitments, and hardware maintenance and sourcing practices.
Monitor and reduce the negative environmental impact of all running infrastructure over time. Whether external or self-hosted, track all available relevant indicators, such as energy use, water use, and server resource utilization. This includes CPU/cores, memory, storage, and network usage. Use this information to identify inefficiencies, reduce overprovisioning, optimize resource use, and support transparent sustainability reporting.
Extend the lifespan of hardware. Use equipment efficiently and at the right capacity and keep it securely patched and properly maintained. New hardware should be sourced from suppliers that commit to device longevity, patching, and repair options..
Use electricity with the lowest possible carbon intensity. Hosting providers should measure and report carbon intensity using available location-based grid data, including on-site generation, backup systems, and storage. Use this information to select lower-carbon hosting providers and improve energy sourcing and infrastructure efficiency.
Reduce remaining emissions using market-based carbon accounting for indirect electricity emissions under the GHG Protocol (Scope 2). When purchasing low-carbon electricity through Energy Attribute Certificates (EACs) or Renewable Energy Certificates (RECs), ensure the certificates match the time and location of the electricity used, identify when the renewable electricity was generated, can be validly issued and retired in a way that prevents double counting.
Verify that the impact of domain name registration is disclosed by domain registries and registrars. Where environmental impact data is available from registrars, use it to inform domain registration decisions and mitigate environmental impact. Where such data is unavailable, assess the assumed environmental impact when making registration decisions and make sustainability-focused choices where possible.
Tags
AI, E-Waste, Hardware, Networking, Social Equity
Use caching and offline capabilities to reduce network load, improve resilience, and balance performance with sustainability.
Use caching to reduce processing time and repeated database queries, API calls, and network requests. Apply server-side caching for dynamic content and client-side caching for resources that do not change frequently. Control cache lifetimes, serve static versions for stable assets, and minimize repeated requests for frequently used resources, balancing against added complexity and maintenance costs to improve how data is delivered.
Keep essential content and functionality available during network interruptions. Provide offline access using web platform capabilities, such as Progressive Web Applications (PWA), Service Workers, Web Workers, or local storage.
Example
<IfModule mod_expires.c> ExpiresActive on # Default: Fallback ExpiresDefault "access plus 1 year" # Specific: Assets ExpiresByType image/x-icon "access plus 1 week" ExpiresByType application/rss+xml "access plus 1 hour" ExpiresByType application/json "access" </IfModule>
Tags
Accessibility, Assets, HTML, JavaScript, Networking, Performance, Software
Compress server responses and media files to reduce bandwidth, storage use, and delivery overhead while balancing processing costs.
Reduce file size before uploading images, audio, and video by using efficient formats and quality settings. Avoid applying additional compression if the file is already appropriately sized for upload.
Compress media files such as images, video, and audio before uploading anywhere to reduce storage and transfer requirements.
Example
<IfModule mod_deflate.c>
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
RequestHeader append Accept-Encoding "zstd, gzip, br, deflate" env=HAVE_Accept-Encoding
</IfModule>
</IfModule>
<IfModule mod_filter.c>
AddOutputFilterByType DEFLATE "application/atom+xml application/javascript application/json application/ld+json application/manifest+json application/rdf+xml application/rss+xml application/schema+json application/geo+json application/vnd.ms-fontobject application/wasm application/x-font-ttf application/x-javascript application/x-web-app-manifest+json application/xhtml+xml application/xml font/eot font/opentype font/otf font/ttf image/bmp image/svg+xml image/vnd.microsoft.icon image/x-icon text/cache-manifest text/calendar text/css text/html text/javascript text/plain text/markdown text/vcard text/vnd.rim.location.xloc text/vtt text/x-component text/x-cross-domain-policy text/xml"
</IfModule>
<IfModule mod_mime.c>
AddEncoding gzip svgz
</IfModule>
</IfModule>
Tags
Assets, Networking, Performance
Provide clear error handling and ensure broken links are either fixed or redirected to destinations to prevent navigation issues.
Implement clear error handling and user-friendly error pages that explain what went wrong and guide users back to content.
Update broken and outdated links if they are no longer valid. Use redirects only when they clearly benefit users or preserve SEO value, and avoid long or unnecessary redirect chains. Apply proportionality so engineering and maintenance costs do not outweigh performance or SEO gains. Test redirects to prevent errors and loops, and choose the simplest effective approach.
Example
ErrorDocument 404 /404.html
Tags
Accessibility, Compatibility, Content, Marketing, Networking, UI, Usability
Remove unnecessary virtualized environments to improve efficiency and maintainability.
Reduce the number of active environments by deactivating, offlining, or removing unused or redundant virtual and physical environments (e.g., containers and virtual machines) wherever this can be done without reducing required security, isolation, or compliance guarantees. Also evaluate running services in the same way. Similarly, codebases and setups for unused branches, environments, and services, and remove what is no longer needed.
Tags
AI, Hardware, Networking, Performance, Software
Automate and scale tasks and infrastructure efficiently, run processes only when needed, and control unwanted traffic.
Automate recurring tasks such as deployment, testing, and compilation in alignment with continuous integration and continuous delivery (CI/CD) best practices to reduce manual effort and improve consistency. Favor automation tools and platforms with lower environmental impact, and avoid unnecessary duplication of automation systems.
Run automated tasks only when they are needed to avoid unnecessary resource use.
Use autoscaling to adjust server capacity based on demand. Implement buffering and throttling to manage load pressures. Scale resources up during high demand and scale down when demand drops to avoid overprovisioning.
Restrict unwanted and unnecessary third-party crawlers, user agents, bots, and scrapers using security controls, while ensuring content remains accessible to legitimate users, search engines, and helpful or authorized crawlers. Take into account that some scrapers may be used for beneficial purposes, including informing or training large language models.
Tags
Accessibility, AI, Performance, Security, Software
Decide when to refresh data based on a balance of user and sustainability requirements.
Define cache refresh rates based on user needs, accuracy requirements, and resource efficiency to determine when data is updated.
Tags
JavaScript, Networking, Performance, Usability
Back up data at regular intervals to ensure that there are failsafes that can be relied upon should an issue occur.
Ensure backups of systems and user data are secure and incremental to minimize storage use and reduce backup time. Limit access to backups, and establish mechanisms to prevent user-identifiable information from being stored long term. Protect backups against data loss or misuse.
Tags
Hardware, Performance, Security
Use carbon-aware scheduling, efficient and secure protocols, and simple system designs to reduce unnecessary processing while balancing performance, security, and constraints.
Use carbon-aware computing to dynamically optimize workload execution by scheduling or batching tasks to run at a time when carbon intensity is lower based on real-time grid carbon intensity data, or shifting workloads to regions with lower carbon intensity when possible, while respecting security, performance, and data residency constraints.
Choose communication protocols that balance user needs, security, and sustainability by improving efficiency and reducing resource use. Prioritize secure options like HTTPS and SFTP/SSH, avoid insecure legacy protocols such as HTTP and FTP, and adopt modern standards like HTTP/2 or HTTP/3 for better performance and lower network overhead. Maintain backward compatibility only where necessary.
Use event-driven architecture and microservices when building products with state changes that do not require full page refreshes. Favor those where they offer a more energy-efficient alternative to REST-style synchronous APIs based on performance, power, and processing factors, and choose the approach that reduces server workload and environmental impact while meeting requirements.
Avoid unnecessary data processing. Decide carefully whether processing should happen on the client or server based on performance, security, sustainability metrics, and resource use.
Perform data transformations, transfers, and processing between the layers of an application as close to the source as possible. This reduces unnecessary serialization overhead and avoids wasting resources.
Tags
AI, JavaScript, Networking, Performance
Use CDNs and data location strategically for static content and processing only when they improve efficiency and sustainability, while avoiding unnecessary distribution and transfers.
Use a Content Delivery Network (CDN) for static content, assets, and other read-only resources only where it provides clear benefits, evaluating performance improvements and environmental impact on a case-by-case basis in line with broader web hosting choices. When serving an exclusively local audience, evaluate whether a CDN is necessary, and prefer geographically close hosting instead.
Choose CDN providers that demonstrate credible, evidence-based web sustainability commitments.
Avoid deploying dynamic or frequently changing resources to a CDN, as browser mechanisms like cache partitioning and cross-origin resource sharing (CORS) can limit caching benefits and interaction performance, reducing resource efficiency, while workarounds may introduce security or privacy risks.
Tags
Accessibility, AI, Content, Hardware, Networking, Performance
Use demand-matched, autoscaling infrastructure to meet demand efficiently without overprovisioning.
Select infrastructure that meets your requirements and customer agreements without over-provisioning. Favor standalone instances over multi-zone or distributed setups when requirements allow. Provision for average loads rather than peak loads to ensure efficient resource use.
Tags
E-Waste, Hardware, Performance
Regularly manage and reduce stored data (including content, logs, media, and downloads) using retention, compression, and lifecycle policies, while maintaining efficient access to long-term assets.
Regularly remove unused or obsolete data ("dark data") to reduce storage and energy costs, and manage whether and how long data is stored.
Use classification and tagging policies to define and manage data lifecycle rules, including retention, expiration, and archival.
Store data only where it provides lasting operational, analytical, or legal value and cannot be easily regenerated or replaced. Remove or archive it when it becomes obsolete. Avoid unnecessary duplication and use efficient storage practices such as compression, caching, and storage optimization techniques.
Manage logs with regular rotation, retention, compression, and backup practices, including scheduling resource-intensive operations during low-activity periods where practical to reduce energy demand and operational overhead. Use resilient backup strategies, including off-site storage when necessary for resilience or recovery, and remove sensitive information from logs wherever possible to minimize security and privacy risks.
Make large, long-term assets easily downloadable so users do not need repeated server requests.
Tags
Accessibility, Content, E-Waste, Hardware, Performance, Privacy
Designing websites and applications for better sustainability requires good business strategy and product management.
Anyone responsible for a website or application can influence its environmental impact. Business owners and senior decision-makers are often responsible for strategic choices that shape how services are built, delivered, and maintained, including investment in infrastructure, performance priorities, and long-term product direction. However, all individuals working on digital products can contribute through day-to-day decisions that improve efficiency and reduce unnecessary resource use. These efforts also connect to wider organizational practices that influence a projects web sustainability.
Goals include:
Benefits include:
Plain language summary of the Business Strategy and Product Management:
Implement organizational practices around ethics, sustainability, and responsible data use. Publish and maintain policies that demonstrate their implementation.
Develop, publish, and maintain key organizational policies such as a code of ethics, product guidelines, and sustainability statements. Include clear language for digital products, services, and emerging or disruptive technologies, such as AI. Make these policies publicly accessible and keep them versioned for transparency.
Publish web sustainability-related achievements, features, compliance updates, and other relevant information within a dedicated sustainability section.
Provide evidence that sustainability policies and practices are actively implemented, monitored, and governed over time.
Advocate for and comply with evidence-based legislation and standards that advance digital privacy, employment rights, transparency, accountability, responsible emerging technologies, and digital sustainability. Simultaneously make efforts to go beyond minimum expectations, especially in regard to avoiding unnecessary data collection to preserve an efficient and accessible user journey in compliance with accessibility and data protection requirements.
Tags
Accessibility, AI, Education, Ideation, KPIs, Privacy, Research, Security, Social Equity, Strategy
Appoint a sustainability advocate who is provided with what they require to speak about and for issues relating to sustainability.
Assign clear responsibility for digital sustainability by appointing a sustainability lead with specific digital expertise and providing them with the resources, budget, tools, and time they need to achieve their stated goals. In some organizations, expanding this into a climate working group comprising motivated individuals can add further benefits.
Tags
Accessibility, Education, Ideation, Marketing, Privacy, Social Equity
Provide ongoing training, onboarding, and guidance on sustainability practices, and support participation in sustainability initiatives through clear materials, knowledge sharing, and organizational encouragement.
Produce, provide, and/or facilitate the delivery of onboarding materials and workshops to everyone connected to your project, including internal teams, external contributors, colleagues, and organizational decision-makers. Include education on general and digital climate literacy, as well as guidance on your own sustainable technology policies.
Provide active and routine training to develop, establish, and refresh sustainability skills through ongoing learning opportunities that support teams in achieving sustainability objectives.
Encourage individuals to reduce their environmental impact. Share climate and sustainable initiatives and ideas. Provide resources on sustainable design, best practices, and concepts.
Create and/or deliver dedicated training manuals, workshops, and materials to outline the adopted sustainability policies and practices and how to implement them. Manage and maintain these materials over time, adapting them as new policies and best practices arise.
Encourage leadership, teams, and individuals to make progress toward their training goals by recognizing completion, allocating time for sustainability-related activities, and providing incentives and benefits.
Tags
Content, Education, Marketing, Reporting
Empower users, allowing them to make decisions when their choices can influence the environmental impact they have.
Show users how their actions affect energy use, emissions, or resource consumption, and provide options that help them make more informed choices.
Tags
Content, Education, Marketing, Reporting
Assess and compare full life cycle environmental impacts, including those of third-party services, to inform sustainable design decisions.
Conduct a life cycle assessment (LCA) to understand the environmental impact of each functional unit - a defined measure of a product or service being assessed - including lifecycle greenhouse gas (GHG) emissions and other relevant environmental impacts across the full project lifecycle.
Evaluate the environmental impact of your project against comparable alternatives to inform decision-making targets. Determine whether the project's additional value or sustainability benefits justify its environmental impacts.
Include the impact or estimated impact of any tooling or third-party solutions used at any stage in your pipeline. While not created by you, the emissions generated in production, maintenance, and use are also integral to your overall solution.
Tags
Accessibility, AI, Ideation, KPIs, Research, Social Equity, Software, Strategy
Define measurable sustainability goals and metrics, and communicate progress over time.
Define and publish clear web sustainability goals. Identify measurable performance metrics and communicate progress against those goals so that people can understand and evaluate sustainability performance.
Tags
AI, Governance, Ideation, KPIs, Research, Social Equity
Use independent verification to support and improve sustainability claims.
Use independent third-party verification or assurance to validate sustainability claims.
Reassess sustainability claims over time and update them when new evidence affects their accuracy.
Tags
Governance, KPIs
Publish transparent, standards-aligned sustainability reports that track progress over time and clearly explain real impact reductions without misleading reporting.
Create and publish policies and practices for disclosing the environmental, social, and governance impacts of digital products, programs, and services in line with recognized standards.
Publish a public sustainability impact report at least annually, including progress against previous reports and web sustainability goals.
Create and maintain transparent reporting practices for the emissions and the environmental, social, and governance impacts of digital products and web services.
Clearly explain how the environmental, social, and governance impacts are reduced, while avoiding misleading practices such as double counting, greenwashing, data exclusion, or selective reporting.
Tags
AI, Content, KPIs, Reporting
Describe how revenue generation supports environmental and social outcomes.
Document how the organization generates revenue and how those revenue streams relate to environmental and social impacts. Describe how impacts are measured, reviewed, and improved over time.
Tags
Content, Ideation, Research, Strategy
Explain through documentation how projects will be maintained, managed, resourced, and note issues while tracking measurements over time.
Produce and maintain documentation to outline how the organization approaches product management and maintenance.
Establish maintenance and security plans for all digital products and services.
Ensure that products, prototypes, testing, and supporting processes are sufficiently resourced over time - including staffing and budgeting - so that teams can maintain capacity, address technical debt, refactor code, introduce new features, support long-term care and maintenance, and avoid project abandonment for customers, users, and all affected parties.
Incorporate carbon and resource measurement into maintenance programs and show measurable improvement over time.
Identify and document Key Failure Indicators (KFIs) and implement resolutions to prevent negative sustainability impacts.
Tags
Accessibility, Compatibility, Security, Strategy
Continuously improve projects through regular reviews and iteration, integrating technical debt and security management, determining if new or existing functionality is required.
Establish policies and practices to enable continuous improvement and resource practices appropriately to support these efforts over time.
Review deliverables and update frequency to ensure project teams have enough time to conduct user research, identify technical debt, and produce high-quality output as well as share what they learned.
Display a track record of continuous improvement (iteration) processes to analyze the digital product or service. Simultaneously address any potential consequences of ongoing experimentation, such as technical debt, product performance, and emissions. Analytics are limited to strictly necessary features that aid decision-making, encouraging user feedback, and comparing performance against organization goals and user needs.
Justify and prioritize the retention of existing features, the creation of new functionality, and the decommissioning or elimination of unused functionality or low-traffic content throughout the product's life cycle on a case-by-case basis.
Provide corrective security and policy updates during the product or service life cycle. These should be distinguished from more extensive evolutionary updates.
Develop sustainable product and data strategies using appropriate training techniques. These should help your team build capacity and learn new skills to manage and maintain products and services over time.
Tags
Accessibility, AI, Compatibility, KPIs, Performance, Privacy, Security, Strategy, UI
Provide documentation to help users find their way whenever functionality changes.
When a feature is added, updated, or removed to improve user experience, clear documentation of the changes is provided in a well structured, semantically versioned document.
Example
# Changelog - Website ## [Unreleased] - N/A ## 1.0.0 - YYYY-MM-DD ### Added - Content. ## [Guide] - Added: New features. - Changed: Altered functionality. - Deprecated: Disappearing features. - Removed: Eliminated features. - Fixed: Bugs patched. - Security: Solved vulnerabilities.
Tags
Compatibility, Content, Education, Security, Usability
Determine whether a project is necessary, eliminating obstacles for users, and aligning with SDGs and sustainability principles.
Identify where the product or service aligns with one of the U.N. (SDGs) and its appropriate targets within a sustainability statement.
Determine that the product or service is necessary based upon desirability, feasibility, and viability factors.
Remove or alleviate any obstacles to using a product or service, such as accessibility, equality, technical, or territorial.
Tags
Accessibility, AI, E-Waste, Ideation, Reporting, Software
Vet suppliers before onboarding, then collaborate to promote and encourage better sustainability practices.
Create specific policies to vet potential partners along the supply chain based on sustainability principles.
Partner with suppliers to create, track and measure impact on issues that impact affected parties.
Promote and disclose partnerships in a publicly available place, along with information on how the partnership creates a collective impact.
Tags
AI, Content, Governance, Hardware, Ideation, Social Equity
Implement JEDI practices to foster inclusive hiring practices within an organization, showing evidence of improvement over time.
Document commitments to JEDI practices with clear policies on how marginalized or otherwise underserved communities are prioritized.
Establish a publicly displayed accessibility policy and demonstrate this via accessible digital products or services.
Provide JEDI-related training materials and schedule regular workshops related to how this topic manifests itself in digital products and services, covering topics such as algorithmic bias, digital divide, employment, mis- and disinformation.
Show measurable improvement over time across hiring, leadership, and operations.
Tags
Accessibility, Ideation, Social Equity, Strategy
Provide publicly accessible versions of documents required by law in a sustainable, easy-to-consume format, while also observing ethical data retention practices.
Maintain a publicly accessible privacy policy, terms and conditions, and any other documents as required by law in the jurisdictions in which the product or service operates. Adhere to the most restrictive data protection regulations, especially when providing services outside the organization's country. Provide documents in accessible formats and use clear, user-friendly language to ensure comprehension by all users. Avoid unnecessary jargon, technical language, and legalese. Support emerging legislation and implement best practices related to data privacy, sustainability, and responsible data management.
Demonstrate measurable progress over time in regard to respecting data privacy and ownership. Specify how opt-out will be handled along with ownership rights. Data deletion or "Right to be forgotten" requests must immediately propagate to databases and local caches. Cached data must not persist after a user has revoked consent or deleted their account. Also provide the ability to download or export data created by or in relation to the user in a non-proprietary format.
Tags
AI, Content, Governance, Privacy, Social Equity
Allow users to manage, control, and delete their data upon request, while making outdated content searchable via a lightweight and simple archive.
Archive and delete outdated or otherwise expired product content and data via automated expiration dates and scheduled product audits. Publish the archiving schedule, ensuring a lightweight version of the old searchable content is maintained for those that may require it.
Allow users to control, manage, and delete their data, subscriptions, and accounts.
Tags
Privacy, Security, Social Equity, Strategy
Ensure responsible use of automated systems by only using ethically sourced and suitably sized data, managing environmental impacts, supporting workforce adaptation, respecting user agent controls, and using post-quantum encryption only where justified.
Ensure datasets used, created, or referenced by automated systems are no larger than necessary for the task, ethically sourced, screened, validated, stored, and used in a fair and non-discriminatory, responsible way.
Support employees in adapting to new technologies that may change or disrupt their roles or the organization's operations.
Audit and account for environmental impacts linked to the promotion or adoption of AI and emerging or disruptive technologies. This includes third-party systems and the waste, water, and emissions generated per use, as well as those resulting from initial deployment and updates. Prioritize efficiency and deployment in a way that minimizes environmental impacts.
Ensure bots, crawlers, user agents, scrapers, artificial intelligence, and all other automated tools respect opt-out signals at the host, server, and site level. Providers must declare themselves as non-human within the user agent in the HTTP header.
Use post-quantum encryption only where there is a clear need to protect against “harvest now, decrypt later” attacks and long-term data confidentiality risks. Treat it as supplementary to rather than replacing existing encryption methods, using both during any transition. Apply caution when adopting post-quantum encryption in high-traffic services, as the bandwidth consumption, processing demand, design complexity, and migration risks may outweigh the security benefits.
Tags
Accessibility, AI, Content, E-Waste, Governance, Hardware, Networking, Performance, Privacy, Security, Social Equity, Software
Ensure that a project is suitably budgeted for and funded through sustainable and ethical sources.
Divest from fossil fuels and move banking, sponsorship, and other affiliations to more responsible partners.
Engage in flexible financing and responsible budgeting to accommodate long-term care and maintenance.
Tags
Governance, Ideation, Social Equity
Provide the opportunity to give back to the community through charitable or volunteer efforts via your organisation.
Establish a clear corporate giving policy and create philanthropic partnerships with strategically aligned organizations.
Engage in free or volunteer projects to help teams learn new tools and tactics, while also helping charities and non-profit organizations to build capacity.
Tags
Content, Governance, Social Equity
Produce documentation to ensure that when a project is shut down, users are made aware of what will happen to their data.
Provide clear, documented end-of-life guidelines that include data disposal, archiving, file deletion, and other relevant guidance.
Tags
Compatibility, E-Waste, Privacy, Research, Security, Social Equity, Software, Strategy
Include policies and documentation explaining how sustainable e-waste, recycling, repairing, and refurbishment are handled.
Responsibly recycle or upcycle unwanted hardware or materials. Materials should be recovered, redeployment, and reused, where possible, or otherwise disposed of sustainably. Service providers should have a policy for responsible e-waste management.
Establish specific policies around e-waste recycling and repair owned technology products whenever possible.
Form relationships with local partners for e-waste recycling and repair.
Buy refurbished equipment whenever possible.
Allow consumers to repair the consumables they purchase to the best of their ability, offering replacement components if possible at cost, and provide clear instructions to help resolve faults that occur.
Tags
Content, E-Waste, Governance, Hardware, Ideation, Social Equity
Set budgets, taking people, planet, and performance into account alongside baselines, targets, evidence, and resources to help meet KPIs.
Define and document clear digital sustainability budget criteria that covers impact from asset and resource creation to consumption. Communicate this to affected parties.
Use a performance budget to set a target maximum size of your digital product or service to monitor and reduce impact of data transfer, file type size, and more.
Define KPIs around engineering hours, development time, or sprints while keeping the health and well-being of your workers paramount. Sustainably optimize workflows to allow all tasks to be performed with care.
Establish a baseline and measurement criteria to track improvements over time. Improvement claims must be evidenced and verifiable.
Example
[
{
"resourceSizes": [],
"timings": [
{
"metric": "largest-contentful-paint",
"budget": 2500
},
{
"metric": "max-potential-fid",
"budget": 100
},
{
"metric": "cumulative-layout-shift",
"budget": 0.1
}
]
}
]
Tags
Accessibility, Ideation, KPIs, Performance, Research, Usability
Produce a policy around open collaboration and contribution to creating and sustaining open source projects.
Establish a clear open source policy that outlines how open-source tools are used and any practices used to support open-source development.
Show a track record of collaboration and building communities around open-source principles.
Contribute regularly in terms of code, human-time, and/or financially, to open-source community-based projects.
Tags
Accessibility, Assets, Ideation, Social Equity, Software, UI
Create a plan of action with a system to recover from failure or alert users if or when a loss of service occurs.
Create, regularly review, and occasionally test a plan of action to determine readiness in case of an incident and establish procedures to quickly recover from any incident.
Maintain regular and transparent communication with the audience regarding issues that may affect service delivery or user data.
Tags
AI, Governance, Security, Strategy
Guidelines within this specification which the Interest Group has identified possible implications for accessibility, privacy, or security, either by providing protections for end users or which are important for website providers to take in to consideration when implementing features designed to implement digital sustainability, are listed below. This list reflects the current understanding of the Interest Group but other guidelines may have implications that the Interest Group is not aware of at the time of publishing.
Individuals or organizations wishing to understand more about best practices relating to these objectives should read the relevant materials provided by W3C Working and Interest Groups in this area, as the result of good accessibility, internationalization, privacy, and security, can benefit the planet, people, and prosperity in measurable ways.
It is relevant to note that groups working on accessibility, internationalization, privacy, and security may identify sustainability impacts within their work and may provide relevant guidance where appropriate on best practices to limit the scope of these concerns. Any such guidance should be considered as complementary to that provided within WSG.
Note: Greenwashing should be treated seriously as a consideration, as misrepresenting societal impacts can undermine digital inclusion, security, and privacy. Moreover, these risks and impacts may themselves be exploited as vectors for environmental or broader societal harm.
Guidelines within this specification that may relate to accessibility are:
Guidelines within this specification that may relate to privacy are:
Guidelines within this specification that may relate to security are:
Web accessibility (within the context of inclusive design) means that websites, tools, and technologies are designed and developed so that people with disabilities (and those without) can use them, free of barriers.
Types of accessibility barriers can include auditory, cognitive, neurological, physical, speech, and visual. They can also be permanent, temporary, or situational (depending on the situation).
Planet, People, and Prosperity (PPP) is a set of principles that recommends considering each of these factors during the sustainability process.
This method of considering the planet, people, and prosperity is known under other abbreviations with similar objectives such as Environmental, Social, and (corporate) Governance (ESG), which considers economic factors alongside; there is also Environment, Equity, and Economy (EEE) that follow a similar pattern.
For information purposes and not required for compliance.
Content identified as "informative" or "non-normative" is never required for compliance.
Required for compliance.
Additional information about participation in the Sustainable Web Interest Group can be found within the GitHub repository of the Interest Group.
Addison Phillips, Alexander Dawson, Alisa Bonsignore, Andrea Davanzo, Andrew Wright, Andy Blum, Anne Faubry, Arnaud Levy, Barry Pollard, Ben Clifford, Berwyn Powell, Bhavani Shankar Garikapati, Brett Tackaberry, Brian Louis Ramirez, Brian Kardell, Chris Adams, Chris Augier, Chris Butterworth, Chris Lilley, Chris Needham, Chris Sater, Chris Wilson, Christian H Brown, Claire Thornewill, Crystal Preston-Watson, Daniel Appelquist, David Jeanmonod, Denis Roio, Dennis Lemm, Diogo Abrantes Da Silva, Dominique Hazael-Massieux, Dom Robinson, Elika Etemad, Eloisa Guerrero, Emily Trotter, Emma Horrell, Fershad Irani, Florian Rivoal, Francesco Fullone, François Burra, Gaël Duez, Glenda Sims, Hidde de Vries, Iain McClenaghan, Ian Jacobs, Ines Akrap, Ismael Velasco, Iulia Raluca Ionita, James Christie, Jeffrey Yasskin, Jennifer Strickland, Jens Oliver Meiert, Jeroen Hulscher, Jim McCool, Josh Kim, Julien Wilhelm, Kazuhito Kidachi, Kenneth G. Franqueiro, Laurent Devernay Satyagraha, Len Dierickx, Leon Brocard, Lewis Halstead, Łukasz Mastalerz, Marie Ototoi, Michelle Barker, Mike Gifford, Morgan Murrah, Nahuai Badiola, Neil Clark, Nick Doty, Nick Lewis, Nicola Bonotto, Nigel Megitt, Orie Steele, Owen Barton, Owen Rogers, Peter Krautzberger, Philippe Le Hégaret, Richard Ishida, Romuald Priol, Rose Newell, Rudolf Van Der Berg, Ryan Sholin, Sandy Dähnert, Sarah Zama, Sarven Capadisli, Shane Herath, Siddhesh Wagle, Simon Perdrisat, Simone Onofri, Sorca Duffy, Susannah Hill, Tantek Çelik, Tej Kalianda, Theresa O'Connor, Thibaud Colas, Thorsten Jonas, Tim Frick, Tzviya Siegman, Youen Chéné, Yuna Orsini, Zoe Lopez-Latorre.
Adam Newman, Aiste Rugeviciute, Alekh Gupta, Alicia Pritchett, Anthony Vallée-Dubois, Antoine Abélard, Asim Hussain, Bee Flaherty, Boris Schapira, Brian Kardell, Brian Sharpe, Carine Bournez, Christophe Clouzeau, Christos Bacharakis, Danielle Subject, Denis Didier, Edward Bender, Elise West, Florence Maurice, Gerry McGovern, Greg McDonald, Hannah Smith, Ignacio Rondini, Ivano Malavolta, James Cannings, James Gallagher, Jan Henckens, Jean Rigotti, Jon Gibbins, Juan Sotés, Julien Robitaille, Kate Mroczkowski, Katya Dreyer-Oren, Kimi Wei, Laila Tamani, Leah Goldfarb, Lenchi Danch, Loren Velasquez, Louise Towler, Luciene Bulhões Mattos, Luis Tiago, Manfred Jurgovsky, Marie Koesnodihardjo, Mark Butcher, Marketa Benisek, Mert Altinöz, Michelle Sanver, Moritz Guth, Nicholas Oliveira, Nick Oliveira, Nick Sollecito, Nicolas Lanthemann, Nicolas Oren, Oliver Winks, Patrick Hypscher, Pietro Jarre, Radu Micu, Rafael Lebre, Rebecca Brocton, Rick Butterfield, Rick Viscomi, Robin Whittleton, Samuel Pitoňák, Sandra Pallier, Sebastien Solere, Sylvain Tenier, Thierry Leboucq, Thomas Alexander Munch-Woolff, Tom Greenwood, Tom Howells, Torsten Beyer, Tristan Nitot, Yelle Lieder, Youcef Bekhti.
Note that this changelog only identifies substantive changes since the final draft Community Group Report dated Dec 6, 2024.
For a list of all issues addressed, refer to the Interest Group and former Community Group issue trackers.
Additions:
Updates:
Fixes:
Additions:
Updates:
Fixes:
Additions:
Updates:
Fixes:
Additions:
Updates:
Fixes:
Additions:
Updates:
Fixes:
If you spot any new bugs, or have new content or ideas to include, submit an issue.