{"id":2529,"date":"2024-12-31T22:50:02","date_gmt":"2024-12-31T17:50:02","guid":{"rendered":"https:\/\/thebeehost.com\/wiki\/?p=2529"},"modified":"2025-09-27T16:31:22","modified_gmt":"2025-09-27T11:31:22","slug":"optimize-your-wordpress-website-using-litespeed-cache","status":"publish","type":"post","link":"https:\/\/thebeehost.com\/wiki\/optimize-your-wordpress-website-using-litespeed-cache\/","title":{"rendered":"Optimize Your WordPress Website Using LiteSpeed Cache"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p><span style=\"font-weight: 400;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-2605\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2024\/12\/optimize-wordpress-with-lscache.webp\" alt=\"optimize-wordpress-with-lscache\" width=\"1280\" height=\"720\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2024\/12\/optimize-wordpress-with-lscache.webp 1280w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2024\/12\/optimize-wordpress-with-lscache-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2024\/12\/optimize-wordpress-with-lscache-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2024\/12\/optimize-wordpress-with-lscache-768x432.webp 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>As a website owner, you\u2019ve likely encountered issues like slow page load times, excessive server resource usage, or suboptimal performance that negatively impacts user experience. These problems often arise from improperly configured websites that don\u2019t implement effective caching and optimization tools, directly affecting your business by driving visitors away and lowering search engine rankings, making it more difficult for users to find your site.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">At TheBeeHost, we understand these struggles, which is why we recommend <\/span><b>LiteSpeed Cache<\/b><span style=\"font-weight: 400;\"> as an ideal performance solution for WordPress websites. Paired with our LiteSpeed WebServer-powered hosting environment, this plugin helps you achieve lightning-fast speeds, better resource management, and a stable user experience.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">In this guide, we\u2019ll explore what LiteSpeed Cache is, why it\u2019s essential for WordPress optimization, and how you can use it to transform your website into a high-performing resource.<\/span><\/p>\n<h3><b>What Is LiteSpeed Cache?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">LiteSpeed Cache (LSCache) is a powerful, all-in-one site acceleration plugin, specifically designed for websites hosted on LiteSpeed WebServer. Unlike traditional caching plugins, LSCache utilizes server-level caching, making it faster and more efficient. It not only reduces page load times but also optimizes various aspects of your website for peak performance.<\/span><\/p>\n<h3><b>Why Use LiteSpeed Cache?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">LiteSpeed&#8217;s built-in server-level cache (LSCache) is a powerful and highly customizable caching solution designed to optimize website performance.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With LSCache, you can achieve the following benefits:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Dramatically reduce page load times<\/b><span style=\"font-weight: 400;\"> \u2013 By serving pre-cached content, LSCache significantly cuts down the time required to load web pages, providing a faster and smoother experience for visitors.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Provide an exceptional user experience<\/b><span style=\"font-weight: 400;\"> \u2013 A faster website keeps users engaged, reduces bounce rates, and boosts satisfaction, ultimately improving your site&#8217;s credibility and user retention.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Handle traffic spikes with ease<\/b><span style=\"font-weight: 400;\"> \u2013 LSCache efficiently manages high volumes of traffic without compromising site performance, making it ideal for websites experiencing sudden surges in visitors.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Manage cache with minimal effort<\/b><span style=\"font-weight: 400;\"> \u2013 LSCache offers powerful Smart Purge technology, which intelligently clears outdated cache so that your visitors always see the most up-to-date content while keeping administrative tasks simple.<\/span><\/li>\n<\/ul>\n<h3><b>Steps to Optimize Your WordPress Website with LiteSpeed Cache<\/b><\/h3>\n<h4><b>Step 1: Install and Activate the LiteSpeed Cache Plugin<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">You can activate LiteSpeed Cache on your website using either cPanel or WordPress.<\/span><\/p>\n<h5><b style=\"color: #2f3242; font-family: Figtree; font-size: 20px;\">Option 1: Install via cPanel<\/b><\/h5>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Log in to your cPanel.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Navigate to <\/span><b><i>Advanced &gt;&gt; LiteSpeed Web Cache Manager<\/i><\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Scroll down to the <\/span><b><i>Cache Management Area<\/i><\/b><span style=\"font-weight: 400;\"> and click on <\/span><b><i>WordPress Cache<\/i><\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the WordPress Cache interface, click the <\/span><b><i>Scan<\/i><\/b><span style=\"font-weight: 400;\"> button to detect all your existing WordPress installations.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Once the scan is complete, select your desired WordPress installation and click the <\/span><b><i>Enable<\/i><\/b><span style=\"font-weight: 400;\"> button next to it.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">LiteSpeed Cache will now be installed and activated on your website.<\/li>\n<\/ol>\n<p><b style=\"color: #2f3242; font-family: Figtree; font-size: 20px;\">Option 2: Install via WordPress Admin Dashboard<\/b><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Log in to your <\/span><b><i>WordPress Admin<\/i><\/b><span style=\"font-weight: 400;\"> Dashboard.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Navigate to <\/span><b><i>Plugins &gt;&gt; Add New<\/i><\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the search bar, type <\/span><b><i>LiteSpeed Cache<\/i><\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Locate the LiteSpeed Cache plugin, click<\/span><b><i> Install<\/i><\/b><span style=\"font-weight: 400;\"> Now, and then click <\/span><b><i>Activate<\/i><\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ol>\n<h4><b>Step 2: Configuring LiteSpeed Cache Settings<\/b><\/h4>\n<h4><b>1. General<\/b><\/h4>\n<h5>i. General Settings<\/h5>\n<p><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-2587\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/General-Settings.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/General-Settings.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/General-Settings-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/General-Settings-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/General-Settings-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/General-Settings-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>The <\/span><b>General Settings<\/b><span style=\"font-weight: 400;\"> allows you to enable core features and integrate with LiteSpeed\u2019s QUIC.cloud services.<\/span><\/p>\n<div style=\"background-color: #edffee; border: 1px solid #3eff4a; padding: 22px; margin: 20px 0; border-radius: 15px; font-family: Figtree, sans-serif;\">\n<p style=\"margin: 0; \/* remove default paragraph margin *\/ color: #333;\">QUIC.cloud is the first and only complete WordPress optimization solution, featuring a global Content Delivery Network (CDN), Image and Page Optimization services, and more.<\/p>\n<\/div>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Automatically Upgrade<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Keep this option enabled so that the LiteSpeed Cache plugin updates automatically with the latest features, fixes, and security improvements.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Domain Key (Link to QUIC.cloud)<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">To use advanced optimization services (e.g. image optimization, critical CSS, and QUIC.cloud CDN), you\u2019ll need to obtain and enter a Domain Key. Click the <\/span><b>Request Domain Key<\/b><span style=\"font-weight: 400;\"> button in this section, and LiteSpeed will automatically link your domain to QUIC.cloud.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Guest Mode<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Enabling Guest Mode allows LiteSpeed Cache to serve pre-cached pages instantly to first-time visitors who are not logged in. This improves page load times for new users.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Guest Optimization<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">When <\/span><b>Guest Optimization<\/b><span style=\"font-weight: 400;\"> is enabled, additional optimizations, like deferred JavaScript loading and critical CSS, can be applied for guest users. Combined with Guest Mode, this results in a seamless experience for new visitors.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Server IP<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Enter the IP address of your server if it\u2019s not automatically detected. This step is particularly useful for QUIC.cloud integration to ensure caching works correctly.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Notifications<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Turn on notifications to receive updates and important alerts regarding LiteSpeed Cache. This will keep you informed about new features, cache purges, or plugin upgrades.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5><b>ii. Tuning<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">In the <\/span><b>Tuning<\/b><span style=\"font-weight: 400;\"> Settings, we have the following options:<br \/>\n<\/span><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-2586\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Tuning-Settings.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Tuning-Settings.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Tuning-Settings-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Tuning-Settings-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Tuning-Settings-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Tuning-Settings-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Guest Mode User Agents<\/b><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">This field allows you to specify user agents (e.g. browsers, bots, or specific devices) that will always be treated as guest visitors by the caching system. This option is useful for scenarios where specific user agents need to be treated differently. <\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Guest Mode IPs<\/b><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">This field lets you define specific IP addresses that will always be considered as guest visitors, regardless of whether they are logged in or not. This is typically used to ensure consistent guest behavior for specific users or devices by their IP.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Both fields are pre-configured with optimal settings. You don&#8217;t need to make any changes unless you have specific requirements for custom user agents or IP addresses.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4><b>2. Cache Settings<\/b><\/h4>\n<h5><b>i. Cache<\/b><\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2589\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Cache-Settings.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Cache-Settings.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Cache-Settings-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Cache-Settings-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Cache-Settings-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Cache-Settings-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Enable Cache<\/b><span style=\"font-weight: 400;\">: This must be turned ON to activate the caching functionality, which is the core of LiteSpeed Cache.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Cache Logged-in Users<\/b><span style=\"font-weight: 400;\">: When enabled, it allows caching for logged-in users. Ideal for membership or subscription sites.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Cache Commenters<\/b><span style=\"font-weight: 400;\">: Caches pages for users who leave comments, improving performance without affecting interactivity.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Cache REST API<\/b><span style=\"font-weight: 400;\">: Enables caching for REST API requests, which helps improve the speed of API-driven functionalities.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Cache Login Page<\/b><span style=\"font-weight: 400;\">: Caches the WordPress login page to reduce server load, which is especially useful during brute-force attacks.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Cache PHP Resources<\/b><span style=\"font-weight: 400;\">: Caches dynamic PHP-generated content where possible. Some themes and plugins add resources via a PHP request. Caching these pages may improve server performance by avoiding unnecessary PHP calls.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Cache Mobile<\/b><span style=\"font-weight: 400;\">: Allows caching for mobile devices. Leave this enabled unless you use a separate mobile theme.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>List of Mobile User Agents<\/b><span style=\"font-weight: 400;\">: Specify the user agents for which mobile-specific caching rules will apply.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Private Cache URIs<\/b><span style=\"font-weight: 400;\">: Define specific URLs that should only have private caches, e.g. user-specific dashboards.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Force Cache URIs<\/b><span style=\"font-weight: 400;\">: Add URLs you want to ensure are cached, regardless of other settings.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Force Public Cache URIs<\/b><span style=\"font-weight: 400;\">: Force specific URLs to be cached and served publicly to all visitors.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Drop Query String<\/b><span style=\"font-weight: 400;\">: Configure how query strings in URLs should be handled, useful for avoiding duplicate cache entries.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5><b>ii. TTL\u00a0<\/b><\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2584\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/TTL-LSCache.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/TTL-LSCache.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/TTL-LSCache-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/TTL-LSCache-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/TTL-LSCache-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/TTL-LSCache-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Time To Live (TTL)<\/b><span style=\"font-weight: 400;\"> defines how long cached content remains valid before being refreshed. Each content type (e.g. home page, category pages) can have a separate TTL setting.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"> You can leave these settings as they are unless you have specific requirements.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5><b>iii. Purge<\/b><\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2585 size-full\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Purge-Settings-e1735817704422.webp\" alt=\"\" width=\"1920\" height=\"1075\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Purge-Settings-e1735817704422.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Purge-Settings-e1735817704422-300x168.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Purge-Settings-e1735817704422-1024x573.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Purge-Settings-e1735817704422-768x430.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Purge-Settings-e1735817704422-1536x860.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Purge All On Upgrade<\/b><span style=\"font-weight: 400;\">: Clears all cache automatically when you update the LiteSpeed Cache plugin.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Auto Purge Rules For Publish\/Update<\/b><span style=\"font-weight: 400;\">: Automatically purges related caches when content (e.g. posts, pages) is updated or published.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Serve Stale<\/b><span style=\"font-weight: 400;\">: Delivers stale (old) cached content while a new cache is being generated, ensuring continuous availability.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Scheduled Purge URLs<\/b><span style=\"font-weight: 400;\">: Define specific URLs that should be purged (cleared) at scheduled times.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Scheduled Purge Time<\/b><span style=\"font-weight: 400;\">: Set the exact time for scheduled cache purges.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Purge All Hooks<\/b><span style=\"font-weight: 400;\">: Triggers cache purges based on specific WordPress hooks or actions.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Leave these settings on default unless there are advanced requirements.<br \/>\n<\/span><\/p>\n<p>&nbsp;<\/p>\n<h5><b>iv. Excludes<\/b><\/h5>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Do Not Cache URIs<\/b><span style=\"font-weight: 400;\">: Define specific URLs you don\u2019t want to be cached, such as admin pages.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Do Not Cache Query Strings<\/b><span style=\"font-weight: 400;\">: Prevent caching for URLs with specific query strings. Useful for dynamic content.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Do Not Cache Categories<\/b><span style=\"font-weight: 400;\">: Avoid caching specific category archive pages.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Do Not Cache Tags<\/b><span style=\"font-weight: 400;\">: Exclude tag archive pages from caching.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Do Not Cache Cookies<\/b><span style=\"font-weight: 400;\">: Prevent caching when specific cookies are present, often used for dynamic content or user sessions.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Do Not Cache User Agents<\/b><span style=\"font-weight: 400;\">: Exclude caching for certain user agents (e.g. bots or testing tools).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Do Not Cache Roles<\/b><span style=\"font-weight: 400;\">: Disable caching for specific user roles, such as administrators or editors.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">These settings can remain at their default values for most users.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h5><b>v. ESI<\/b><\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2588\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/ESI-Settings.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/ESI-Settings.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/ESI-Settings-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/ESI-Settings-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/ESI-Settings-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/ESI-Settings-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Enable ESI<\/b><span style=\"font-weight: 400;\">: Turn this ON to enable Edge Side Includes, which allows partial caching for dynamic elements.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Cache Admin Bar<\/b><span style=\"font-weight: 400;\">: Leave this ON to cache the admin bar for logged-in users, improving performance.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Cache Comment Form<\/b><span style=\"font-weight: 400;\">: Turn this ON to cache the comment form while allowing dynamic content updates.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>ESI Nonces<\/b><span style=\"font-weight: 400;\">: Nonces are security tokens. Leave these settings at their default values to ensure functionality.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Vary Group<\/b><span style=\"font-weight: 400;\">: Used for advanced configurations to separate cached content by user groups. Keep at default unless required.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5><b>vi. Object Cache<\/b><\/h5>\n<p><b><\/b><span style=\"font-weight: 400;\">Object caching is a method of storing database query results in memory. It improves performance by reducing the need to fetch the same data repeatedly from the database. By enabling Object Caching, you can achieve faster page load times and reduced server resource usage, ensuring a smoother experience for your visitors.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For detailed instructions on setting up object caching on your website, please refer to this guide:<\/span><a href=\"https:\/\/thebeehost.com\/wiki\/enable-object-caching-on-your-wordpress-website\/\"> <b>Enable Object Caching on Your WordPress Website<\/b><\/a><b>.<\/b><\/p>\n<p>&nbsp;<\/p>\n<h5><b>vii. Browser<\/b><\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2576\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Browser-Cache-Settings.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Browser-Cache-Settings.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Browser-Cache-Settings-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Browser-Cache-Settings-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Browser-Cache-Settings-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Browser-Cache-Settings-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Browser Cache<\/b><span style=\"font-weight: 400;\">: Turn this ON to enable browser-level caching, which allows visitors&#8217; browsers to store cached assets for faster reloads.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Browser Cache TTL<\/b><span style=\"font-weight: 400;\">: Defines how long the browser should store cached assets. You can leave this at its default value.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5><b>viii. Advanced<\/b><\/h5>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>AJAX Cache TTL<\/b><span style=\"font-weight: 400;\">: Sets the cache duration for AJAX requests.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Login Cookie<\/b><span style=\"font-weight: 400;\">: Used for logged-in user sessions.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Vary Cookies<\/b><span style=\"font-weight: 400;\">: Handles variations in cache content based on cookies.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Keep these at default unless specified to avoid unintended issues.<\/span><\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2577\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Improve-HTTP_HTTPS-Compatibility.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Improve-HTTP_HTTPS-Compatibility.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Improve-HTTP_HTTPS-Compatibility-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Improve-HTTP_HTTPS-Compatibility-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Improve-HTTP_HTTPS-Compatibility-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Improve-HTTP_HTTPS-Compatibility-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><span style=\"color: #322f75;\"><b>Improve HTTP\/HTTPS Compatibility<\/b><\/span><span style=\"font-weight: 400;\"><span style=\"color: #322f75;\">:<\/span> Turn this ON to ensure smooth operation across both HTTP and HTTPS protocols.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Instant Click<\/b><\/span><span style=\"font-weight: 400;\"><span style=\"color: #322f75;\">:<\/span> Turn this ON to prefetch links as the user hovers, resulting in faster-perceived page loads.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4><b>3. Page Optimization<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Page optimization is a crucial aspect of website performance, focusing on reducing page load times and improving user experience. The <\/span><b>Page Optimization<\/b><span style=\"font-weight: 400;\"> section in LiteSpeed Cache provides tools to optimize CSS, JavaScript (JS), HTML, media, and other resources. By fine-tuning these settings, you can achieve better speed scores on tools like GTmetrix, Pingdom, and Google PageSpeed Insights.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h5><b>i. CSS Settings<br \/>\n<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">The CSS Settings in the LiteSpeed Cache plugin allow for advanced CSS optimization. Here&#8217;s an explanation of each setting, along with recommendations for optimal performance:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2578\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/CSS-Settings.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/CSS-Settings.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/CSS-Settings-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/CSS-Settings-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/CSS-Settings-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/CSS-Settings-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li><b>CSS Minify<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Minifies CSS files and inline CSS by removing unnecessary characters, like spaces and comments, without affecting functionality.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting<\/b><span style=\"font-weight: 400;\">: <\/span><\/span><b>ON<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Minification reduces file size, leading to faster loading times.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><b>CSS Combine<\/b><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Combines multiple CSS files and inline CSS into a single file.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting<\/b><span style=\"font-weight: 400;\">: <\/span><\/span><b>ON<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Combining reduces the number of HTTP requests, improving load speed.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Generate UCSS (Unused CSS)<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Uses QUIC.cloud&#8217;s online service to generate unique CSS by removing unused styles from the combined CSS file.<\/span><b><br \/>\n<\/b><b><span style=\"color: #322f75;\">Recommended Setting:<\/span> OFF<\/b><span style=\"font-weight: 400;\"> (for low-resource servers)<\/span><b>, ON <\/b><span style=\"font-weight: 400;\">(if server resources are sufficient)<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Generating UCSS can consume server resources, as it runs in the background using a cron-based queue. It\u2019s best to turn this OFF if your hosting environment has resource limitations.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>UCSS Inline<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Inlines UCSS directly into the HTML to reduce the need for an extra CSS file.<\/span><b><br \/>\n<\/b><b><span style=\"color: #322f75;\">Recommended Setting:<\/span> OFF<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Inline UCSS may increase HTML file size and is generally not resource-efficient for low-resource environments.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>CSS Combine External and Inline<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Combines both external CSS and inline CSS into a single file, ensuring proper CSS priority and reducing potential errors.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting<\/b><\/span><span style=\"font-weight: 400;\"><span style=\"color: #322f75;\">:<\/span> <\/span><b>ON<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">This maintains CSS priorities while optimizing the number of requests.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Load CSS Asynchronously<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Optimizes CSS delivery by loading critical CSS first and the rest asynchronously.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting<\/b><\/span><span style=\"font-weight: 400;\"><span style=\"color: #322f75;\">:<\/span> <\/span><b>ON<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Improves page speed scores on tools like GTmetrix, PageSpeed Insights, and Pingdom. This also loads Google Fonts asynchronously when enabled.<\/span><\/li>\n<\/ul>\n<div style=\"background-color: #edffee; border: 1px solid #3eff4a; padding: 22px; margin: 20px 0; border-radius: 15px; font-family: Figtree, sans-serif;\">\n<p style=\"margin: 0; \/* remove default paragraph margin *\/ color: #333;\"><strong>Note<\/strong>: Critical CSS is generated in the background using a cron-based queue which can strain resources. Turn this OFF if your server has limited processing power.<span style=\"background-color: #ffffff; color: #52576d; font-family: 'Open Sans';\">\u00a0<\/span><\/p>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2579\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/CSS-Settings-II.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/CSS-Settings-II.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/CSS-Settings-II-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/CSS-Settings-II-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/CSS-Settings-II-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/CSS-Settings-II-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>CCSS Per URL<\/b><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">When enabled, this option generates Critical CSS (CCSS) individually for each page. Disabling it generates CCSS for an entire Post Type, meaning all posts or pages of the same type will share the same CCSS file.<br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting<\/b>:<\/span> <b>ON<br \/>\n<\/b>Keep this option enabled to ensure accurate styling across pages, especially if your site uses a page builder or has custom layouts.<\/li>\n<\/ul>\n<div style=\"background-color: #edffee; border: 1px solid #3eff4a; padding: 22px; margin: 20px 0; border-radius: 15px; font-family: Figtree, sans-serif;\">\n<p style=\"margin: 0; \/* remove default paragraph margin *\/ color: #333;\"><strong>Caution<\/strong>: Disabling it can save CCSS quota by reducing the number of unique CCSS files generated but may cause styling issues on pages with unique designs or layouts within the same Post Type.<span style=\"background-color: #ffffff; color: #52576d; font-family: 'Open Sans';\">\u00a0<\/span><\/p>\n<\/div>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Inline CSS Async Lib<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Inlines the asynchronous CSS library to avoid render-blocking during page load.<br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting<\/b>:<\/span> <b>ON<br \/>\n<\/b>This is lightweight and helps prevent render-blocking CSS.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Font Display Optimization<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Appends the <\/span><span style=\"font-weight: 400;\">font-display<\/span><span style=\"font-weight: 400;\"> property to all <\/span><code><span style=\"font-weight: 400;\">@font-face<\/span><\/code><span style=\"font-weight: 400;\"> rules to specify how fonts should be displayed during download.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting<\/b><span style=\"font-weight: 400;\">: <\/span><\/span><b>Swap<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">The &#8220;<\/span><b>Swap<\/b><span style=\"font-weight: 400;\">&#8221; value improves the user experience without consuming extra resources.<br \/>\n<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5><b>ii. JS Settings<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">The JavaScript (JS) Settings allow you to optimize the delivery and execution of JavaScript files on your website. Proper configuration of these options can significantly improve performance, particularly in Core Web Vitals metrics.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2580\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/JS-Settings.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/JS-Settings.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/JS-Settings-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/JS-Settings-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/JS-Settings-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/JS-Settings-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>JS Minify<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Minifies JavaScript files and inline JS code to reduce file sizes and improve loading times.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommendation<\/b><\/span><span style=\"font-weight: 400;\"><span style=\"color: #322f75;\">:<\/span> Turn this <\/span><b>ON<\/b><span style=\"font-weight: 400;\"> to optimize JavaScript delivery.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>JS Combine<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Combines all local JavaScript files into a single file, reducing the number of HTTP requests.<\/span><\/span><\/p>\n<div style=\"background-color: #edffee; border: 1px solid #3eff4a; padding: 22px; margin: 20px 0; border-radius: 15px; font-family: Figtree, sans-serif;\">\n<p style=\"margin: 0; \/* remove default paragraph margin *\/ color: #333;\"><strong>Caution<\/strong>: This option may cause layout issues or JavaScript errors on pages that rely on specific theme or plugin scripts.<\/p>\n<\/div>\n<p><span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Use with caution. Turn ON only if no compatibility issues arise during testing.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>JS Combine External and Inline<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Includes external JavaScript and inline JavaScript in the combined file when JS Combine is also enabled. This helps maintain the priorities of JavaScript execution and minimizes potential errors. <\/span><\/span>If JS Combine is turned ON, you can also enable this option to maximize its benefits. However, test your site for any layout or functionality issues.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Load JS Deferred<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Offers three modes for handling JavaScript loading:<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"color: #322f75;\"><b>OFF<\/b><\/span><span style=\"font-weight: 400;\"><span style=\"color: #322f75;\">:<\/span> No deferral applied (default).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"color: #322f75;\"><b>Deferred<\/b><\/span><span style=\"font-weight: 400;\"><span style=\"color: #322f75;\">:<\/span> Delays JavaScript execution until the page has been parsed.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"color: #322f75;\"><b>Delayed<\/b><\/span><span style=\"font-weight: 400;\"><span style=\"color: #322f75;\">:<\/span> Postpones execution until user interaction occurs (e.g. a scroll or click).<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Deferring JavaScript can reduce resource contention, improve loading speeds, and positively impact your speed scores in services like Pingdom, GTmetrix, and PageSpeed Insights.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommendation<\/b><\/span><span style=\"font-weight: 400;\"><span style=\"color: #322f75;\">:<\/span> Set to Deferred to improve performance while maintaining functionality in most cases. Use Delayed only if your website does not rely heavily on JavaScript for initial rendering. Test thoroughly to ensure no functionality breaks on the frontend.<\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h5><b>iii. HTML Settings<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">The HTML Settings allow you to optimize your site&#8217;s HTML structure and related features to improve performance. These settings can help minimize resource usage, reduce loading times, and enhance Core Web Vitals metrics.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2581\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/HTML-Settings.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/HTML-Settings.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/HTML-Settings-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/HTML-Settings-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/HTML-Settings-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/HTML-Settings-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>HTML Minify<\/b><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Minifies HTML content by removing unnecessary spaces, line breaks, and comments (unless specified). This reduces the overall file size, improving loading speeds.<br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Turn this <b>ON<\/b>. It is a low-risk optimization that benefits all websites.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>DNS Prefetch<br \/>\n<\/b>Prefetches DNS for specified domains to reduce latency for visitors. This is particularly useful for external resources like CDN links. Add relevant domains manually in the text area according to your needs.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>DNS Prefetch Control<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Automatically prefetches DNS for all URLs in the document, including images, CSS, and JavaScript. This helps improve page load speed by pre-resolving DNS queries.<br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Turn this ON for sites with many external resources.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>DNS Preconnect<\/b><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Preconnects to specified domains to establish connections earlier, speeding up future loads. Add necessary domains manually if needed.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>HTML Lazy Load Selectors<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Delays the rendering of off-screen HTML elements by their selector, which can improve performance on pages with heavy content. Use this cautiously. Add selectors manually if required.<\/span><\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><b>HTML Keep Comments<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Retains HTML comments that match a specified pattern during the minification process. Useful for preserving necessary developer comments. Add patterns manually if needed.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2582\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/HTML-Settings-II.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/HTML-Settings-II.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/HTML-Settings-II-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/HTML-Settings-II-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/HTML-Settings-II-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/HTML-Settings-II-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li aria-level=\"1\"><b>Remove Query Strings<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Removes query strings from internal static resources to make them more cacheable. This can enhance caching efficiency and speed.<br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Turn this ON, but ensure that it does not interfere with functionalities like Google reCAPTCHA or other APIs that rely on query strings.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Load Google Fonts Asynchronously<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Uses the Web Font Loader library to load Google Fonts asynchronously while adding a preconnect for faster loading. This improves rendering speeds and prevents fonts from blocking the page load.<br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Turn this ON if your site uses Google Fonts.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Remove Google Fonts<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Prevents Google Fonts from loading on your site. This is useful if your site doesn\u2019t require custom fonts or relies on system fonts for better performance.<br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Turn this OFF unless you want to disable Google Fonts completely.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Remove WordPress Emoji<br \/>\n<\/b>Disables the <a href=\"https:\/\/www.wordpress.org\"><span style=\"color: #5550c4;\"><i>WordPress.org<\/i><\/span><\/a> emoji script, which loads by default. Browser-default emojis will be displayed instead, reducing resource usage.<br \/>\n<span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Turn this ON. It is a low-risk optimization that can improve speed scores.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Remove Noscript Tags<br \/>\n<\/b>Removes all <code>&lt;noscript&gt;<\/code> tags from HTML. These tags are typically used for browsers without JavaScript support.<br \/>\n<span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Turn this OFF. <code>&lt;noscript&gt;<\/code> tags are helpful for older browsers or users with JavaScript disabled.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5><b>iv. Media Settings<\/b><\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2571\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Media-Settings.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Media-Settings.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Media-Settings-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Media-Settings-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Media-Settings-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Media-Settings-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li aria-level=\"1\"><b>Lazy Load Images<br \/>\n<\/b>Loads images only when they are about to enter the viewport, reducing initial HTTP requests and improving page load speed.<br \/>\n<span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Turn ON. Ideal for most websites as it significantly enhances performance, especially on image-heavy pages.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Basic Image Placeholder<br \/>\n<\/b>Specifies a base64 placeholder image to display while images load. By default, a gray image is used, but you can configure this with your own placeholder. Default settings work well for most sites.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Responsive Placeholder<br \/>\n<\/b>Generates responsive placeholders matching the dimensions of the images. This minimizes layout reshuffles as images load.<br \/>\n<span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Turn ON. It reduces layout shifts and improves user experience, especially for sites with varying image sizes.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Responsive Placeholder SVG<br \/>\n<\/b>Uses an SVG as a placeholder, converted to base64 on-the-fly. The placeholder adapts to the dimensions and background color of the image. Default settings are sufficient for most websites.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>LQIP Cloud Generator<br \/>\n<\/b>Uses the QUIC.cloud service to generate Low Quality Image Placeholders for responsive previews.<br \/>\n<span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Turn OFF unless you want detailed image previews while loading. Enabling this may consume server resources and QUIC.cloud points.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>LQIP Quality<\/b><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Sets the quality of LQIP. Higher values improve resolution but increase file size and resource consumption. Default is 4 (low-quality placeholders).<br \/>\n<\/span>Leave at the default value (4) unless you need better-quality placeholders. Increasing this may negatively affect page size.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2572\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Media-Settings-II.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Media-Settings-II.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Media-Settings-II-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Media-Settings-II-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Media-Settings-II-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Media-Settings-II-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li aria-level=\"1\"><b>LQIP Minimum Dimensions<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Excludes small images (e.g. icons) from LQIP generation based on specified minimum dimensions. Default is 150px.<\/span><\/span>Leave at the default value (150) unless you have specific requirements for smaller placeholders.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Generate LQIP In Background<br \/>\n<\/b>Generates LQIP via a cron job in the background. If OFF, placeholders are generated in the foreground, potentially slowing page load.<br \/>\n<span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Turn OFF unless your site heavily relies on LQIP. Background generation can consume server resources unnecessarily for most websites.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Lazy Load Iframes<br \/>\n<\/b>Loads iframe content (e.g. videos) only when it enters the viewport, reducing initial HTTP requests and improving load times.<br \/>\n<span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Turn ON. This is beneficial for sites embedding iframes, such as YouTube videos.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Add Missing Sizes<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Sets explicit width and height attributes for images to reduce layout shifts and improve the CLS (Cumulative Layout Shift) Core Web Vitals metric. Lazy Load Images must be ON for this to work.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommendation<\/b><\/span><span style=\"font-weight: 400;\"><span style=\"color: #322f75;\">:<\/span> Turn ON. Helps improve user experience and Core Web Vitals score.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>WordPress Image Quality Control<br \/>\n<\/b>Configures WordPress\u2019s default image compression quality (default: 82). Lower values reduce file size but compromise image quality. Leave at default value (82) for a balance between quality and performance. Adjust as needed for specific use cases.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5><b>v. Viewport Images<\/b><\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2573\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Viewport-Images.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Viewport-Images.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Viewport-Images-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Viewport-Images-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Viewport-Images-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Viewport-Images-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Viewport Images<\/b><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">When Lazy Load is enabled, all images are delayed until they come into the viewport. The Viewport Images feature detects images that appear above the fold (visible area without scrolling) and excludes them from lazy loading. This ensures that the initial visible content is displayed without delay, improving user experience.<br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Turn ON. It enhances the perceived load speed of your website, especially for users on slower networks, by prioritizing visible content.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Viewport Images Cron<br \/>\n<\/b>Automatically generates and updates the Viewport Images data via a cron job. This ensures that changes to the page\u2019s layout or content are accounted for without manual intervention.<br \/>\n<span style=\"color: #322f75;\"><b>Recommendation<\/b>:<\/span> Turn ON if your website content changes frequently. For static websites with rarely updated layouts, you can leave this OFF to conserve server resources.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5><b>vi. Media Excludes<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">The Media Excludes feature allows you to specify exceptions for certain media elements from being affected by Lazy Load, LQIP (Low Quality Image Placeholder), or other image optimization settings.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h6><b>When to Use<\/b><\/h6>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use Media Excludes only if specific media elements on your website are not displaying as expected or if their loading behavior is negatively affected by optimization settings.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">For example: Exclude critical images, banners, or logos that need to load immediately without delays. Exclude specific iframe or embedded media that should not use Lazy Load for functionality or aesthetic reasons.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h6><b>Best Practices<\/b><\/h6>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"color: #322f75;\"><b>Keep it minimal<\/b><\/span><span style=\"font-weight: 400;\"> &#8211; Avoid overusing exclusions, as it can reduce the benefits of Lazy Load and optimization.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"color: #322f75;\"><b>Target precisely<\/b><\/span><span style=\"font-weight: 400;\"> &#8211; Use class names or URIs to pinpoint the exact media elements to exclude rather than broad criteria.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"color: #322f75;\"><b>Test thoroughly<\/b><\/span><span style=\"font-weight: 400;\"> &#8211; After applying exclusions, review your website\u2019s functionality and appearance to ensure the issue is resolved and performance remains optimized.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h6><b>Recommendation<\/b><\/h6>\n<p><span style=\"font-weight: 400;\">Leave these fields blank unless exclusions are necessary for resolving specific issues. This ensures that your website benefits from the full extent of media optimization.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h5><b>vii. Localization Settings<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">The Localization Settings in LiteSpeed Cache help optimize external resources by storing them locally, reducing dependency on third-party servers, and potentially improving website performance. These settings are especially useful for caching Gravatar images and external resources to enhance load speed and reduce latency.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2574\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Localization-Settings.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Localization-Settings.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Localization-Settings-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Localization-Settings-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Localization-Settings-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Localization-Settings-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li><b>Gravatar Cache<\/b><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Stores Gravatar images locally on your server, reducing the time needed to fetch these images repeatedly from external servers.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommendation<\/b><\/span><span style=\"font-weight: 400;\"><span style=\"color: #322f75;\">:<\/span> Turn ON if your website uses Gravatar profiles, especially for comments or user profiles, to speed up load times.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Gravatar Cache Cron<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Automatically refreshes the Gravatar cache at regular intervals using a cron job.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommendation<\/b><\/span><span style=\"font-weight: 400;\"><span style=\"color: #322f75;\">:<\/span> Turn ON to ensure the cached Gravatar images are updated periodically, preventing outdated profiles from being displayed.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><b>Gravatar Cache TTL<\/b><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Specifies how long (in seconds) Gravatar files should be cached. The default value is 604800 seconds (1 week). Use the default value unless you require shorter or longer caching durations. Ensure the value is greater than 3600 seconds (1 hour).<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Localize Resources<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Copies external resources (e.g. JavaScript, CSS files) and stores them locally, allowing the site to serve these files directly.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommendation<\/b><\/span><span style=\"font-weight: 400;\"><span style=\"color: #322f75;\">:<\/span> Turn ON to improve performance by reducing the dependency on third-party servers.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li aria-level=\"1\"><b>Localization Files<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Allows you to specify external HTTPS resources to be localized. These files are copied to your server and served locally. Comments can be added by starting a line with #.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><strong>Recommendation<\/strong><\/span><span style=\"font-weight: 400;\"><span style=\"color: #322f75;\"><strong>:<\/strong><\/span> Leave default settings unless you have specific external resources that need localization.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">By using these settings wisely, you can achieve faster load times and a smoother user experience without overburdening your server.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h5><b>viii. Tuning Settings<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">The Tuning Settings in LiteSpeed Cache provide advanced control over JavaScript (JS) optimization. These settings are primarily used to exclude specific JS files or elements from being combined, deferred, or delayed. Such exclusions can be critical when certain scripts are essential for website functionality or when a conflict arises due to JS optimization.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h6><b>When to Use<\/b><\/h6>\n<p><span style=\"font-weight: 400;\">These options should only be utilized if:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Functionality Issues <\/b><span style=\"font-weight: 400;\">&#8211; You notice layout problems, broken features, or errors on your website after enabling JS optimization (e.g. JS Combine, Load JS Deferred).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Specific Needs<\/b><span style=\"font-weight: 400;\"> &#8211; You have a script that must load immediately or should not be affected by other optimizations (e.g. analytics tracking, third-party widgets).<\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h6><b>Best Practices<\/b><\/h6>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Debug First<\/b><span style=\"font-weight: 400;\"> &#8211; If your site behaves unexpectedly after enabling JS optimizations, identify the conflicting script(s) using browser developer tools or error logs.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Exclude Wisely<\/b><span style=\"font-weight: 400;\"> &#8211; Add only the necessary scripts to the relevant fields to minimize exclusions while maintaining performance.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Test Changes<\/b><span style=\"font-weight: 400;\"> &#8211; After making adjustments, thoroughly test your website on desktop and mobile to ensure functionality and performance remain intact.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h6><b>Default Approach<\/b><\/h6>\n<p><span style=\"font-weight: 400;\">If your website runs with default JS optimization settings without any issues, no action is required in this section. These fields are primarily for troubleshooting and customization, making them unnecessary for most users.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">By using the Tuning Settings only when needed, you can maintain a balance between optimal performance and flawless functionality.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h5><b>ix. Tuning Settings \u2013 CSS<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">The Tuning Settings for CSS in LiteSpeed Cache offer advanced control over CSS optimization. These settings allow you to exclude specific CSS files, selectors, or URIs from optimizations like Combine CSS, Generate UCSS (Unused CSS), or Critical CSS (CCSS). They are designed to handle situations where CSS optimization causes styling issues on your website.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h6><b>When to Use<\/b><\/h6>\n<p><span style=\"font-weight: 400;\">You should configure these options only if:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Styling Problems<\/b><span style=\"font-weight: 400;\"> &#8211; Some elements on your site appear broken, misaligned, or missing after enabling CSS Combine, Generate UCSS, or Critical CSS.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Specific Needs<\/b><span style=\"font-weight: 400;\"> &#8211; Certain styles must remain untouched to ensure proper rendering or functionality.<\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h6><b>Best Practices<\/b><\/h6>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Diagnose First <\/b><span style=\"font-weight: 400;\">&#8211; If you notice styling inconsistencies, determine which CSS files or selectors are affected.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Add Only Essential Exclusions<\/b><span style=\"font-weight: 400;\"> &#8211; Excluding unnecessary CSS can reduce optimization benefits. Use the minimum number of exclusions required for your site to function correctly.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Test Thoroughly<\/b><span style=\"font-weight: 400;\"> &#8211; After applying changes, review your site\u2019s appearance and functionality on both desktop and mobile.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h6><b>Default Approach<\/b><\/h6>\n<p><span style=\"font-weight: 400;\">If your website displays correctly without any CSS-related issues, you do not need to configure these settings. These fields are for troubleshooting and fine-tuning and are not necessary for most users with standard setups.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">By using the CSS Tuning Settings judiciously, you can resolve conflicts while maintaining optimal performance and clean styling.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4><b>4. LiteSpeed Cache Database Optimization<\/b><\/h4>\n<h5><b>i. Database Optimizer<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">The Database Optimizer in LiteSpeed Cache offers tools to clean and optimize your WordPress database with a simple click. These actions help remove unnecessary data, reduce database size, and enhance performance.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2575\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Database-Optimizer.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Database-Optimizer.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Database-Optimizer-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Database-Optimizer-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Database-Optimizer-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Database-Optimizer-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Clean All<\/b><span style=\"font-weight: 400;\"> \u2013 Executes all the individual database cleanup actions (listed below) in a single click. This is a comprehensive cleanup option ideal for routine maintenance to keep the database lean and efficient.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Post Revisions<\/b><span style=\"font-weight: 400;\"> \u2013 Deletes older versions of posts and pages saved automatically by WordPress during editing. This reduces database size and is especially useful for sites with frequent updates.<\/span><\/li>\n<\/ul>\n<div style=\"background-color: #edffee; border: 1px solid #3eff4a; padding: 22px; margin: 20px 0; border-radius: 15px; font-family: Figtree, sans-serif;\">\n<p style=\"margin: 0; \/* remove default paragraph margin *\/ color: #333;\"><strong>Note<\/strong>: The number of revisions retained is controlled by the <strong>Revisions Max Number<\/strong> and <strong>Revisions Max Age<\/strong> settings in the DB Optimization Settings.<span style=\"background-color: #ffffff; color: #52576d; font-family: 'Open Sans';\">\u00a0<\/span><\/p>\n<\/div>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Orphaned Post Meta<\/b><span style=\"font-weight: 400;\"> \u2013 Removes metadata no longer associated with any existing posts or pages, freeing up space often left unused when posts are deleted.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Auto Drafts<\/b><span style=\"font-weight: 400;\"> \u2013 Deletes auto-saved drafts created while editing posts or pages, which are often unnecessary and can clutter the database.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Trashed Posts<\/b><span style=\"font-weight: 400;\"> \u2013 Permanently deletes posts or pages moved to the trash, preventing them from occupying storage unnecessarily.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Spammed Comments<\/b><span style=\"font-weight: 400;\"> \u2013 Deletes all comments flagged as spam by WordPress or plugins, which helps reduce database clutter and improve storage efficiency.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Trashed Comments<\/b><span style=\"font-weight: 400;\"> \u2013 Permanently removes comments moved to the trash but not yet deleted, ensuring no unnecessary storage usage.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Trackbacks\/Pingbacks<\/b><span style=\"font-weight: 400;\"> \u2013 Deletes notifications from other websites linking to your content, which are often unnecessary and can bloat the database.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Expired Transients<\/b><span style=\"font-weight: 400;\"> \u2013 Removes temporary cached data (transients) that have expired, preventing the buildup of outdated or invalid information.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>All Transients<\/b><span style=\"font-weight: 400;\"> \u2013 Deletes all transient data, whether expired or active, offering a more aggressive cleanup approach that should be used cautiously.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Optimize Tables<\/b><span style=\"font-weight: 400;\"> \u2013 Reorganizes and optimizes database tables to reclaim unused space and ensure efficient storage, helping maintain database performance.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">The Database Optimizer is straightforward, just click on the desired action, and the tool does the rest. Regular use ensures your database remains clean and efficient, improving overall website performance.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h5><b>ii. DB Optimization Settings<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">The DB Optimization Settings in LiteSpeed Cache provide additional controls for managing post revisions during database cleaning. These settings allow you to customize how many revisions are retained and for how long, offering a balance between maintaining revision history and optimizing database performance.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2568\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/DB-Optimization-Settings.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/DB-Optimization-Settings.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/DB-Optimization-Settings-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/DB-Optimization-Settings-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/DB-Optimization-Settings-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/DB-Optimization-Settings-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Revisions Max Number<\/b><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Defines the number of the most recent post\/page revisions to keep when cleaning revisions. Older revisions beyond this limit will be deleted.<br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<table style=\"border-collapse: collapse; width: 100%; font-family: Figtree, sans-serif;\">\n<thead>\n<tr>\n<th style=\"border: 1px solid #ddd; padding: 10px; text-align: left; background-color: #ecebff; font-weight: bold;\"><span style=\"color: #322f75;\">Value Range<\/span><\/th>\n<th style=\"border: 1px solid #ddd; padding: 10px; text-align: left; background-color: #ecebff; font-weight: bold;\"><span style=\"color: #322f75;\">Description<\/span><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"background-color: #ffffff;\">\n<td style=\"border: 1px solid #ddd; padding: 10px;\">0<\/td>\n<td style=\"border: 1px solid #ddd; padding: 10px;\">Deletes all revisions during cleanup.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 10px;\">1 to 100<\/td>\n<td style=\"border: 1px solid #ddd; padding: 10px;\">Retains the specified number of recent revisions for each post\/page.<\/td>\n<\/tr>\n<tr style=\"background-color: #ffffff;\">\n<td style=\"border: 1px solid #ddd; padding: 10px;\">Recommendation<\/td>\n<td style=\"border: 1px solid #ddd; padding: 10px;\">Set to 0 if you don\u2019t need post revisions. Use a value between 3-5 if you want to retain a small history for safety or recovery purposes.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<ul>\n<li><b>Revisions Max Age<br \/>\n<\/b>Specifies the maximum age of revisions (in days) to keep. Revisions older than this limit will be deleted during cleanup.<\/li>\n<\/ul>\n<table style=\"border-collapse: collapse; width: 100%; font-family: Figtree, sans-serif;\">\n<thead>\n<tr>\n<th style=\"border: 1px solid #ddd; padding: 10px; text-align: left; background-color: #ecebff; font-weight: bold;\"><span style=\"color: #322f75;\">Value Range<\/span><\/th>\n<th style=\"border: 1px solid #ddd; padding: 10px; text-align: left; background-color: #ecebff; font-weight: bold;\"><span style=\"color: #322f75;\">Description<\/span><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"background-color: #ffffff;\">\n<td style=\"border: 1px solid #ddd; padding: 10px;\">0<\/td>\n<td style=\"border: 1px solid #ddd; padding: 10px;\">Deletes all revisions regardless of age.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 10px;\">1 to 600<\/td>\n<td style=\"border: 1px solid #ddd; padding: 10px;\">Retains revisions that are newer than the specified number of days.<\/td>\n<\/tr>\n<tr style=\"background-color: #ffffff;\">\n<td style=\"border: 1px solid #ddd; padding: 10px;\">Recommendation<\/td>\n<td style=\"border: 1px solid #ddd; padding: 10px;\">Set to 0 for aggressive cleaning, removing all revisions regardless of their age. Use a value between 30-90 days to keep recent revisions while optimizing the database.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4><b style=\"color: #322f75; font-family: Figtree; font-size: 26px;\">5. Image Optimization<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">The Image Optimization feature in LiteSpeed Cache is designed to reduce the size of your images without compromising their quality. Optimized images load faster, improving page speed and enhancing user experience while reducing bandwidth usage. This feature utilizes the <\/span><b>QUIC.cloud<\/b><span style=\"font-weight: 400;\"> service to process image optimization tasks efficiently.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h5><b>i. Preparing LiteSpeed Cache for Image Optimization<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">Before using the Image Optimization feature, make sure that your website is connected to QUIC.cloud. You can do this by going to the LiteSpeed Cache plugin settings and navigating to the &#8220;<\/span><b>General<\/b><span style=\"font-weight: 400;\">&#8221; tab. If you haven\u2019t linked your site to QUIC.cloud, follow the on-screen instructions to register and link your domain.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h5><b>How Image Optimization Works<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">The Image Optimization feature includes several key tasks:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Image Compression<\/b><span style=\"font-weight: 400;\"> &#8211; Reduces the file size of images by removing unnecessary metadata and using efficient compression algorithms without noticeable loss in quality.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>WebP Conversion<\/b><span style=\"font-weight: 400;\"> &#8211; Converts images to the WebP format, a modern image format that provides superior compression compared to traditional formats like JPEG and PNG.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Image Resizing<\/b><span style=\"font-weight: 400;\"> &#8211; Ensures images are resized to match the dimensions required by your site, reducing unnecessary large image files.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">This feature is essential for improving loading times and achieving a better performance score on tools like Google PageSpeed Insights, Pingdom, and GTmetrix.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h5><b>ii. Image Optimization Settings<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">The <\/span><b>Image Optimization Settings<\/b><span style=\"font-weight: 400;\"> in LiteSpeed Cache offer fine-tuned control over how images are optimized, stored, and replaced for enhanced website performance.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2569\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Image-Optimization-Settings.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Image-Optimization-Settings.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Image-Optimization-Settings-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Image-Optimization-Settings-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Image-Optimization-Settings-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Image-Optimization-Settings-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Auto Request Cron<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Automatically requests image optimization via a cron job. This ensures newly uploaded images are added to the optimization queue without manual intervention.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> ON \u2013 For seamless and automated optimization.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Auto Pull Cron<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Automatically pulls optimized images back from the QUIC.cloud Image Server. Disabling this requires you to fetch optimized images manually.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> ON \u2013 To streamline the optimization process and save time.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Optimize Original Images<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Optimizes the original images and saves a backup in the same folder. This allows you to revert changes if needed.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> ON \u2013 To optimize all images while maintaining backups.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Remove Original Backups<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Deletes original image backups after fetching the optimized versions. This is irreversible and prevents reverting to the original images.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> OFF \u2013 To ensure backups are available for future use.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Optimize Losslessly<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Uses lossless compression to optimize images, retaining 100% of the original quality. However, this may result in slightly larger file sizes compared to lossy compression.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> OFF \u2013 Lossy compression provides better optimization for web performance unless quality is a priority.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Preserve EXIF\/XMP Data<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Retains metadata like copyright, GPS coordinates, and comments in optimized images. This increases file size.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> OFF \u2013 For faster loading times unless metadata is crucial for your site&#8217;s functionality.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Image WebP Replacement<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Requests WebP versions of the original images. The WebP format significantly reduces image sizes while maintaining quality, improving load times.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> ON \u2013 To use the WebP format for better performance.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2570\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Image-Optimization-Settings-II.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Image-Optimization-Settings-II.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Image-Optimization-Settings-II-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Image-Optimization-Settings-II-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Image-Optimization-Settings-II-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Image-Optimization-Settings-II-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>WebP Attribute To Replace<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Specifies which element attributes (like <\/span><span style=\"font-weight: 400;\">&lt;img.src&gt;<\/span><span style=\"font-weight: 400;\">) should be replaced with WebP versions. Default settings are sufficient for most websites.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> Use Default Settings \u2013 These are optimized for common scenarios.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>WebP For Extra srcset<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\"> Enables WebP replacement in <\/span><span style=\"font-weight: 400;\">srcset<\/span><span style=\"font-weight: 400;\"> attributes generated outside of WordPress logic, ensuring consistent image optimization.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> ON \u2013 To ensure all images in responsive designs use optimized WebP versions.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">These settings, when configured appropriately, ensure your website benefits from optimal image performance without compromising quality or functionality.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4><b>6. Toolbox &gt;&gt; Heartbeat Control<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">The <\/span><b>Heartbeat Control<\/b><span style=\"font-weight: 400;\"> settings in LiteSpeed Cache allow you to manage WordPress&#8217;s interval heartbeat functionality. The WordPress Heartbeat API is responsible for sending periodic AJAX requests, often used for auto-saving drafts or other background tasks. However, frequent heartbeats can increase server load.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2583\" src=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Toolbox-Heartbeat-Control.webp\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Toolbox-Heartbeat-Control.webp 1920w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Toolbox-Heartbeat-Control-300x169.webp 300w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Toolbox-Heartbeat-Control-1024x576.webp 1024w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Toolbox-Heartbeat-Control-768x432.webp 768w, https:\/\/thebeehost.com\/wiki\/wp-content\/uploads\/2025\/01\/Toolbox-Heartbeat-Control-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Frontend Heartbeat Control<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Enables control of the heartbeat API on the frontend. This can reduce server load caused by AJAX calls initiated by plugins or themes.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> ON \u2013 To minimize unnecessary resource usage on the frontend.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Frontend Heartbeat TTL<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Defines the interval (in seconds) for the frontend heartbeat. Setting it to 0 disables the frontend heartbeat entirely.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> 60 seconds \u2013 Balances performance and functionality. Use 0 only if no frontend AJAX tasks are required.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Backend Heartbeat Control<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Enables control of the heartbeat API on the backend, such as the WordPress dashboard.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> ON \u2013 To optimize server resources while maintaining essential admin tasks.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Backend Heartbeat TTL<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Specifies the interval (in seconds) for the backend heartbeat. Setting it to 0 disables backend heartbeats.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> 60 seconds \u2013 To limit resource usage while allowing necessary admin operations.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Editor Heartbeat<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Enables control of the heartbeat API in the backend editor. Disabling this could stop auto-saving and other editor functions reliant on AJAX.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> ON \u2013 To allow auto-save and real-time collaboration in the editor.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Editor Heartbeat TTL<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Sets the interval (in seconds) for the backend editor heartbeat. Setting it to 0 disables the editor heartbeat.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"color: #322f75;\"><b>Recommended Setting:<\/b><\/span><span style=\"font-weight: 400;\"> 15 seconds \u2013 Ensures editor functions like auto-saving work optimally.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4><b>Important Notes:<\/b><\/h4>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Disabling Heartbeat<\/b><span style=\"font-weight: 400;\"> &#8211; Setting TTL to 0 completely disables the respective heartbeat. Use this only if the functionality provided by the heartbeat is unnecessary for your site.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Resource Impact<\/b><span style=\"font-weight: 400;\"> &#8211; Longer intervals reduce server load, but critical WordPress tasks may fail if the interval is too long or heartbeat is disabled.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Testing Required<\/b><span style=\"font-weight: 400;\"> &#8211; After adjusting these settings, test your website for any broken functionality, especially on the frontend and in the editor.<\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">With careful configuration, Heartbeat Control can significantly reduce unnecessary server activity while retaining essential WordPress features.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><b>Keep WordPress Updated and Optimize Plugin\/Theme Management<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Keeping your WordPress core, plugins, and themes up-to-date is essential for maintaining website security, compatibility, and performance. Regular updates ensure that your site is protected from vulnerabilities and benefits from the latest features and improvements.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"color: #322f75;\"><b>Limit the Number of Plugins<\/b><\/span><span style=\"font-weight: 400;\"> &#8211; Use only necessary plugins, especially if you&#8217;re on a shared hosting plan where server resources are limited. Excessive plugins can slow down your website and strain server resources.\u00a0\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"color: #322f75;\"><b>Theme Management<\/b><\/span><span style=\"font-weight: 400;\"> &#8211; It\u2019s recommended to keep just two themes installed\u2014your active theme and a default WordPress theme as a fallback. This minimizes clutter and potential security risks.\u00a0\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">These small but impactful steps go a long way in maintaining an optimized and secure WordPress site.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><b>Wrapping Up<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">By following the strategies mentioned in this guide, covering cache optimization, database management, media handling, and adopting best practices for updates and resource management, you can significantly enhance your WordPress site&#8217;s performance and user experience.\u00a0\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Optimization is an ongoing process, so take the time to review your site&#8217;s needs and adjust your LiteSpeed Cache settings as necessary. With consistent effort, you\u2019ll achieve better speed, reliability, and a seamless experience for your visitors.\u00a0\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">If you encounter any issues or need assistance at any stage, feel free to reach out to <\/span><span style=\"color: #5550c4;\"><b>TheBeeHost Technical Support<\/b><\/span><span style=\"font-weight: 400;\">. Our team is available<strong> 24\/7<\/strong> to help you resolve problems and guide you in optimizing your website for the best performance.\u00a0\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"tmnf_excerpt\"><p>As a website owner, you\u2019ve likely encountered issues like slow page load times, excessive server resource usage, or suboptimal performance that negatively impacts user experience. These problems often arise from improperly configured websites that don\u2019t implement effective caching and optimization tools, directly affecting your business by driving visitors away and lowering search engine rankings, making &hellip;<\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[5],"tags":[107,105,101,103,104,106,102],"class_list":["post-2529","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-best-practices-for-wordpress-speed","tag-litespeed-cache-image-optimization","tag-litespeed-cache-settings","tag-litespeed-cache-tutorial","tag-optimize-wordpress-database","tag-reduce-wordpress-server-load","tag-wordpress-performance-optimization"],"_links":{"self":[{"href":"https:\/\/thebeehost.com\/wiki\/wp-json\/wp\/v2\/posts\/2529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thebeehost.com\/wiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thebeehost.com\/wiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thebeehost.com\/wiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thebeehost.com\/wiki\/wp-json\/wp\/v2\/comments?post=2529"}],"version-history":[{"count":2,"href":"https:\/\/thebeehost.com\/wiki\/wp-json\/wp\/v2\/posts\/2529\/revisions"}],"predecessor-version":[{"id":2606,"href":"https:\/\/thebeehost.com\/wiki\/wp-json\/wp\/v2\/posts\/2529\/revisions\/2606"}],"wp:attachment":[{"href":"https:\/\/thebeehost.com\/wiki\/wp-json\/wp\/v2\/media?parent=2529"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thebeehost.com\/wiki\/wp-json\/wp\/v2\/categories?post=2529"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thebeehost.com\/wiki\/wp-json\/wp\/v2\/tags?post=2529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}