Sustainability Best Practices
CMSCloudHeartcoreDXP
  • Introduction
  • Infrastructure
    • Infrastructure Overview
    • Hosting
    • Architecture
    • Security and Bots
  • Backend
    • Backend Overview
    • Upgrades and patches
    • Cache responses
    • Sustainable Design Patterns
    • Performance Testing
    • Common pitfalls
    • SOAP, REST and GraphQL
    • SQL optimization
    • JAMstack
    • Monolithic vs. Service based Architecture
    • Async
    • Background tasks
  • Frontend
    • Frontend Overview
    • Page weight budget
    • Image optimization
    • Asset optimization
    • Limit use of 3rd parties
    • Lazyload resources
    • Mobile first
  • Editor
    • Editor Overview
    • Content Types
    • Content Optimization
    • Design Choices
    • Data Management
    • Housekeeping
  • Telemetry
    • Telemetry Overview
    • February 2024
Powered by GitBook
On this page
  • Page Weight Budget
  • Image Optimization
  • Asset Optimization
  • Limit use of 3rd parties
  • Lazyload Resources
  • Mobile First

Was this helpful?

Edit on GitHub
Export as PDF
  1. Frontend

Frontend Overview

Here you can learn about how to optimize assets, implement a mobile-first strategy and other suggestions.

PreviousBackground tasksNextPage weight budget

Last updated 1 year ago

Was this helpful?

In this section, you can find some tips to optimize your website's performance and reduce its carbon footprint:

Minimize the data transfer to access your web page as it has a big impact on carbon emissions.

Optimize images before uploading to a web page and make use of different file formats.

Improve website performance by optimizing fonts, minifying assets and cache static assets.

To avoid excessive HTTP requests and potential data sharing, limit the use of third-party resources on websites.

Optimize the loading of web pages by using Lazyload resources.

Prioritize mobile-first design experiences focusing on a clean and efficient design. It can help reduce website energy consumption and promote sustainability.

Page Weight Budget
Image Optimization
Asset Optimization
Limit use of 3rd parties
Lazyload Resources
Mobile First