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
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?

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

Was this helpful?

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

Page Weight Budget

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

Image Optimization

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

Asset Optimization

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

Limit use of 3rd parties

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

Lazyload Resources

Optimize the loading of web pages by using Lazyload resources.

Mobile First

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