# Minification

{% hint style="info" %}
**Who can use this feature?**

* This feature is available for all users, but some options are only available on paid plans.
  {% endhint %}

### What is minification?

As a process of code optimization, Minification removes unnecessary information from the source code such as white spaces, line breaks, comments, etc to help your pages load faster.

### How does it help?

Minification can bring these benefits to your site:

* Decrease the loading time of your website for better performance
* Improve score of crucial elements of Google pagespeed: [FCP](https://web.dev/fcp/), [LCP](https://web.dev/lcp/) and increase your site’s speed score

### How does it work?

1. In "Speed up customization" -> Minification
2. Turn on the Minification 
3. Select file type you want to minify. We support CSS and Javascript
4. Click **Save**

<figure><img src="https://154471318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPf5QlibAKQnTygXuMIzw%2Fuploads%2FyzOlHZfza3pfrspHeKEQ%2Fminification%20on.png?alt=media&#x26;token=9eb95c2a-616e-4166-84e7-25e0d19e45b7" alt=""><figcaption></figcaption></figure>

### How to check if minification works?

1. In Shopify adminm, go to "Online store" -> Themes
2. In your current themes, click <img src="https://154471318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPf5QlibAKQnTygXuMIzw%2Fuploads%2FwR7TrQUTsjGcw1QeyGvw%2FSEO%20-%20Image%20optimizer%2016.png?alt=media&#x26;token=105c1ec9-8e5e-4350-8998-fadb08df1e3e" alt="" data-size="line"> -> **Edit code**
3. In Assets -> Search min or minified. If it shows up (image below), it works on your store.

   <figure><img src="https://154471318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPf5QlibAKQnTygXuMIzw%2Fuploads%2FJiZPqF8wDExPqKDnAoIE%2FSEO%20-%20minification%201.png?alt=media&#x26;token=25850f85-65c1-4950-bea3-dd024b3f7299" alt="How to check if minification works"><figcaption></figcaption></figure>
4. You can check on our store front. Go to your website -> Right click -> Click **Inspect**
5. Click **Network** -> Click **JS** or **CSS**
6. Find file that has`aio.min` tag (image below)

<figure><img src="https://154471318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPf5QlibAKQnTygXuMIzw%2Fuploads%2FhupyIksIMkzXDlzgFDWN%2FSEO%20-%20minification%203.png?alt=media&#x26;token=87e13539-61a1-4569-ab59-632c7f30e080" alt="How to check if minification works on your store front"><figcaption></figcaption></figure>

<details>

<summary>What if I change my theme content?</summary>

If you make any changes in your live theme that are relevant to image elements (HTML or Liquid source code, not image URLs ), click **Update now** so that Avada SEO Suite stay updated with changes.

</details>