New Theme: Magma makes your WordPress site faster, smoother, and easier to manage.

How SiteGround Speed Optimizer Improves WordPress Speed and Performance

In this video, I’ll show you how to boost your website’s speed and performance using the SiteGround Speed Optimizer, a free, all-in-one plugin developed by the experts at SiteGround.

This plugin lets you optimize caching, minify CSS & JavaScript, compress images, and improve Core Web Vitals without any complicated setup.

Even though it’s designed for SiteGround hosting (affiliate link), it also works on any WordPress site, making it a great option no matter where you host your website.

By the end of this tutorial, you’ll know exactly how to configure it for maximum speed and efficiency. Let’s get started!

Installing SiteGround Speed Optimizer

To install the plugin, follow these steps:

  1. Go to your WordPress Dashboard
  2. Navigate to Plugins > Add New Plugin
  3. Search for SiteGround Speed Optimizer
  4. Click Install and then Activate

Once activated, you’ll see a new Speed Optimizer page in your WordPress Dashboard.

Before we start setting up the plugin, let’s run a quick PageSpeed Insights test on my demo website.

This site is running my Magma WordPress theme, which is already highly optimized for performance and loads fast even without caching.

That said, caching is always a good idea—it helps reduce load times, improves Core Web Vitals, and ensures a smoother experience for visitors. Let’s see the current scores before applying any optimizations.

Now, let’s go through the settings and configure everything for best performance.

SiteGround Speed Optimizer WP Plugin: Caching

Caching Settings

First, let’s start with the Caching tab.

If you’re hosting with SiteGround, you should be able to enable all three caching options:

  • Dynamic Caching – Speeds up your website by storing frequently accessed content.
  • Memcached – Helps database-driven sites load faster by caching database queries.
  • File-Based Caching – Improves performance by storing static HTML versions of your pages.

There are a few extra settings under File-Based Caching, but most users don’t need to change these.

A short clean-up interval combined with preheating the cache can use more server resources than expected, so I usually leave preheating unchecked.

SiteGround Speed Optimizer WP Plugin: Environment Settings

Environment Settings

Next, let’s look at the Environment tab.

  • Enforce HTTPS – I recommend enabling this if your site uses SSL.
  • Fix Insecure Content – If you have an older site with outdated file paths, enabling this can prevent mixed content errors. It’s safe to leave ON, even if you don’t need it.

Be Cautious with Scheduled Database Maintenance

This setting automatically deletes unnecessary data, but use it carefully:

  • Safe to delete: Spam comments and expired transients.
  • Be careful with: Post and page revisions. If you check the wrong boxes, you might lose drafts or important edits.

If you’re unsure, manually clean up your database instead of using automatic scheduling.

Frontend Optimization Settings

The Frontend Optimization tab is divided into three sections: CSS, JavaScript, and General Settings.

SiteGround Speed Optimizer WP Plugin: Frontend - CSS Settings

CSS Optimization Settings

  • Minify CSS – Usually safe for all users and helps reduce page load times.
  • Combine CSS Files – Safe for most properly-coded themes.
    • Warning: This can cause issues with page builders like Divi or Elementor.
    • If you enable this, test important pages in an Incognito browser—especially pages with sliders or complex layouts.
  • Preload Combined CSS – Not always necessary. I test this last after configuring everything else.
SiteGround Speed Optimizer WP Plugin: Frontend - JavaScript Settings

JavaScript Optimization Settings

Now, let’s move on to the JavaScript tab.

  • Minifying JavaScript is usually perfectly safe and helps reduce file sizes for faster loading.
  • Combining JavaScript files can also improve performance, but before enabling this, check the list of JavaScript files that the plugin detects using the Exclude from JavaScript Combination feature.

For example, this test website runs on my Magma theme, which is very light on JavaScript—it has only two JS files and doesn’t rely on jQuery. In this case, combining JavaScript is completely safe.

However, if your site uses page builders or multiple plugins, you might see dozens of JavaScript files. In that case, it’s usually best to exclude the jQuery file from combination, as combining jQuery with other scripts can cause conflicts.

Should You Enable JavaScript Deferral?

Deferring JavaScript files allows your page to load faster by delaying non-essential scripts. This is useful for improving performance, but it can also break poorly planned websites.

If you’re not a developer or don’t know how to test for issues, I don’t recommend enabling this setting. However, if you want to try it:

  1. Enable Defer JavaScript
  2. Open your website in Incognito mode and test important pages
  3. Look for broken elements like sliders, dropdowns, or interactive features

