> For the complete documentation index, see [llms.txt](https://help.appplaza.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.appplaza.app/speed-optimizer/speed-up/minify-css-and-js.md).

# 🗜️ Minify CSS and JS

{% hint style="info" %}

### Who can use this feature?

Minify CSS and JS is available on the **Expert** plan
{% endhint %}

### What is Minify CSS and JS?

Your theme's code files have a lot of extra characters in them: blank lines, indentation, developer comments. Those are great for humans reading the code, but the browser doesn't care about any of it.

Minifying removes all that fluff. The code still works exactly the same — it's just much smaller. Smaller files load faster, which lifts your speed score.

### Why use Minify CSS and JS?

* **Smaller code files** — removes spaces, line breaks, and comments the browser doesn't need.
* **Faster page loads** — lighter files download quicker, lifting your speed score.
* **Zero functional change** — the code behaves exactly the same, just leaner.
* **Set and forget** — turn it on once and apply; re-run after code edits.

### ⚙️ How to use Minify CSS and JS

#### Step 1: Open Self-optimize

Go to **Speed up → Self-optimize**.

*\[Screenshot: Speed up page with Self-optimize tab open]*

#### Step 2: Turn on Minify CSS and JS

Turn on **Minify CSS and JS**.

*\[Screenshot: Minify CSS and JS toggle switched on]*

#### Step 3: Apply to your theme

Click **Speed up now** and pick a theme to apply changes.

*\[Screenshot: Speed up now button and theme selection modal]*

#### Step 4: Verify it's working

To check it's working, open your theme's **Assets** folder in the Shopify code editor. Optimized files have "min" or "minified" in their names.

*\[Screenshot: Shopify code editor showing assets folder with minified files]*

### 📌 Merchant Notes

* Edited your theme code? Click **Speed up now** again to re-minify the updated files.
* Minifying doesn't change how your code behaves — it only removes characters the browser ignores.
* This feature requires the **Expert** plan.
* For an overview of all optimization features, see [**Speed up**](https://app.gitbook.com/o/J4yqZKSNdRshQVCe8UnM/s/e2UyZIDUxUYqjZFfFANX/~/edit/~/changes/20/speed-optimizer/speed-audit).

Contact us in live chat if you have any problems.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://help.appplaza.app/speed-optimizer/speed-up/minify-css-and-js.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.