How to speed up your WordPress site with LiteSpeed Cache

Overview

At mixhost, you can use WordPress acceleration features such as LiteSpeed Cache.

About LiteSpeed Cache

LiteSpeed Cache is a caching feature available on LiteSpeed web servers.
By enabling the cache, it is possible to speed up the display speed of many sites by tens to hundreds of times compared to before the introduction.

By making the recommended settings, the performance score of PageSpeed Insights will improve on most sites compared to before the introduction.

In addition, since the load on the server is reduced, you will be able to use it stably even when access is concentrated.

LiteSpeed Cache can be used simply by installing a WordPress plugin.

Attention before installation

  • If you have already installed a popular cache plugin (WP Super Cache, W3 Total Cache, WP Fastest Cache, etc.), you will need to uninstall it before installing LiteSpeed Cache.
  • The LiteSpeed Cache plugin may not work properly in some WordPress themes and environments. In this case, please consider using another cache plugin.
  • Our support will guide you on how to install the LiteSpeed Cache plug-in and how to set it with the recommended settings.

Installing the LiteSpeed Cache Plugin

STEP 1: Log in to the WordPress management screen, move the cursor to Plugins on the left, and click Add New next to it.

litespeed___9.png

STEP 2: Enter "LiteSpeed Cache" in the search window on the upper right and search.

2016-09-07_11h46_50.png

STEP 3: Click Install Now in the frame when LiteSpeed Cache is displayed.

1.png

STEP 4: After installation is complete, click Activate Plugin.

2.png

If you get an error message

2016-10-16_22h39_16.png

I get the error message "LiteSpeed Cache was unable to write to your wp-config.php file. Please add the following to your wp-config.php file under your WordPress root directory: define('WP_CACHE', true);" If so, please follow the steps in the article below. The cache will not be enabled until the steps are completed.

How to fix an error message displayed in LiteSpeed Cache

Introduction of recommended settings for LiteSpeed Cache

Notes on changing LiteSpeed Cache settings

  • Only those items where LiteSpeed Cache's default and recommended settings are different are described. Descriptions of things for which the default setting value and the recommended setting value are the same are omitted.
  • If you have trouble with the operation of the site by changing the setting values to the recommended setting values introduced in this article, please return to the default setting values.

General item

Select the LiteSpeed Cache cache item from your WordPress dashboard.

litespeed___12.png

[1] General

Open the [1] General tab from the top menu.

  • domain key
    By obtaining a domain key, you can use image optimization and UCSS functions to speed up your site.

How to get a domain key

  1. Click Request Domain Keys.
    litespeed___15-2.png
  2. The domain key will be issued in a few minutes, so please reload the page.
    After the domain key is issued, the display will change as follows after reloading, so please check it.* If the domain name is not displayed in the red frame in the image below even after waiting for 10 minutes or more, temporarily turn off ModSecurity and press "Update Domain Key" to reacquire it. Turn ModSecurity back on after the domain name appears under the key.
    WAF-ModSecurity enable-disable toggle
    ls-maindomain.png

cache item

Select the LiteSpeed Cache cache item from your WordPress dashboard.

litespeed___1.png

[1] Cache

Please open the [1] Cache tab from the top menu.

litespeed___2.png

 

  • Cache logged-in users [Recommended value: Off]
    It is recommended to turn it off as turning it on may adversely affect performance.
  • Cache REST API [Recommended value: Off]
    It is recommended to turn it off because turning it on may affect the operation of security plug-ins.
  • Cache login page [Recommended value: Off]
    It is recommended to turn it off as turning it on may adversely affect performance.

[3] Purge

Open the [3] Purge tab from the top menu.

___.png

  • Publish/update automatic purge rule [Recommended value: Check all]
    It is recommended to leave all checked as they may adversely affect performance.

[7] Browser

Please open the [7] browser tab from the top menu.

_____.png

 

Browser cache [Recommended value: ON]
By turning it on, browser caching is performed for the browsing user. It is recommended to turn it on as it will increase the loading speed when opening the same page from the next time onwards.


Image optimization items

Select the LiteSpeed Cache image optimization item from your WordPress dashboard.

________.png

[2] Image optimization settings

Open the [2] Image optimization settings tab from the top menu.

_______.png

  • Auto Request Cron [Recommended value: ON]
    By turning it on, uploaded images will be automatically optimized, which may improve performance, so we recommend turning it on.
  • Replace with WebP image [Recommended value: On]
    By turning on the above setting, the image will be replaced with the WebP version, which may improve performance, so it is recommended to turn it on.


Page optimization items

Select the page optimization item for LiteSpeed Cache from your WordPress dashboard.

* If the active theme or another plugin includes similar functionality, please activate it in either LiteSpeed Cache or the theme/plugin.

_________.png

[1] CSS settings

Open the [1] CSS settings tab from the top menu.

CSS__.png

  • Compress CSS [Recommended value: On]
  • CSS binding [Recommended value: On]
  • Load CSS asynchronously [Recommended value: On]
  • CCSS for each URL [Recommended value: On]
    Turning on the above setting is expected to improve the performance of the site, but the screen layout may collapse. If there is no problem with the operation, it is recommended to set it to ON.
  • Optimize font display [Recommended value: Swap]
    Setting the above setting to Swap may improve the speed until the text is displayed. It is recommended to set it to Swap.

[2] JS settings

Open the [2] JS settings tab from the top menu.

JS__.png

  • JS compression [Recommended value: On]
  • JS binding [Recommended value: On]
  • Lazy loading of JS [Recommended value: Delay]

* If the themes and plugins you have activated have similar settings, please be careful not to duplicate them.

Open the [3] HTML settings tab from the top menu.

HTML__.png

  • HTML compression [Recommended value: On]
    HTML Compression is recommended as it may improve performance by removing whitespace/unnecessary characters/comments from HTML files.
  • DNS prefetch control [Recommended value: ON]
  • Load Google fonts asynchronously [Recommended value: ON]
    Turning on the above setting may improve performance, so we recommend turning it on.

 

Was this article helpful?
64 out of 71 found this helpful