3.2 Remove unnecessary or redundant information

Web Development

Remove redundant characters from code to reduce the amount of data being stored and transferred to devices.

Criteria

• Minified code: Machine-testable
  Remove unnecessary white space, comments, and other non-essential characters from code and data files to reduce file sizes and improve loading times. This applies to HTML, CSS, JavaScript, JSON, SVG, and other relevant file types.Related Resources
  • Electricity Intensity of Internet Data Transmission
  • HTML Minifier
  • jQuery Minified (Example)
  • Lighthouse: Minify JavaScript
  • Minification
  • Minification Benchmarks
  • Minify JavaScript And CSS Code For A Faster Website
  • Optimizing Encoding and Transfer Size of Text-Based Assets
  • Web Almanac: Sustainability

Benefits

• Conversion
  Faster page speeds improve user experience across the board. This makes users less likely to abandon their journey or search for their information elsewhere.
• Performance
  Less data transferred means reduced loading times. White space itself is ignored by rendering engines, meaning the client-side impact is minimal. However, reducing data transfer has a positive impact.

GRI

• Materials: Low
• Energy: Low
• Water: Low
• Emissions: Low

View the Guideline

Tags

PerformanceHTMLCSSJavaScript