Get a fast, conversion-focused WooCommerce theme in 2021. Switch to Shoptimizer.

Speed tips

Note: For a more comprehensive article on this topic, check out our guide on How to Speed Up WooCommerce.

Autoptimize

To make your Shoptimizer site fly, we recommend adding the Autoptimize plugin. This concatenates your CSS, Javascript and HTML files resulting in fewer files to load and at a reduced size.

So head over to Plugins > Add New – and search for Autoptimize and install it.

Switch on optimizing HTML, CSS and Javascript. You’ll need to make one adjustment to the Javascript options.

Under the Exclude scripts from Autoptimize enter this:

seal.js, js/jquery/jquery.js, kirki/modules/webfont-loader/vendor-typekit/webfontloader.js, js/jquery/jquery.min.js

Exclude from Autoptimize

Autoptimize JS, CSS & HTML Options

These are the settings we’re using on our main Shoptimizer theme demo. Ensure that you match them to prevent any issues.

Autoptimize settings

Jetpack settings

If you install the Jetpack plugin you can also serve images from a global CDN which will help them load faster. Turning on Lazy Loading also prevents the images from being loading on the page, unless they are within the viewport – further improving loading times.

Elementor font settings

Elementor hides some of its font loading values within the editor so it’s a bit tricky to find.

To access this panel, edit a page/template with Elementor. Click the hamburger icon on the top-left corner.

Elementor hamburger

Select Site Settings.

Site Settings

Select Global Fonts

Global Fonts

You will see Primary, Secondary, Text, and Accent. Edit all of them and change the Font family option of each to Default. And save.

That should remove Roboto and Roboto Slab from being loaded unnecessarily and provide a speed boost.

Elementor settings

Navigate also to Elementor > Settings and make a couple of additional tweaks if you have not done so already.

Ensure that Disable Default Colors and Disable Default Fonts are selected.

Within the ‘Advanced’ Tab select Internal Embedding for the ‘CSS Print Method’ and Enable the ‘Optimized DOM Output’ option.

$50
Off

Do you want a whopping $50 off Shoptimizer for WooCommerce?

Click the button below to get Shoptimizer for only $49. (Regular price: $99).
This is a special launch offer for today only.
Get it before it is gone!
{"cart_token":"","hash":"","cart_data":""}