{"id":2539,"date":"2025-11-05T07:51:14","date_gmt":"2025-11-05T07:51:14","guid":{"rendered":"https:\/\/www.8theme.com\/documentation\/?post_type=docs&#038;p=2539"},"modified":"2025-11-11T09:16:20","modified_gmt":"2025-11-11T09:16:20","password":"","slug":"the-ultimate-2025-guide-to-boosting-wordpress-speed-with-xstore-theme","status":"publish","type":"docs","link":"https:\/\/www.8theme.com\/documentation\/xstore\/troubleshooting\/the-ultimate-2025-guide-to-boosting-wordpress-speed-with-xstore-theme\/","title":{"rendered":"The Ultimate 2025 Guide to Boosting WordPress Speed with XStore Theme"},"content":{"rendered":"\n<p><strong>Introduction<\/strong><br><br>Website performance continues to be one of the most important ranking factors for Google in 2025. Every day, we receive numerous requests from clients asking how to improve the loading speed of their WordPress websites. In this guide, we\u2019ll explore the key factors that affect website performance and explain how to optimize your WordPress installation and theme configuration to achieve excellent Core Web Vitals results.<\/p>\n\n\n\n<p>At <strong>XStore<\/strong>, performance optimization has always been one of our main priorities. With each new update, we refine and improve our theme\u2019s efficiency &#8211; minimizing CSS and JavaScript file sizes, enhancing lazy loading, and improving overall resource handling. As a result, many areas of XStore have become lighter and faster, reducing file sizes by nearly 50% on average.<\/p>\n\n\n\n<p>To demonstrate what XStore can achieve when properly optimized, we created a dedicated test website and applied every available optimization technique <a href=\"https:\/\/woocommerce-1476984-5641372.cloudwaysapps.com\/\">https:\/\/woocommerce-1476984-5641372.cloudwaysapps.com\/<\/a> . <br><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2546\" height=\"1196\" src=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/11.jpeg\" alt=\"\" class=\"wp-image-2557\"\/><\/figure>\n\n\n\n<p><br>For our testing purposes, we ordered the cheapest hosting plan with 1GB ram and a single-core processor on Cloudways. You can check its pricing here&nbsp;<a href=\"https:\/\/www.cloudways.com\/en\/pricing.php\" title=\"\">https:\/\/www.cloudways.com\/en\/pricing.php<\/a><\/p>\n\n\n\n<p>In this article, we will guide you through all the steps used in that process &#8211; from basic WordPress optimization to advanced adjustments within XStore \u2192 Theme Options \u2192 Speed Optimizations. You\u2019ll also find recommendations for image compression, caching, and advice on troubleshooting slow websites or resolving specific Google PageSpeed Insights warnings.<\/p>\n\n\n\n<p><strong>XStore Theme Requirements<\/strong><\/p>\n\n\n\n<p>Before optimizing your site, make sure your hosting environment meets the minimum server requirements for the XStore theme. Many common problems \u2014 such as slow performance, white screens after installation, or demo import issues \u2014 are usually related to insufficient PHP configuration limits or low server resources.<\/p>\n\n\n\n<p>You can adjust these settings manually or contact your hosting provider to increase them to at least the following values:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"732\" src=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/b77803f5c20e674670463609e16242ae-1024x732.png\" alt=\"\" class=\"wp-image-2560\" srcset=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/b77803f5c20e674670463609e16242ae-1024x732.png 1024w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/b77803f5c20e674670463609e16242ae-300x214.png 300w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/b77803f5c20e674670463609e16242ae-768x549.png 768w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/b77803f5c20e674670463609e16242ae-360x257.png 360w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/b77803f5c20e674670463609e16242ae.png 1298w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Sometimes, slow performance can be caused not by your theme or plugins but by your hosting service. If your site remains slow even after optimization, it\u2019s likely a server-related issue. Contact your hosting provider to discuss possible upgrades or performance adjustments \u2014 because even a default WordPress installation can load slowly on underpowered servers.<\/p>\n\n\n\n<p><strong>Step 1. Install XStore and Add Your Own Content<\/strong><\/p>\n\n\n\n<p>When you first install the XStore theme on a new WordPress setup, it\u2019s common to import one of our demo versions to help you get started. The demo content is designed to demonstrate the theme\u2019s structure, layout options, and features &#8211; allowing you to quickly understand how everything works.<\/p>\n\n\n\n<p>However, this sample data isn\u2019t optimized for speed. It usually contains many high-resolution images, test pages, and placeholder products that you\u2019ll eventually remove. For that reason, there\u2019s no need to evaluate your website\u2019s performance at this early stage.<\/p>\n\n\n\n<p>Once the theme is installed, go through each section of your website and replace all demo content with your actual text, images, and products. This step is crucial \u2014 it clears unnecessary data and prepares your site for real visitors. Only after adding your real content should you start focusing on performance testing and optimization.<\/p>\n\n\n\n<p>Before you begin creating pages, posts, or uploading media, make sure to follow these recommendations:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><em><strong>Ensure your site uses a valid SSL certificate.<\/strong><\/em><br>It\u2019s a basic requirement not only for security but also for SEO and performance. If your website doesn\u2019t yet have SSL, contact your hosting provider to install it.<\/li>\n\n\n\n<li><em><strong>Optimize your images before uploading.<\/strong><\/em><br>Use properly sized and compressed images for each section.<\/li>\n\n\n\n<li><em><strong>Replace all demo images with your own.<\/strong><\/em><br>Some sample images may still load from XStore demo servers, which can slow down your site.<\/li>\n\n\n\n<li><em><strong>Keep your pages lightweight.<\/strong><\/em><br>Avoid adding too many sliders, animations, carousels, or large product grids on a single page. Each element increases the DOM size and overall load time. Keep your design clean, fast, and focused.<br><\/li>\n<\/ol>\n\n\n\n<p><br><strong>Step 2. Check Your Server Response Time and Basic Optimizations<\/strong><\/p>\n\n\n\n<p>A fast and stable hosting environment is the foundation of any high-performing WordPress website. Even the best-optimized theme can\u2019t deliver great results if your server responds slowly. For our performance testing, we used Cloudways hosting, which provides excellent response times and reliability.<\/p>\n\n\n\n<p>As a general benchmark, a clean WordPress installation without caching or extra plugins should have a server response time between 0.5s and 1.2s. Anything significantly higher may indicate a hosting issue or server misconfiguration.<\/p>\n\n\n\n<p><em><strong>Below are several ways to accurately measure your server\u2019s response time:<\/strong><\/em><\/p>\n\n\n\n<p><em>Test different types of pages<\/em><br>Response time can vary from page to page. We recommend checking a lightweight page such as the Cart or My Account page, since these typically don\u2019t include sliders, heavy images, or cached elements that could skew results.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"317\" src=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/06499e958990aefadccb463b9f256b30-1024x317.png\" alt=\"\" class=\"wp-image-2561\" srcset=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/06499e958990aefadccb463b9f256b30-1024x317.png 1024w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/06499e958990aefadccb463b9f256b30-300x93.png 300w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/06499e958990aefadccb463b9f256b30-768x238.png 768w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/06499e958990aefadccb463b9f256b30-1536x476.png 1536w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/06499e958990aefadccb463b9f256b30-2048x634.png 2048w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/06499e958990aefadccb463b9f256b30-360x112.png 360w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Use <em>WebPageTest<\/em> for accurate results <a href=\"https:\/\/www.webpagetest.org\/ \">https:\/\/www.webpagetest.org\/ <\/a>and run a performance test for your site. In the \u201cWaterfall\u201d view, your server response time will be shown as the first request in the sequence.<\/p>\n\n\n\n<p><em>Use Chrome DevTools (Network tab)<\/em><br>Right-click anywhere on your page and select Inspect (or press Ctrl + Shift + I \/ Cmd + Option + I).<br>Open the Network tab, reload your page, filter results by Doc, and review the response time for the main document request. This will show how quickly your server begins delivering content to the browser.<\/p>\n\n\n\n<p><em><strong>Enable GZIP Compression<\/strong><\/em><\/p>\n\n\n\n<p>To further reduce load times, make sure that GZIP compression is activated on your server. This feature compresses files before they\u2019re sent to visitors, reducing transfer size and improving speed. Most modern hosting providers \u2014 including Cloudways and LiteSpeed servers \u2014 enable it by default.<\/p>\n\n\n\n<p>If you\u2019re unsure whether GZIP is active, you can verify it using <a href=\"https:\/\/www.giftofspeed.com\/gzip-test\/ \">https:\/\/www.giftofspeed.com\/gzip-test\/ <\/a>.<br>If the test shows that compression is disabled, contact your hosting provider and ask them to enable it.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" src=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/5de0f31597eb339051e7b48c36375bed-1024x531.png\" alt=\"\" class=\"wp-image-2563\" srcset=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/5de0f31597eb339051e7b48c36375bed-1024x531.png 1024w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/5de0f31597eb339051e7b48c36375bed-300x156.png 300w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/5de0f31597eb339051e7b48c36375bed-768x398.png 768w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/5de0f31597eb339051e7b48c36375bed-1536x797.png 1536w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/5de0f31597eb339051e7b48c36375bed-2048x1063.png 2048w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/5de0f31597eb339051e7b48c36375bed-360x187.png 360w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><br><br><strong>Step 3. Configure XStore Performance Settings<\/strong><\/p>\n\n\n\n<p>The XStore theme includes an intuitive Speed Optimization panel that allows you to boost your site\u2019s performance without any coding skills. Whether you\u2019re building an online store, portfolio, or blog, these settings can significantly reduce load times and improve your Core Web Vitals scores.<br>Navigate to <em><strong>Theme Options \u2192 Speed Optimization<\/strong><\/em> and review the following recommendations:<\/p>\n\n\n\n<p><em><strong>Image Loading Type<\/strong><\/em><br>Select Lazy to delay loading off-screen images until users scroll to them. This reduces the initial page weight and improves the site\u2019s first paint time.<br>Note that if a cache plugin is used, you can set the Default value for this option, as the plugin may already include other options that could conflict with lazy loading.<\/p>\n\n\n\n<p><em><strong>Disable Native WordPress Lazy Loading<\/strong><\/em><br>When using XStore\u2019s own lazy load feature, enable this option to avoid conflicts with WordPress native lazy loading.<\/p>\n\n\n\n<p><em><strong>Disable Old Browser Support<\/strong><\/em><br>Prevents extra JavaScript files meant for outdated browsers from loading, saving bandwidth and improving performance on modern devices.<\/p>\n\n\n\n<p><em><strong>FontAwesome Support<\/strong><\/em><br>If your site design doesn\u2019t use FontAwesome icons (e.g., in menu items or widgets), set this option to Disable. This avoids loading around 50KB of additional font files.<\/p>\n\n\n\n<p><em><strong>Ajax Menu Dropdown<\/strong><\/em><br>Loads dropdown menu content dynamically when a user hovers over it, instead of rendering everything during the initial page load. This helps reduce the DOM size and speeds up the first render.<\/p>\n\n\n\n<p><em><strong>Menu Dropdown Cache \/ Menu Cache<\/strong><\/em><br>Caches menu data for faster subsequent visits. Recommended once your menu structure is finalized and no longer changing frequently.<\/p>\n\n\n\n<p><em><strong>Ajax Search Results Cache<\/strong><\/em><br>Saves popular search queries in cache to display search results faster for repeated terms. Especially useful for WooCommerce stores.<\/p>\n\n\n\n<p><em><strong>CSS Minification<\/strong><\/em><br>Compresses CSS files to their smallest possible size without affecting layout or design. This option should remain enabled on all production sites.<\/p>\n\n\n\n<p><em><strong>Disable REST API Endpoint<\/strong><\/em><br>Disables unnecessary REST API endpoints if your site doesn\u2019t rely on them. This improves security and slightly reduces server requests.<\/p>\n\n\n\n<p><em><strong>Disable \u201cjQuery Migrate\u201d Script<\/strong><\/em><br>Most modern plugins and themes no longer require jquery-migrate.min.js. Enabling this option removes it to reduce JavaScript load and avoid redundant requests.<\/p>\n\n\n\n<p><em><strong>Disable Gutenberg Styles<\/strong><\/em><br>If you use Elementor or WPBakery as your main builder, enable this option to stop WordPress from loading Gutenberg CSS\/JS on the frontend.<\/p>\n\n\n\n<p><em><strong>Disable Elementor Dialog JS<\/strong><\/em><br>Prevents the elementor-dialog script from loading unless you use video modals or popups.<\/p>\n\n\n\n<p><em><strong>Disable Theme Swiper JS<\/strong><\/em><br>Both Elementor and XStore use the Swiper library for carousels. Enabling this prevents duplicate loading of the same script.<\/p>\n\n\n\n<p><em><strong>Disable Emoji and Embeds<\/strong><\/em><br>Turns off WordPress\u2019 built-in emoji and embed scripts (wp-emoji.js, wp-embed.js) that are not needed on most sites, reducing HTTP requests.<\/p>\n\n\n\n<p><em><strong>WordPress Image Quality<\/strong><\/em><br>Adjusts the default quality for uploaded images. We recommend keeping it between 70\u201385 for an optimal balance between clarity and file size.<\/p>\n\n\n\n<p>By enabling these optimizations, you can reduce your total page size by 20\u201350%, improve load times, and achieve higher scores on Google PageSpeed Insights and GTmetrix.<br>After any change, clear your cache and retest your site\u2019s performance to ensure smooth operation.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"802\" height=\"1024\" src=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/fa1efb69706af69b7f93da1eb3d13390-802x1024.png\" alt=\"\" class=\"wp-image-2566\" srcset=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/fa1efb69706af69b7f93da1eb3d13390-802x1024.png 802w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/fa1efb69706af69b7f93da1eb3d13390-235x300.png 235w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/fa1efb69706af69b7f93da1eb3d13390-768x981.png 768w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/fa1efb69706af69b7f93da1eb3d13390-360x460.png 360w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/fa1efb69706af69b7f93da1eb3d13390.png 988w\" sizes=\"(max-width: 802px) 100vw, 802px\" \/><\/figure>\n\n\n\n<p><strong>Step 4. Image Optimization<\/strong><\/p>\n\n\n\n<p>Unoptimized or oversized images are among the most common reasons for poor website performance. In most WordPress installations, images account for 50\u201380% of the total page size, which means that proper image optimization can have an immediate and significant impact on your site\u2019s loading speed and Core Web Vitals metrics.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><em><strong>Recommended Image Sizes and File Weight<\/strong><\/em><\/li>\n<\/ol>\n\n\n\n<p>The overall file size of an image mainly depends on its pixel dimensions and compression level. As a rule of thumb:<\/p>\n\n\n\n<p>Product and post images: up to 50\u2013150 KB<br>Hero sections, banners, sliders: up to 150\u2013200 KB<br>Any other images: should generally not exceed 200 KB<\/p>\n\n\n\n<p>Keeping image sizes within these ranges ensures quick loading and a better user experience across all devices.<\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong><em>How to Optimize Images Before Uploading<\/em><\/strong><\/li>\n<\/ol>\n\n\n\n<p>You can easily compress your images before uploading them using free online tools such as <a href=\"https:\/\/tinypng.com\/\">TinyPNG<\/a> or <a href=\"https:\/\/squoosh.app\/\">Squoosh<\/a>.<br>Simply upload your image, download the optimized version, and replace the original.<\/p>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong><em>Setting Proper Image Dimensions<\/em><\/strong><\/li>\n<\/ol>\n\n\n\n<p>Optimizing image compression alone isn\u2019t enough \u2014 it\u2019s also important to display images at the correct size on the page.<br>For instance, if your site\u2019s main container width is 1200px and you display 6 products per row, your product thumbnails shouldn\u2019t exceed 200px in width.<br><br>Please additionally read the <a href=\"https:\/\/docs.woocommerce.com\/document\/fixing-blurry-product-images\/\" title=\"\">official article provided by WooCommerce<\/a>.<\/p>\n\n\n\n<p>Here\u2019s how to configure image sizes in key areas:<br><em>Shop and product pages:<\/em><br>Go to Dashboard \u2192 Appearance \u2192 Customize \u2192 WooCommerce \u2192 Product Images and adjust the width, cropping, and thumbnail ratio.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"534\" height=\"886\" src=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/0a425a55139837f3f869976809f3a173.png\" alt=\"\" class=\"wp-image-2567\" srcset=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/0a425a55139837f3f869976809f3a173.png 534w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/0a425a55139837f3f869976809f3a173-181x300.png 181w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/0a425a55139837f3f869976809f3a173-309x512.png 309w\" sizes=\"(max-width: 534px) 100vw, 534px\" \/><\/figure>\n\n\n\n<p><em>Blog posts:<\/em><br>Configure the default media sizes under Dashboard \u2192 Settings \u2192 Media.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"872\" src=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/3a8fa9b5f4f84fa7b6dccabba572644b-1024x872.png\" alt=\"\" class=\"wp-image-2568\" srcset=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/3a8fa9b5f4f84fa7b6dccabba572644b-1024x872.png 1024w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/3a8fa9b5f4f84fa7b6dccabba572644b-300x255.png 300w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/3a8fa9b5f4f84fa7b6dccabba572644b-768x654.png 768w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/3a8fa9b5f4f84fa7b6dccabba572644b-360x306.png 360w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/3a8fa9b5f4f84fa7b6dccabba572644b.png 1384w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><em>Individual elements (banners, galleries, info boxes, etc.):<\/em><br>When editing with Elementor or WPBakery Page Builder, select the proper image size directly inside each element\u2019s settings.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2530\" height=\"1006\" src=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/3d874e3e7dcb76beaf88c26ec3003af9.jpg\" alt=\"\" class=\"wp-image-2570\"\/><\/figure>\n\n\n\n<p><strong>Step 5. Install the WP Rocket Cache Plugin<\/strong><\/p>\n\n\n\n<p>Caching is one of the most effective ways to boost your WordPress website\u2019s speed. A well-configured cache plugin can significantly reduce server response time (TTFB) and make your pages load almost instantly.<\/p>\n\n\n\n<p>For our test case, we used <a href=\"https:\/\/wp-rocket.me\/\">WP Rocket<\/a> \u2014 one of the most powerful and user-friendly caching plugins available.<br>In addition to page caching, it offers tools for CSS and JavaScript optimization, database cleanup, and easy integration with global CDNs (Content Delivery Networks).<\/p>\n\n\n\n<p>If you\u2019re using Cloudways hosting, note that it comes with its own caching system (Breeze). You can either continue using it or disable it and install WP Rocket instead.<br>If you\u2019re looking for a free alternative, you can try Autoptimize, W3 Total Cache, or WP Super Cache &#8211; they follow the same optimization principles described below.<\/p>\n\n\n\n<p><strong>Recommended WP Rocket Configuration for XStore<\/strong><\/p>\n\n\n\n<p>After activating the plugin, go through its settings and enable the following key options for the best compatibility and performance with XStore:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>File Optimization \u2192 CSS Settings <em>Enable Minify CSS files<\/em> to reduce their size and speed up delivery.<\/li>\n\n\n\n<li>File Optimization \u2192 JavaScript Settings Enable Minify JavaScript files<br>Enable Load JavaScript deferred<br>These options ensure that JavaScript loads only after the HTML content, improving First Contentful Paint (FCP) and Largest Contentful Paint (LCP) times.<\/li>\n\n\n\n<li>Delay JavaScript Execution<br>This feature can further improve performance by delaying non-critical scripts until user interaction.<br>However, it can sometimes delay interactive elements (like sliders or menus).<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"648\" src=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/491f4a6ce27882f815b5d0c4352b22f8-1024x648.png\" alt=\"\" class=\"wp-image-2572\" srcset=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/491f4a6ce27882f815b5d0c4352b22f8-1024x648.png 1024w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/491f4a6ce27882f815b5d0c4352b22f8-300x190.png 300w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/491f4a6ce27882f815b5d0c4352b22f8-768x486.png 768w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/491f4a6ce27882f815b5d0c4352b22f8-1536x972.png 1536w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/491f4a6ce27882f815b5d0c4352b22f8-360x228.png 360w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/491f4a6ce27882f815b5d0c4352b22f8.png 1804w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"645\" src=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/bbe4868de8d98b8aadcbc1eb727971f1-1024x645.png\" alt=\"\" class=\"wp-image-2573\" srcset=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/bbe4868de8d98b8aadcbc1eb727971f1-1024x645.png 1024w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/bbe4868de8d98b8aadcbc1eb727971f1-300x189.png 300w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/bbe4868de8d98b8aadcbc1eb727971f1-768x484.png 768w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/bbe4868de8d98b8aadcbc1eb727971f1-1536x967.png 1536w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/bbe4868de8d98b8aadcbc1eb727971f1-360x227.png 360w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/bbe4868de8d98b8aadcbc1eb727971f1.png 1772w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><br>Other WP Rocket options (like CDN setup, database cleanup, or preload settings) can also improve performance depending on your hosting and site structure. Feel free to experiment and test different combinations using Google PageSpeed Insights, GTmetrix, or WebPageTest.<\/p>\n\n\n\n<p><strong>Step 6. Setup CDN<\/strong><br>A Content Delivery Network (CDN) is a network of servers distributed across different regions of the world. Instead of serving all files from a single hosting location, a CDN caches and delivers your static assets \u2014 such as images, CSS, JavaScript, and fonts \u2014 from the server that is geographically closest to each visitor.<\/p>\n\n\n\n<p>For websites with traffic coming from multiple countries or continents, a CDN can:<br>&#8211; Decrease the loading time of static resources<br>&#8211; Improve Core Web Vitals (especially for users far from your main server)<br>&#8211; Reduce the load on your origin server<\/p>\n\n\n\n<p>If you plan to use a CDN with your XStore-based website, we recommend solutions like KeyCDN or RocketCDN \u2014 both are fast, reliable, and simple to configure. You can also use Cloudflare or another provider if you\u2019re already familiar with it.<\/p>\n\n\n\n<p>Below is an example setup using KeyCDN together with WP Rocket.<\/p>\n\n\n\n<p><strong>Step-by-Step: Configuring KeyCDN with WP Rocket<\/strong><\/p>\n\n\n\n<p>1. Create a <a href=\"https:\/\/www.keycdn.com\/\" title=\"\">KeyCDN<\/a> account<br>Go to the KeyCDN website and register a new account.<\/p>\n\n\n\n<p>2. Create a new \u201cZone\u201d<br>In your KeyCDN dashboard, open the Zones section and click Add Zone (or similar).<\/p>\n\n\n\n<p>3. Set the Origin URL<br>In the Origin URL field, enter your website\u2019s root URL (for example, https:\/\/yourdomain.com).<br>This tells KeyCDN where to pull the original files from.<\/p>\n\n\n\n<p>4. Save and deploy the Zone<br>Click Save and wait a few minutes while KeyCDN provisions the new zone across their network.<\/p>\n\n\n\n<p>5. Copy the Zone URL<br>Once the zone is active, you\u2019ll see a Zone URL (something like https:\/\/yourzone-abcdef.kxcdn.com).<br>Copy this URL \u2014 you\u2019ll need it in the next step.<\/p>\n\n\n\n<p>6. Connect WP Rocket to the CDN<br>In your WordPress dashboard, go to Settings \u2192 WP Rocket \u2192 CDN (or the CDN tab in your cache plugin of choice).<br>Enable the CDN option<br>Paste your Zone URL into the corresponding CDN CNAME\/URL field<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"660\" src=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/5336ac717d15053d24ef3b7f0e3b4bab-1024x660.png\" alt=\"\" class=\"wp-image-2574\" srcset=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/5336ac717d15053d24ef3b7f0e3b4bab-1024x660.png 1024w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/5336ac717d15053d24ef3b7f0e3b4bab-300x193.png 300w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/5336ac717d15053d24ef3b7f0e3b4bab-768x495.png 768w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/5336ac717d15053d24ef3b7f0e3b4bab-1536x990.png 1536w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/5336ac717d15053d24ef3b7f0e3b4bab-360x232.png 360w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/5336ac717d15053d24ef3b7f0e3b4bab.png 1738w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>7. Save settings and clear cache (both WP Rocket cache and any CDN cache from the KeyCDN panel).<\/p>\n\n\n\n<p>8. Verify that the CDN is working<br>Open your website in a browser, inspect the page source or Network tab, and check that static files (images, CSS, JS) are being loaded from the CDN domain instead of your main domain.<\/p>\n\n\n\n<p><strong>How to fix Google Page Speed warnings<\/strong><\/p>\n\n\n\n<p>Each Google PageSpeed Insights report is unique \u2014 the results and warnings depend on your site\u2019s structure, plugins, content, and hosting environment. Below, we\u2019ll review the most common issues you may encounter and show you how to resolve them effectively.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong><em>Eliminate Render-Blocking Resources<\/em><\/strong><\/li>\n<\/ol>\n\n\n\n<p>This is one of the most common PageSpeed warnings for WordPress sites.<br>Render-blocking happens when CSS, JS, or font files in the of your website delay the initial paint of the page.<\/p>\n\n\n\n<p>To address this, review each file listed in your PageSpeed report and determine whether it\u2019s essential. Here are typical solutions:<\/p>\n\n\n\n<p><em>Disable Gutenberg styles<\/em><br>If you\u2019re using Elementor or WPBakery, disable Gutenberg CSS and JS under<br>Theme Options \u2192 Speed Optimization \u2192 Disable Gutenberg Styles.<\/p>\n\n\n\n<p><em>Avoid duplicate Google Fonts<\/em><br>Make sure Google Fonts are loaded only once \u2014 preferably from XStore.<br>Elementor often loads its own fonts; to disable them, open any page with Elementor, go to<br>Site Settings \u2192 Global Fonts, and reset all fonts to \u201cDefault.\u201d<\/p>\n\n\n\n<p><em>Use local or system fonts<\/em><br>To minimize blocking time, consider hosting Google Fonts locally. XStore &gt; Custom Fonts &gt; Upload font.<br>This eliminates external font requests entirely.<\/p>\n\n\n\n<p><em>Limit Font Awesome usage<\/em><br>Both Elementor and some plugins load the full Font Awesome library even for a single icon.<br>If you use just a few icons, replace them with SVG icons instead.<br>You can also disable Font Awesome globally under Theme Options \u2192 Speed Optimization \u2192 FontAwesome Support.<\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><em><strong>Reduce Unused JavaScript<\/strong><\/em><\/li>\n<\/ol>\n\n\n\n<p>Another common warning is \u201cReduce unused JavaScript.\u201d<br>This typically comes from third-party plugins that load large JS files across your entire site \u2014 even on pages where they\u2019re not needed.<\/p>\n\n\n\n<p><em>Disable global plugin scripts<\/em><br>Many visual builders and slider plugins (like Slider Revolution) include global JS libraries.<br>If you use Slider Revolution, go to Slider Revolution \u2192 Globals \u2192 Include libraries globally \u2192 OFF, to prevent unnecessary scripts from loading on every page.<\/p>\n\n\n\n<p><em>Remove unused plugins<\/em><br>Deactivate and uninstall plugins that you no longer use \u2014 each one adds additional JS and CSS.<\/p>\n\n\n\n<p><em>Prefer lightweight built-in elements<\/em><br>Instead of heavy third-party sliders or galleries, use XStore\u2019s built-in sliders and banners, which are optimized for performance.<\/p>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><em><strong>Reduce Initial Server Response Time<\/strong><\/em><\/li>\n<\/ol>\n\n\n\n<p>This metric measures how quickly your server starts sending data after a request.<br>A slow Time to First Byte (TTFB) can significantly impact your overall PageSpeed score.<\/p>\n\n\n\n<p><strong>Here\u2019s how to improve it:<\/strong><\/p>\n\n\n\n<p><em>Use a caching plugin<\/em><br>Install and configure WP Rocket or another caching plugin.<br>It will dramatically reduce the time needed to generate pages and send the first byte to the browser.<\/p>\n\n\n\n<p><em>Be patient after clearing cache<\/em><br>If you clear the cache, some styles on the pages may change (break) for a few seconds, but that\u2019s normal because the files are being cached, so just wait reload the page.<\/p>\n\n\n\n<p><em>Check for plugin or theme conflicts<\/em><br>Disable all external plugins temporarily and recheck the server response time.<br>Then reactivate them one by one to identify any that cause delays.<\/p>\n\n\n\n<p><em>Compare with the default WordPress theme<\/em><br>Switch temporarily to a default theme like Twenty Twenty-Four and test again.<br>A 10\u201315% difference is normal, but if the default theme loads 2\u20133\u00d7 faster, investigate further &#8211; it could be caused by a plugin or server limitation.<\/p>\n\n\n\n<p><em>Contact your hosting provider<\/em><br>If your TTFB exceeds 2 seconds even on a clean installation without plugins, the problem is likely with the hosting environment.<br>Ask your provider to review database performance, PHP worker limits, and caching configuration.<\/p>\n\n\n\n<p><strong>Conclusion<\/strong><\/p>\n\n\n\n<p>Optimizing your WordPress website\u2019s performance isn\u2019t a one-time task \u2014 it\u2019s an ongoing process of refining your hosting setup, theme configuration, and content delivery strategy. With the right adjustments, XStore can easily achieve 90+ PageSpeed scores and deliver an exceptional experience for your visitors on any device.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"747\" src=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/11a6b8375cab58f2cd156435ba73e74b-1024x747.png\" alt=\"\" class=\"wp-image-2583\" srcset=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/11a6b8375cab58f2cd156435ba73e74b-1024x747.png 1024w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/11a6b8375cab58f2cd156435ba73e74b-300x219.png 300w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/11a6b8375cab58f2cd156435ba73e74b-768x560.png 768w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/11a6b8375cab58f2cd156435ba73e74b-1536x1120.png 1536w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/11a6b8375cab58f2cd156435ba73e74b-360x263.png 360w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/11a6b8375cab58f2cd156435ba73e74b.png 1566w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"720\" src=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/59aef984ac4ea72726d2142560aac6a4-1024x720.png\" alt=\"\" class=\"wp-image-2599\" srcset=\"https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/59aef984ac4ea72726d2142560aac6a4-1024x720.png 1024w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/59aef984ac4ea72726d2142560aac6a4-300x211.png 300w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/59aef984ac4ea72726d2142560aac6a4-768x540.png 768w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/59aef984ac4ea72726d2142560aac6a4-1536x1080.png 1536w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/59aef984ac4ea72726d2142560aac6a4-360x253.png 360w, https:\/\/www.8theme.com\/documentation\/wp-content\/uploads\/2025\/11\/59aef984ac4ea72726d2142560aac6a4.png 1596w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The examples and steps we\u2019ve covered in this guide are based on our optimized demo site:<br><a href=\"https:\/\/woocommerce-1476984-5641372.cloudwaysapps.com\/\">https:\/\/woocommerce-1476984-5641372.cloudwaysapps.com\/<\/a><br><br>Remember: real performance improvements come from balance &#8211; loading only what\u2019s necessary, using modern formats, and keeping your website lightweight while maintaining its design and functionality.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Website performance continues to be one of the most important ranking factors for Google in 2025. Every day, we receive numerous requests from clients asking how to improve the loading speed of their WordPress websites. In this guide, we\u2019ll explore the key factors that affect website performance and explain how to optimize your WordPress [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"doc_category":[44],"doc_tag":[],"class_list":["post-2539","docs","type-docs","status-publish","hentry","doc_category-troubleshooting"],"aioseo_notices":[],"year_month":"2026-04","word_count":3025,"total_views":"3269","reactions":{"happy":"1","normal":"0","sad":"0"},"author_info":{"author_nicename":"docs","author_url":"https:\/\/www.8theme.com\/documentation\/author\/docs\/"},"doc_category_info":[{"term_name":"Troubleshooting","term_url":"https:\/\/www.8theme.com\/documentation\/xstore\/troubleshooting\/"}],"doc_tag_info":[],"author_list":[{"ID":"1","user_login":"docs","display_name":"docs","id":"1"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/2539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/comments?post=2539"}],"version-history":[{"count":23,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/2539\/revisions"}],"predecessor-version":[{"id":2602,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/2539\/revisions\/2602"}],"wp:attachment":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/media?parent=2539"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=2539"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=2539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}