WES-G
GuidelinesAboutContributeGet The Badge
Filter by topic
  • Governance

    • 0.1 Documented Policy
    • 0.2 Essential Tracking and Ads
  • UX / Design

    • 1.2 Rich Content
    • 1.3 Use of Images
    • 1.4 Awareness
    • 1.5 Data Transfer and Emissions
    • 1.6 Carbon Aware Design
    • 1.7 Colour Scheme
    • 1.8 User Retention
  • Images

    • 2.1 File Formats
    • 2.2 Image Optimisation
    • 2.3 Image Resolution
    • 2.4 Browser Cropping
  • Video

    • 3.1 Autoplay
    • 3.2 Script Loading
    • 3.3 Streaming Resolution
  • Content

    • 4.1 Content Audit
    • 4.2 Digital First
    • 4.3 Easy Access
    • 4.4 Descriptive Headings
  • Fonts

    • 5.1 Font Variations
    • 5.2 File Formats
    • 5.3 Clean Files
    • 5.4 System Fonts
  • Web Development

    • 6.1 Lazy Loading Images
    • 6.3 Modular Design
    • 6.4 Minification
    • 6.5 Templates
    • 6.6 Asset Loading
    • 6.7 Analytics
    • 6.8 Data Minimisation
    • 6.9 Stylesheet
    • 6.10 Text Compression
    • 6.11 Carbon Aware Development
  • Development Operations

    • 7.1 Bad Robots
    • 7.2 Dev Environments
    • 7.3 Dataset
    • 7.4 Site Architecture
    • 7.5 Caching
    • 7.6 Pipeline Code
    • 7.8 Green Hosting

6.1 Lazy Loading Images

Images should only be loaded when they are within the visible area of the browser (“lazy loading”).

Easy to implement
8
High impact score

Introduction:

You can use a popular and powerful SEO-friendly lazy loader to achieve this:

Lazy Sizes

← PreviousNext →

©2026
Sustainable Website Design by: Kyan & Sustainable Website Development by: Complex Creative
Privacy PolicyCookie Policy