{"id":239,"date":"2021-07-21T21:00:22","date_gmt":"2021-07-21T21:00:22","guid":{"rendered":"https:\/\/www.futurestatemedia.com\/?p=239"},"modified":"2021-07-26T14:53:17","modified_gmt":"2021-07-26T14:53:17","slug":"wordpress-caching-compression-guide","status":"publish","type":"post","link":"https:\/\/www.futurestatemedia.com\/en\/wordpress-caching-compression-guide\/","title":{"rendered":"Caching and Compression Guide for WordPress"},"content":{"rendered":"<p class=\"wp-block-paragraph\">This is a confusing topic.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Multiple plugins offer multiple answers. In many cases, the plugins duplicate functionality along with those functions which come built in with your chosen theme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It feels like you need to be an IT expert just to select the right settings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s a guide to helping you understand what a popular combination of Themes and Plugins have to offer, and what the difference between the functions they serve are.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"First_up_Minification_of_CSS_and_JS_Files_vs_GZip_Compression\"><\/span>First up Minification of CSS and JS Files vs GZip Compression<span class=\"ez-toc-section-end\"><\/span><\/h2><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a83620e3ef75\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a83620e3ef75\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.futurestatemedia.com\/en\/wordpress-caching-compression-guide\/#First_up_Minification_of_CSS_and_JS_Files_vs_GZip_Compression\" >First up Minification of CSS and JS Files vs GZip Compression<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.futurestatemedia.com\/en\/wordpress-caching-compression-guide\/#Your_Theme_may_offer_Minification_or_%E2%80%9CPre-Minification%E2%80%9D\" >Your Theme may offer Minification or &#8220;Pre-Minification&#8221;<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.futurestatemedia.com\/en\/wordpress-caching-compression-guide\/#Page_Caching_Is_it_static_or_dynamic\" >Page Caching: Is it static or dynamic?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.futurestatemedia.com\/en\/wordpress-caching-compression-guide\/#Browser_Caching\" >Browser Caching<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.futurestatemedia.com\/en\/wordpress-caching-compression-guide\/#Whats_the_best_Caching_Plugin\" >What&#8217;s the best Caching Plugin?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.futurestatemedia.com\/en\/wordpress-caching-compression-guide\/#WordPress_Image_Compression_Optimisation\" >WordPress Image Compression &amp; Optimisation<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<p class=\"wp-block-paragraph\">Thought I&#8217;d jump in with a simple one!<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-css-tricks wp-block-embed-css-tricks\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"BUhXslwiZu\"><a href=\"https:\/\/css-tricks.com\/the-difference-between-minification-and-gzipping\/\" target=\"_blank\" rel=\"noopener\">The Difference Between Minification and Gzipping<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;The Difference Between Minification and Gzipping&#8221; &#8212; CSS-Tricks\" src=\"https:\/\/css-tricks.com\/the-difference-between-minification-and-gzipping\/embed\/#?secret=HTXE9XYBnA#?secret=BUhXslwiZu\" data-secret=\"BUhXslwiZu\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Your_Theme_may_offer_Minification_or_%E2%80%9CPre-Minification%E2%80%9D\"><\/span>Your Theme may offer Minification or &#8220;Pre-Minification&#8221;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For instance, the Divi Theme by Elegant Themes and the Atelier Theme by Swift Ideas both offer the option to Minify Stylesheets, otherwise known as CSS and Minify Scripts, otherwise known as JS or Javascript.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As you read above, this minification is different to GZip compression. Therefore these settings can be selected alongside GZip compression and live in harmony.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That already sounds like a win and we&#8217;re only a few hundred words into the article.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Page_Caching_Is_it_static_or_dynamic\"><\/span>Page Caching: Is it static or dynamic?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-icontrolwp wp-block-embed-icontrolwp\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"7evjeZVecz\"><a href=\"https:\/\/www.icontrolwp.com\/blog\/page-caching-wordpress\/\" target=\"_blank\" rel=\"noopener\">Understanding Page Caching In WordPress &#8211; Why You Should Never Use It<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Understanding Page Caching In WordPress &#8211; Why You Should Never Use It&#8221; &#8212; iControlWP\" src=\"https:\/\/www.icontrolwp.com\/blog\/page-caching-wordpress\/embed\/#?secret=7evjeZVecz\" data-secret=\"7evjeZVecz\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">There are elements of your page you don&#8217;t even realise are dynamic. Dynamic basically means, specific to the user.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s why Page caching can be dangerous.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This could be why Siteground with their SG Optimizer plugin ONLY offer Dynamic Full-Page caching.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s a snippet of a support response I got from SG Optimizer when seeking clarity on their plugin capability:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>I would like to take a moment and explain that most caching plugins include functions that your website can benefit from. The point here is to make sure that if you need to use more than one caching systems concurrently working on your website &#8211; they will not be all doing the same thing.<\/p><p>For example, our SG Optimizer will store cache for your website directly in the server\u2019s memory. In comparison, other WordPress caching plugins will use a file-based caching method storing the gathered cache in a separate directory inside your application.<\/p><p>Pulling the cache directly from the server memory is considered to be much faster and more reliable than the common file-based caching method.<\/p><p>In a situation such as this one, you can leave SG Optimizer to take care of full-page caching for your website (which means using dynamic cache with the SG Optimizer), and deactivate the same in the other caching systems you are using in order to avoid any conflicts or misconfiguration.<\/p><p>In case you prefer to use the two plugins at the same time, I would suggest making sure to disable the full page caching of the Hummingbird plugin.<\/p><\/blockquote>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Browser_Caching\"><\/span>Browser Caching<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Browser is a form of caching that happens at the user&#8217;s machine or handset.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The PC, Mac or smartphone has an ability to save some core website files to the internet browser that then allows the individual to browse your website at speed.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Whats_the_best_Caching_Plugin\"><\/span>What&#8217;s the best Caching Plugin?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This depends on your hosting setup. By far the most integrated solution we&#8217;ve come across is Siteground combined with SG Optimizer, combined with CloudFlare CDN.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is a supremely powerful solution &#8211; and if you have a decent hosting account with Siteground, comes as part of the deal. Very cost efficient in comparison with other solutions.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"WordPress_Image_Compression_Optimisation\"><\/span>WordPress Image Compression &amp; Optimisation<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Coming soon<\/p>","protected":false},"excerpt":{"rendered":"<p>This is a confusing topic. Multiple plugins offer multiple answers. In many cases, the plugins duplicate functionality along with those functions which come built in with your chosen theme. It feels like you need to be an IT expert just to select the right settings. Here&#8217;s a guide to helping you understand what a popular&hellip; <a class=\"more-link\" href=\"https:\/\/www.futurestatemedia.com\/en\/wordpress-caching-compression-guide\/\">Continue reading <span class=\"screen-reader-text\">Caching and Compression Guide for WordPress<\/span><\/a><\/p>","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[20,30,25],"tags":[],"class_list":["post-239","post","type-post","status-publish","format-standard","hentry","category-website-design","category-ecommerce-stores","category-seo","entry"],"_links":{"self":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/posts\/239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/comments?post=239"}],"version-history":[{"count":0,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/posts\/239\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/media?parent=239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/categories?post=239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/tags?post=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}