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

◂ User Experience Design guidelines

2.9 Optimize media to reduce resource use

User Experience Design

Include media only when it supports user needs. Manage, optimize, and load media efficiently. Ensure users have control over playback and data use.

Success Criteria

  • Need for media:
    Only include media when it supports user experience or improves understanding and keep the number of media items to a minimum.
  • Optimized media:
    Resize, optimize, and compress media for different screen sizes, devices, and user needs. Use widely supported, efficient formats that enable native presentation or playback where possible. Avoid unnecessary custom or non-native media players. Use hardware-accelerated playback when available and compatible with security requirements.
  • Lazy loading:
    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.
  • User-controlled media:
    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.
  • Media management and use:
    Create a media management and usage policy. Include guidance on compression, rendering performance, file formats, data retention, storage, review, and deletion.

View the Guideline

Tags

AccessibilityPerformanceSoftwareUIUsabilityContentHTMLAssets

Share

More user experience design guidelines

2.1 Identify, assess, disclose, review, and mitigate sustainability impacts

User Experience Design

2.2 Understand user requirements or constraints

User Experience Design

2.3 Integrate sustainability into every stage of the ideation process

User Experience 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 2026. Privacy Policy.