{"id":12740,"date":"2021-04-05T19:31:39","date_gmt":"2021-04-05T19:31:39","guid":{"rendered":"https:\/\/hivepress.io\/?p=12740"},"modified":"2024-05-24T15:14:06","modified_gmt":"2024-05-24T15:14:06","slug":"speed-up-a-directory-or-marketplace-website","status":"publish","type":"post","link":"https:\/\/hivepress.io\/blog\/speed-up-a-directory-or-marketplace-website\/","title":{"rendered":"How to Speed up a HivePress-built Website"},"content":{"rendered":"\n

Nowadays, website loading speed and overall performance are crucial for a good user experience and search engine rankings. Recently Google announced that it will begin to measure Core Web Vitals<\/a>, such as visual stability scores and page load times, for websites to determine whether they will qualify for a ranking signal boost. Also, pages with a longer load time tend to have higher bounce rates and lower average time on page.<\/p>\n\n\n\n

In this tutorial, we\u2019ll explain how to skyrocket your website\u2019s performance by setting up caching, optimizing styles and scripts, as well as optimizing the media content. We\u2019ll use the LiteSpeed Cache plugin, an all-in-one website acceleration solution with tons of tools and features for making your website blazing fast.<\/p>\n\n\n\n

For testing purposes, we\u2019ll use a WordPress directory website built with WordPress<\/a>, HivePress and a few extensions along with the ListingHive theme<\/a>. However, if your website is not built with the HivePress plugin<\/a>, you can follow the same steps for any other WordPress-powered website.<\/p>\n\n\n\n

So, let’s start with the LiteSpeed Cache installation.<\/p>\n\n\n\n

Installing LiteSpeed Cache<\/h2>\n\n\n\n

First of all, you need to install the LiteSpeed Cache plugin<\/a>. You can easily do it directly from your WordPress dashboard by going to the Plugins > Add New<\/strong> section. Find it via the search bar and proceed by installing it. When the installation is finished, simply click on the \u201cActivate\u201d button to enable the plugin.<\/p>\n\n\n\n

Once it\u2019s installed and activated, you can start optimizing your website. Let\u2019s go through the basic cache settings first.<\/p>\n\n\n\n

Cache Optimization<\/h2>\n\n\n\n

In order to adjust the basic cache settings, navigate to the LiteSpeed Cache > Cache <\/strong>page. There are many different sections within this page, but we\u2019ll go through the most important settings only.<\/p>\n\n\n\n

Cache Settings<\/h3>\n\n\n\n

Here, we highly recommend disabling cache for logged-in users and REST API requests. This is required for the HivePress plugin to function properly. After you enable or disable any options, please don\u2019t forget to save changes.<\/p>\n\n\n\n

\"Speed<\/figure>\n\n\n\n

Object Cache<\/h3>\n\n\n\n

Next, let\u2019s enable the Object Cache<\/strong>. Navigate to the Object<\/strong> section and check if the object cache is available on your site. The connection test should be displayed as \u201cpassed.\u201d If so, you can enable the object cache, and this will drastically improve the website performance by caching duplicate database queries.<\/p>\n\n\n\n

There should be no trouble passing the connection test if your website is based on the OpenLiteSpeed server or your hosting provider<\/a> supports object caching.<\/p>\n\n\n\n

\"Enabling<\/figure>\n\n\n\n

Browser Cache<\/h3>\n\n\n\n

Finally, navigate to the Browser Cache section and make sure that it\u2019s enabled. This will cache all the static content like styles, scripts, and images in the user\u2019s browser.<\/p>\n\n\n\n

\"Enabling<\/figure>\n\n\n\n

Page Optimization<\/h2>\n\n\n\n

Your next step is to navigate to the LiteSpeed Cache > Page Optimization <\/strong>section in order to optimize the styles, scripts, and fonts.<\/p>\n\n\n\n

CSS Optimization<\/h3>\n\n\n\n

Let\u2019s start with the CSS Settings<\/strong> section. Here we recommend turning on the CSS<\/strong> Minify<\/strong> and CSS Combine<\/strong> settings.<\/p>\n\n\n\n