{"id":17804,"date":"2019-05-09T12:45:26","date_gmt":"2019-05-09T12:45:26","guid":{"rendered":"https:\/\/www.hostinger.com\/tutorials\/?p=17804"},"modified":"2024-06-27T08:57:09","modified_gmt":"2024-06-27T08:57:09","slug":"website-cache","status":"publish","type":"post","link":"\/uk\/tutorials\/website-cache\/","title":{"rendered":"What Is Website Caching and How to Clear It"},"content":{"rendered":"<p>One of the many fundamental strategies to optimize a website is improving loading speed. In addition to using a fast and reliable hosting provider, you can implement caching to increase your site&rsquo;s performance.<\/p><p>Website caching is a feature that copies and saves web page data for future use. The cached data typically includes the site&rsquo;s static content, such as images, HTML, CSS, and JavaScript files.<\/p><p>With caching, web browsers can display websites without fetching resources directly from the web server. This results in shorter, more efficient data transmission, allowing your website to load faster.<\/p><p>In this article, we will go over the importance of caching and how it works. You will also learn about different types of website caching and how to clear it.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/How-to-Speed-Up-Your-Website-EN.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"2048\" height=\"566\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2022\/11\/eBook-Speed-Up-your-website.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-69260\" srcset=\"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2022\/11\/eBook-Speed-Up-your-website.png 2048w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2022\/11\/eBook-Speed-Up-your-website-300x83.png 300w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2022\/11\/eBook-Speed-Up-your-website-1536x425.png 1024w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2022\/11\/eBook-Speed-Up-your-website-150x41.png 150w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2022\/11\/eBook-Speed-Up-your-website-768x212.png 768w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure><p>\n\n\n\n\n\n<div class=\"protip\"><div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                   What Is Website Caching?\n                <\/p>\n            <\/div>\n            <p class=\"protip__content\"><br>\nWebsite caching lets web browsers download and store website data for future use. Instead of fetching resources directly from the server, a browser can use cached content to load a website. This makes the data transmission more efficient, speeding up the website loading process.<\/p><\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-why-is-web-caching-important\">Why Is Web Caching Important<\/h3><p>The main benefit of caching is improved speed. However, it can also:<\/p><ul class=\"wp-block-list\">\n<li><strong>Minimize load. <\/strong>A web browser won&rsquo;t rely on the website&rsquo;s server to display a cached page. It results in fewer server requests, minimizing load and maintaining <a href=\"\/uk\/tutorials\/how-to-monitor-uptime-and-downtime\/\">uptime<\/a>.<\/li>\n\n\n\n<li><strong>Reduce bandwidth consumption. <\/strong>With caching, a web browser can display a website without downloading static content. Less data means lower bandwidth consumption, allowing the website to load faster on a slow connection.<\/li>\n\n\n\n<li><strong>Complement <\/strong><a href=\"\/uk\/tutorials\/what-is-seo\/\"><strong>search engine optimization (SEO)<\/strong><\/a><strong>. <\/strong>Loading speed is one of Google&rsquo;s website ranking metrics. Since caching speeds up your site, it helps improve your site&rsquo;s ranking.<\/li>\n\n\n\n<li><strong>Improve user experience (UX)<\/strong>. Slow<strong> <\/strong>load time can drive visitors away from your website. Visitors will have a more pleasant user experience if your site loads quickly. <a href=\"\/uk\/tutorials\/website-speed-test\/\">Run a website speed test<\/a> to check its performance.<\/li>\n\n\n\n<li><strong>Increase conversion rates<\/strong>. Research shows that improving load time by a few seconds can <a href=\"https:\/\/instantcommerce.io\/blog\/how-does-website-speed-affect-conversion-rates\" target=\"_blank\" rel=\"noopener\">significantly increase conversion rate<\/a>. A slow website entices visitors to leave immediately without taking any action, harming your business.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-how-cached-pages-are-served\">How Cached Pages Are Served<\/h3><p>Before discussing how a web browser serves cached web pages, you must understand how it typically displays a website:<\/p><ol class=\"wp-block-list\">\n<li>When users enter a website&rsquo;s URL, their web browser sends an HTTP request to its origin server. These requests are database queries asking for resources required to display a website.<\/li>\n\n\n\n<li>After receiving a request, the server will turn the queried resources into an HTML file. It will then send HTTP responses containing that HTML file.<\/li>\n\n\n\n<li>Once the user&rsquo;s browser gets the response, it will render an HTML file and display a web page. Every time a user visits the website, this process will start over.<\/li>\n<\/ol><p>With caching, the basic procedure remains the same. The difference is that the requested resources will undergo a caching process where they are stored temporarily.<\/p><p>Upon revisiting a website, browsers can fetch the cached version from the temporary storage instead of starting over the process. It saves time, allowing your website to load more quickly.<\/p><p>Here is how your web browser displays a website with caching:<\/p><ol class=\"wp-block-list\">\n<li>When visiting a website, your web browser will check for the page&rsquo;s data in the cache.<\/li>\n\n\n\n<li>If the requested data doesn&rsquo;t exist, a <a href=\"\/uk\/tutorials\/cache-miss\/\">cache miss<\/a> occurs. Your web browser will then fetch the website resources directly from the database.<\/li>\n\n\n\n<li>If the cache has the data, your web browser will send an HTTP request containing an entity tag. It is an HTTP header specifying which site version is in the cache.<\/li>\n\n\n\n<li>The server verifies whether the cache has the newest version of the website. If it doesn&rsquo;t, the server will send the updated resources. This usually occurs when the website is updated after the cache saves the data.<\/li>\n\n\n\n<li>Otherwise, the web browser will display the requested site using the pre-existing cache.<\/li>\n<\/ol><h2 class=\"wp-block-heading\" id=\"h-types-of-website-caching\">Types of Website Caching<\/h2><p>There are two types of web caching techniques &ndash;<strong> browser <\/strong>and<strong> server-side<\/strong>. Both work the same way but cache content in different storage locations.<\/p><h3 class=\"wp-block-heading\" id=\"h-browser-cache\">Browser Cache<\/h3><p><strong>Browser caching<\/strong>, or <strong>client-side caching<\/strong>, stores the website&rsquo;s content on the <strong>end user&rsquo;s local machine<\/strong>.<\/p><p>After displaying a website, the page&rsquo;s resources are stored temporarily. On the next visit, the website can load using the browser cache, eliminating the need to connect to the server repeatedly.<\/p><p><a href=\"\/uk\/tutorials\/website\/improving-website-performance-leveraging-browser-cache\/\">Browser caching<\/a> is effective as the site&rsquo;s resources are stored locally. However, if you switch to another device or browser, it must fetch the website&rsquo;s data from the server once again.<\/p><h3 class=\"wp-block-heading\" id=\"h-server-cache\">Server Cache<\/h3><p><strong>Server caching<\/strong> saves the cached website&rsquo;s data on the server. After processing the requested resources into an HTML file, the server will store it temporarily.<\/p><p>When a user revisits the same web page, the server has the requested HTML file ready to send. It doesn&rsquo;t have to recompile the queried resources, shortening the process.<\/p><p>Typically, server caching is done using a <a href=\"\/uk\/tutorials\/what-is-cdn\/\">content delivery network (CDN)<\/a>. Web browsers will automatically download the cache from the closest CDN server to speed up load times.<\/p><p>\n\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Pro Tip                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> In addition to caching, <a href=\"\/uk\/tutorials\/enable-gzip-compression\/\" target=\"&rdquo;_blank&rdquo;\" rel=\"noopener\">enable GZIP compression<\/a>  to improve your site&rsquo;s performance. It reduces your site&rsquo;s file size, making it faster to send and download. <\/p>\n                    <\/div>\n        \n\n\n\n<\/p><p>Server caching can store various data types, including API calls, stylesheets, and HTML documents. It also has different caching systems &ndash; <strong>full-page<\/strong>, <strong>object<\/strong>, and <strong>fragment<\/strong>.<\/p><p><strong>Full-Page Caching<\/strong><\/p><p>Full-page caching stores a copy of the entire page. It allows the server to send the requested page immediately without compiling the required resources first.<\/p><p>This caching system can speed up pages that appear similar to most visitors, such as the homepage, About Us page, or product page.<\/p><p><strong>Object Caching<\/strong><\/p><p>The object cache stores the database query results. During the first visit, the data transmission will run normally. After processing and sending the HTTP response, the server will store a copy of it.<\/p><p>Later, if the server receives the same content requests, they will be served using the cache instead of the database. It minimizes the server load, allowing the website to perform consistently.<\/p><p><strong>Fragment Caching<\/strong><\/p><p>Fragment caching stores specific elements of a website on the server. These cached elements are typically static, including the title page, widgets, and extensions.<\/p><p>Since the cache already provides some of the resources, the server will send less data. Fewer files allow for faster data transmission, resulting in shorter load times.<\/p><h2 class=\"wp-block-heading\" id=\"h-how-to-clear-web-cache\">How to Clear Web Cache<\/h2><p>Although beneficial, storing cache for too long may trigger several issues. Old cache may contain obsolete information, preventing users from viewing the updated version of the web page.<\/p><p><a href=\"\/uk\/tutorials\/clear-browser-cache\/\">Clearing your browser cache<\/a> helps fix an issue by prompting it to fetch new site data. For website owners, clear the cache using a <strong>WordPress plugin<\/strong> or your web hosting control panel&rsquo;s <strong>cache manager<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-how-to-use-a-caching-plugin-to-clear-a-wordpress-site-s-cache\">How to Use a Caching Plugin to Clear a WordPress Site&rsquo;s Cache<\/h3><p>Clear the WordPress website&rsquo;s cache using a third-party plugin. It is the preferred method by WordPress users as caching plugins allow you to manage cache directly on a single dashboard.<\/p><p>Popular WordPress caching plugins include <a href=\"https:\/\/wordpress.org\/plugins\/wp-fastest-cache\/\" target=\"_blank\" rel=\"noopener\">WP Fastest Cache<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/wp-super-cache\/\" target=\"_blank\" rel=\"noopener\">WP Super Cache<\/a>, and <a href=\"https:\/\/wp-rocket.me\/\" target=\"_blank\" rel=\"noopener\">WP Rocket<\/a>.<\/p><p>In this tutorial, we will use <a href=\"https:\/\/wordpress.org\/plugins\/litespeed-cache\/\" target=\"_blank\" rel=\"noopener\">LiteSpeed Cache<\/a>. This plugin offers comprehensive caching options and features. However, to fully utilize the plugin, your hosting service must use the LiteSpeed web server.<\/p><p>Follow these steps to clear the WordPress site cache using the plugin:<\/p><ol class=\"wp-block-list\">\n<li><a href=\"\/uk\/tutorials\/wordpress\/how-to-install-wordpress-plugins\/\">Download and install<\/a> the <strong>LiteSpeed Cache<\/strong> plugin.<\/li>\n\n\n\n<li>Go to your WordPress dashboard&rsquo;s sidebar &rarr; <strong>LiteSpeed Cache <\/strong>&rarr; <strong>Toolbox<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"\/uk\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/05\/wordpress-dashboard-litespeed-cache-toolbox-menu.png\"><img decoding=\"async\" width=\"1024\" height=\"519\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2019\/05\/wordpress-dashboard-litespeed-cache-toolbox-menu.png\/w=1024,h=1024,fit=scale-down\" alt=\"LiteSpeed Cache's Toolbox menu\n\" class=\"wp-image-68332\" srcset=\"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/wordpress-dashboard-litespeed-cache-toolbox-menu.png 1024w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/wordpress-dashboard-litespeed-cache-toolbox-menu-300x152.png 300w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/wordpress-dashboard-litespeed-cache-toolbox-menu-150x76.png 150w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/wordpress-dashboard-litespeed-cache-toolbox-menu-768x389.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Navigate to the <strong>Purge <\/strong>tab and choose your preferred purging method:<\/li>\n<\/ol><ul class=\"wp-block-list\">\n<li>Select one of the purging options to clear a specific cache.<\/li>\n\n\n\n<li>Alternatively, click <strong>Purge All <\/strong>to clear your WordPress site cache entirely.<\/li>\n\n\n\n<li>Otherwise, scroll down to the <strong>Purge By <\/strong>section<strong> <\/strong>and enter categories, tags, or URLs. Click <strong>Purge List <\/strong>to confirm the deletion. This will only clear the cache from specific parts of your website.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"\/uk\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/05\/litespeed-cache-purge-tab-menu.png\"><img decoding=\"async\" width=\"1460\" height=\"662\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2019\/05\/litespeed-cache-purge-tab-menu.png\/w=1024,h=1024,fit=scale-down\" alt=\"LiteSpeed Cache's Purge Cache tab\n\" class=\"wp-image-68333\" srcset=\"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/litespeed-cache-purge-tab-menu.png 1460w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/litespeed-cache-purge-tab-menu-300x136.png 300w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/litespeed-cache-purge-tab-menu-1024x464.png 1024w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/litespeed-cache-purge-tab-menu-150x68.png 150w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/litespeed-cache-purge-tab-menu-768x348.png 768w\" sizes=\"(max-width: 1460px) 100vw, 1460px\" \/><\/a><\/figure>\n<\/div><p>This plugin also lets you clear a WordPress website cache via the admin bar:<\/p><ol class=\"wp-block-list\">\n<li>To access it, log in as an administrator when visiting a website.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"\/uk\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/05\/litespeed-cache-on-the-admin-bar.png\"><img decoding=\"async\" width=\"1024\" height=\"450\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2019\/05\/litespeed-cache-on-the-admin-bar.png\/w=1024,h=1024,fit=scale-down\" alt=\"Accessing LiteSpeed Cache's menu on the admin bar\n\" class=\"wp-image-68334\" srcset=\"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/litespeed-cache-on-the-admin-bar.png 1024w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/litespeed-cache-on-the-admin-bar-300x132.png 300w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/litespeed-cache-on-the-admin-bar-150x66.png 150w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/litespeed-cache-on-the-admin-bar-768x337.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Navigate to the top bar and click the plugin&rsquo;s icon. From the drop-down menu, select your preferred deletion option.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-how-to-use-cache-manager-to-clear-website-cache-in-hpanel\">How to Use Cache Manager to Clear Website Cache in hPanel<\/h3><p>For non-WordPress web pages, clear the cache via the hosting control panel. Depending on your hosting provider, the tools and steps may vary.<\/p><p>For websites hosted on Hostinger, use hPanel&rsquo;s <strong>Cache Manager<\/strong> tool. Its integration with multiple web frameworks allows you to manage cache directly on one platform.<\/p><p>Here are the steps to clear your site&rsquo;s cache using hPanel&rsquo;s Cache Manager:<\/p><ol class=\"wp-block-list\">\n<li>Log in to your Hostinger account.<\/li>\n\n\n\n<li>On the <strong>hPanel <\/strong>homepage, click the <strong>Hosting<\/strong> tab.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"\/uk\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/05\/hpanel-homepage.png\"><img decoding=\"async\" width=\"1024\" height=\"541\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2019\/05\/hpanel-homepage.png\/w=1024,h=1024,fit=scale-down\" alt=\"Accessing the Hosting section on hPanel\n\" class=\"wp-image-68335\" srcset=\"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/hpanel-homepage.png 1024w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/hpanel-homepage-300x158.png 300w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/hpanel-homepage-150x79.png 150w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/hpanel-homepage-768x406.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Find the <strong>domain in question<\/strong> and click the <strong>Manage <\/strong>button.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"\/uk\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/05\/managing-domain-in-hpanel.png\"><img decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2019\/05\/managing-domain-in-hpanel.png\/w=1024,h=1024,fit=scale-down\" alt=\"Clicking the Manage button next to a domain name on hPanel\n\" class=\"wp-image-68336\" srcset=\"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/managing-domain-in-hpanel.png 1024w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/managing-domain-in-hpanel-300x156.png 300w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/managing-domain-in-hpanel-150x78.png 150w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/managing-domain-in-hpanel-768x399.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Scroll down to <strong>Advanced <\/strong>&rarr; <strong>Cache Manager<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"\/uk\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/05\/cache-manager-tool-in-hpanel.png\"><img decoding=\"async\" width=\"1460\" height=\"665\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2019\/05\/cache-manager-tool-in-hpanel.png\/w=1024,h=1024,fit=scale-down\" alt=\"Selecting Cache Manager on hPanel\n\" class=\"wp-image-68337\" srcset=\"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/cache-manager-tool-in-hpanel.png 1460w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/cache-manager-tool-in-hpanel-300x137.png 300w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/cache-manager-tool-in-hpanel-1024x466.png 1024w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/cache-manager-tool-in-hpanel-150x68.png 150w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/cache-manager-tool-in-hpanel-768x350.png 768w\" sizes=\"(max-width: 1460px) 100vw, 1460px\" \/><\/a><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"5\">\n<li>Enable caching by clicking the <strong>Automatic cache <\/strong>toggle. If it is already on, proceed to the next step.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"\/uk\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/05\/cache-manager-automatic-cache-feature.png\"><img decoding=\"async\" width=\"1024\" height=\"546\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2019\/05\/cache-manager-automatic-cache-feature.png\/w=1024,h=1024,fit=scale-down\" alt=\"Enabling the Automatic cache option on hPanel\n\" class=\"wp-image-68338\" srcset=\"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/cache-manager-automatic-cache-feature.png 1024w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/cache-manager-automatic-cache-feature-300x160.png 300w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/cache-manager-automatic-cache-feature-150x80.png 150w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/cache-manager-automatic-cache-feature-768x410.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"6\">\n<li>Click the <strong>Purge all <\/strong>button to clear your account&rsquo;s cache completely. Optionally, enter a <strong>URL<\/strong> into the field and select <strong>Purge <\/strong>to remove specific data.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"\/uk\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/05\/cache-manager-purge-feature.png\"><img decoding=\"async\" width=\"1024\" height=\"541\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2019\/05\/cache-manager-purge-feature.png\/w=1024,h=1024,fit=scale-down\" alt=\"Purging all cache using hPanel's Cache Manager\n\" class=\"wp-image-68339\" srcset=\"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/cache-manager-purge-feature.png 1024w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/cache-manager-purge-feature-300x158.png 300w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/cache-manager-purge-feature-150x79.png 150w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2019\/05\/cache-manager-purge-feature-768x406.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><p>After enabling the <strong>Automatic cache<\/strong> feature, you may not need to manually clear the cache often. It automatically renews the cache every 30 minutes, ensuring the website shows only the latest version.<\/p><figure class=\"wp-block-image size-full\"><a href=\"\/uk\/web-hosting\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/11\/Web-hosting_in-text-banner.png\/public\" alt=\"Hostinger web hosting banner\" class=\"wp-image-98604\" srcset=\"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2023\/11\/Web-hosting_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2023\/11\/Web-hosting_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2023\/11\/Web-hosting_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/uk\/tutorials\/wp-content\/uploads\/sites\/51\/2023\/11\/Web-hosting_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>Website caching is a feature that stores a copy of your site&rsquo;s data for future reuse. It helps web browsers obtain your website&rsquo;s data faster, improving loading time.<\/p><p>In addition to speed boost, caching improves site ranking, bandwidth efficiency, user experience, and conversions.<\/p><p>Based on the storage location, there are two types of caching &ndash; <strong>browser<\/strong> and <strong>server<\/strong>. Browser caching temporarily stores the visited site data on the end user&rsquo;s machine.<\/p><p>Server-side caching saves the site information remotely, usually involving a CDN. It also has different caching systems, namely <strong>full-page<\/strong>, <strong>object<\/strong>, and <strong>fragment<\/strong>.<\/p><p>However, since storing old cache may present unwanted issues, you must occasionally clear it. For a WordPress website, clear the cache using a plugin. Otherwise, use your hosting control panel&rsquo;s cache manager tool.<\/p><p>\n\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Learn More About Website Optimization                <\/p>\n            <\/div>\n            <p class=\"protip__content\"><a href=\"\/uk\/tutorials\/gtmetrix-for-testing-websites-speed\/\">How to Run a Website Speed Test with GTmetrix<\/a><br>\n<a href=\"\/uk\/tutorials\/website\/improving-website-performance-minifying-css-html-and-javascript\/\">How to Minify CSS, HTML, and JavaScript Files in WordPress<\/a><br>\n<a href=\"\/uk\/tutorials\/website\/improving-website-performance-leveraging-browser-cache\/\">Leverage Browser Caching<\/a><br>\n<a href=\"\/uk\/tutorials\/improving-website-performance-enabling-keep-alive\/\">Enabling Keep-Alive<\/a><\/p>\n                    <\/div>\n        \n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the many fundamental strategies to optimize a website is improving loading speed. In addition to using a fast and reliable hosting provider, you can implement caching to increase your site&rsquo;s performance. Website caching is a feature that copies and saves web page data for future use. The cached data typically includes the site&rsquo;s [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/uk\/tutorials\/website-cache\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":2,"featured_media":79777,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Website Caching: What is It and How to Clear It","rank_math_description":"Website caching saves data on a server for later use. Check this article to learn about web caching and how to clear cache.","rank_math_focus_keyword":"website cache","footnotes":""},"categories":[22597,22598],"tags":[],"class_list":["post-17804","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website","category-website-performance-optimization"],"hreflangs":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-json\/wp\/v2\/posts\/17804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-json\/wp\/v2\/comments?post=17804"}],"version-history":[{"count":35,"href":"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-json\/wp\/v2\/posts\/17804\/revisions"}],"predecessor-version":[{"id":112209,"href":"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-json\/wp\/v2\/posts\/17804\/revisions\/112209"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-json\/wp\/v2\/media\/79777"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-json\/wp\/v2\/media?parent=17804"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-json\/wp\/v2\/categories?post=17804"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/uk\/tutorials\/wp-json\/wp\/v2\/tags?post=17804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}