If everything works fine, you’re good to go! Otherwise, disable it or fine-tune exclusions.

SiteGround Speed Optimizer WP Plugin: Frontend - General Settings

General Settings

Next, let’s go over the General tab.

Most of these settings are safe to enable, but two options require additional setup:

  • Fonts Preloading
  • DNS Pre-Fetch for external domains

Let’s go through both.

How to Set Up DNS Pre-Fetch for External Domains

This setting helps your website load external resources faster by resolving domain connections ahead of time.

How to Find External Domains to Pre-Fetch

  1. Open your website in an Incognito window
  2. Open Developer Tools (Right-click > Inspect > Go to the “Sources” tab)
  3. Do a hard refresh (Hold Command + R on Mac or Ctrl + Shift + R on Windows)
  4. On the left, you’ll see all requested files

Find a file hosted on an external domain (e.g., Google Tag Manager, external fonts, analytics scripts).

  1. Right-click on the file > Select Copy Link Address
  2. Go back to the Speed Optimizer settings
  3. Add the domain name only to the Pre-Fetch list (remove everything after the domain)

Repeat this for every external domain your site relies on.

How to Set Up Fonts Preloading

Font preloading helps reduce layout shifts (CLS issues) and improves your PageSpeed Insights score.

  1. In Developer Tools, switch to the Network tab
  2. Click on the Font filter
  3. Do another hard refresh
  4. You’ll see a list of font files loaded by your website

How Many Fonts Should You Preload?

Preloading works best with up to 3 fonts. More than 4 is generally not recommended but won’t cause major issues.

Focus on fonts that are visible above the fold (the first part of the page that loads).

For example, on my Magma theme, a standard page loads:

  • An icon font file
  • Primary menu font (weight 500)
  • Content and Secondary menu font (weight 400)
  • Headings font (weight 600)

Since at least three of these are always visible at the top of the page, it makes sense to preload those fonts.

How to Add Fonts to the Preload List

  1. Copy the font URLs from Developer Tools
  2. Paste them exactly as they are into the Fonts Preloading list in the Speed Optimizer settings
SiteGround Speed Optimizer WP Plugin: Media Settings

Media Optimization Settings

Now, let’s go over the Media Optimization settings in SiteGround Speed Optimizer.

Image Compression

I usually enable Image Compression at the Low level on most of my websites. This strikes a good balance between reducing file size and preserving image quality.

Lazy Load Media

I also enable Lazy Load Media and remove all media types from the Exclude list. This ensures that images, videos, and iframes are loaded only when they come into view, which helps improve page speed.

Enabling WebP Images

Finally, I enable WebP image format, which reduces image file sizes without visible quality loss.

However, there are two things to be aware of before enabling this:

  1. WebP Deletion Issue – If you upload original WebP images and later disable the WebP setting in the plugin, the plugin will delete your original images as well. There’s a disclaimer, but it’s easy to misunderstand what the plugin does, so be careful.
  2. WebP and WordPress Multisite – WebP images are generated on multisite installations, but browsers don’t serve them correctly. SiteGround support is aware of this issue, but there’s no known fix yet.

Final Performance Test

Now that we’ve finished configuring the plugin, let’s run another test in PageSpeed Insights.

Since my Magma theme is built for high performance, it already scores well without a speed optimization plugin. However, all websites benefit from caching and reduced page size.

After enabling WebP and caching:

  • Cumulative Layout Shift (CLS) dropped to zero – This is great for Core Web Vitals.
  • Page size was reduced – Thanks to WebP image compression.

Performance Results Vary by Website

Keep in mind that your results will vary based on:

  • Your active theme
  • The number of plugins installed
  • The complexity of your content

A Note About Hosting

It’s also worth mentioning again that this plugin works best on SiteGround hosting. I personally host all my websites with SiteGround, and most of my clients use them too because of their performance and reliability.

If you’re looking for a new hosting provider, consider trying them out. I’ve included my SiteGround affiliate link if you’d like to support my work.

SiteGround WordPress Hosting Price Plans

Thank You for Watching!

That wraps up this tutorial! I hope you found it helpful.

If you have any questions about SiteGround Speed Optimizer or WordPress performance in general, drop a comment below—I’ll be happy to help.

Thanks for watching, and I’ll see you in the next one.

Leave a Reply

Your email address will not be published. Required fields are marked *