# Optimize theme

## How to best optimize for Minimog theme?

**1. Disable Gutenberg assets:** Usually you only use gutenberg blocks on blog and post pages. So disable them in rest pages to improvement page loading.

* Open functions.php in your-site/wp-content/themes/minimog-child
* Then add this following code:

```css
function minimog_child_disable_gutenberg_wp_enqueue_scripts() {
  if( ! is_singular('post') ) {
     wp_dequeue_style('wp-block-library');
     wp_dequeue_style('wp-block-library-theme');
     wp_dequeue_style('wc-blocks-style');
  }
}
add_action('wp_enqueue_scripts', 'minimog_child_disable_gutenberg_wp_enqueue_scripts', 100);
```

**2. Disable WordPress global style:** <https://github.com/WordPress/gutenberg/issues/36834>

* Open functions.php in your-site/wp-content/themes/minimog-child
* Then add this following code:

```css
function minimog_child_remove_wp_global_styles() {
     remove_action( 'wp_enqueue_scripts', 'wp_enqueue_global_styles' );
     remove_action( 'wp_body_open', 'wp_global_styles_render_svg_filters' );
}
add_action( 'init', 'minimog_child_remove_wp_global_styles' );
```

#### 3. Disable unused Extendify module from Redux Framework plugin. (This method only applies to Redux Framework plugin version < 4.4.0)

* Download this plugin file here: <https://drive.google.com/file/d/1MQz45ZL1JkMmt5onCdSqYeTFtpXMssUW/view?usp=sharing>
* Then upload it to your-site/wp-content/mu-plugins/

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

## Config Elementor settings to get best performance

#### 1. Disable default font:&#x20;

Avoid duplicate fonts load by Elementor and Minimog

1. Go to Elementor -> Settings -> General -> Tick on Disable Default Fonts box.

![](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FAvSReunlp83eyFUTGyVt%2Fdisable-default-fonts.png?alt=media\&token=96495c15-c0bf-494f-9a08-cf36d1983eb1)

2\. Edit any page with Elementor -> Site Settings (Click on Bars icon) -> Global Fonts -> System Fonts => Choose font family as ‘Default’ for all settings: Primary, Secondary, Text, Accent

![](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FEYco8RJWAYuZB8dsThKO%2Fdisable-elementor-fonts.png?alt=media\&token=8831fbff-bbf0-4702-8383-71c541d8c264)

#### 2. Disable Font Awesome 4 Support&#x20;

New websites don’t need support old Font Awesome version. So choose ‘No’ to disable it then reduce some assets loading for your website.

![](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FkSAnRoGIXSxNt4iyF3X6%2Fdisable-font-awesome4.png?alt=media\&token=5ceb5fc4-8b90-478f-b0a0-f04a33f4671d)

#### 3. Enable Improved Asset Loading&#x20;

The “Improved Asset Loading” mode reduces the amount of code that is loaded on the page by default

![](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FEYRriBtmFAa6cGeSxDX5%2Factive-assets-loading.png?alt=media\&token=2616c950-b90e-43fb-9c09-8f573a7608d8)

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

## How to choose best server for Minimog theme?

**1. Hosting**

We recommended use Nginx hosting.

**2. CDN service**

We high recommended use KeyCDN service (<https://www.keycdn.com/>)

**3. Used light weight images format Webp**

By using WebP format images, you can save over a half of the page weight without losing quality.

To convert images to WebP format, you can use the [Converter for Media](https://wordpress.org/plugins/webp-converter-for-media/) plugin (Free)

<figure><img src="https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FLZEoPYFEC4jkTu0K59S1%2FConverter_for_Media_Plugin.png?alt=media&#x26;token=a0a1f610-8394-43c2-8a94-09e762653ab7" alt=""><figcaption></figcaption></figure>

Here are instructions for using the Converter for Media plugin to convert images:

<figure><img src="https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2Fg8ad9k68vZ32xS5L9hRv%2FConverter_for_Media_Setting_1.png?alt=media&#x26;token=2eb243dd-dcda-46c9-afb7-0b6a30d7eedc" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2Fv44Tthf37cUmkAATxfK9%2FConverter_for_Media_Setting_2.png?alt=media&#x26;token=91dc2ffe-ca28-45da-a98a-3ee74728dd81" alt=""><figcaption></figcaption></figure>

**4. Caching**

We recommended use combine these plugins:

Redis Cache: <https://wordpress.org/plugins/wp-redis/>

Nginx Helper: <https://wordpress.org/plugins/nginx-helper/>

Autoptimize: <https://wordpress.org/plugins/autoptimize/>