# Frontend Overview

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

## [Page Weight Budget](https://docs.umbraco.com/sustainability-best-practices/frontend/page-weight-budgets)

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

## [Image Optimization](https://docs.umbraco.com/sustainability-best-practices/frontend/image-optimisation)

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

## [Asset Optimization](https://docs.umbraco.com/sustainability-best-practices/frontend/assets-optimisation)

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

## [Limit use of 3rd parties](https://docs.umbraco.com/sustainability-best-practices/frontend/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](https://docs.umbraco.com/sustainability-best-practices/frontend/lazy-load-resources)

Optimize the loading of web pages by using Lazyload resources.

## [Mobile First](https://docs.umbraco.com/sustainability-best-practices/frontend/mobile-first)

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.umbraco.com/sustainability-best-practices/frontend/frontend.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
