Optimize theme

Follow these steps to improve your page speed and optimize Minimog

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:

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:

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:

Avoid duplicate fonts load by Elementor and Minimog

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

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

2. Disable Font Awesome 4 Support

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

3. Enable Improved Asset Loading

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

4. Inactive Flexbox Container

5. Inactive Optimized DOM Output

_______________________________________________________________________________________________________

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 plugin (Free)

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

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/