{"id":16588,"date":"2018-07-23T15:32:28","date_gmt":"2018-07-23T20:32:28","guid":{"rendered":"https:\/\/www.dotcom-tools.com\/blog\/?p=16588"},"modified":"2021-11-17T02:05:04","modified_gmt":"2021-11-17T08:05:04","slug":"power-of-browser-caching-techniques","status":"publish","type":"post","link":"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/","title":{"rendered":"Web Performance Basics &#8211; The Power of Browser Cache Techniques"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<img loading=\"lazy\" class=\"aligncenter size-full wp-image-16605\" src=\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/07\/Power-of-Browser-Cache-Techniques.jpg\" alt=\"Power of Browser Caching Techniques\" width=\"900\" height=\"400\" srcset=\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/07\/Power-of-Browser-Cache-Techniques.jpg 900w, https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/07\/Power-of-Browser-Cache-Techniques-350x156.jpg 350w, https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/07\/Power-of-Browser-Cache-Techniques-768x341.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]In the battle of web performance, it\u2019s easy to feel overwhelmed by all the various weapons in your arsenal. From on-page optimization techniques, to server-side manipulation, winning the war of sluggish website performance can feel like a never-ending battle. Thankfully, some of <a href=\"https:\/\/www.dotcom-tools.com\/web-performance\/blog\/website-performance-optimization-complete-guide\/\" target=\"_blank\" rel=\"noopener\">the most successful optimization techniques<\/a> are also some of the easiest to implement.<\/p>\n<p>While on-page optimization is an essential component when maximizing website speed, browser caching is perhaps the most influential. If you\u2019ve noticed your website still underperforms after you\u2019ve implemented a variety of tactics, maybe it\u2019s time to zone into your browser cache system. You may be surprised this is the solution you\u2019ve been searching for.<\/p>\n<h2>An Overview of Performance Essentials &#8211; Browser Caching<\/h2>\n<p>Although browser caching may seem like a tricky topic to master, it\u2019s surprisingly easy, but only if you understand what this term actually means.<\/p>\n<p>Essentially, browser caching is when a web browser, such as Chrome or Safari, stores the resource files of a website within its local hard drive. The purpose of this is to expedite loading times when the end-user visits the same website again at a future date.<\/p>\n<p>According to Google, to maximize efficiency and boost page ranking, you should leverage browser caching. Don\u2019t worry, this isn\u2019t as complex as you may think. In short, <a href=\"https:\/\/www.dotcom-tools.com\/web-performance\/blog\/wordpress-caching-plugins-for-web-performance\/\" target=\"_blank\" rel=\"noopener\">leveraging browser cache<\/a> is when you tell the browser how to store and deal with your website resource files.<\/p>\n<h2>The Basics of Leveraging Browser Cache &#8211; Tips and Tricks<\/h2>\n<p>Have you ever noticed that it takes longer to load a website you\u2019ve never visited than one you\u2019ve visited multiple times? The answer for this is browser caching. The key to using this already imperative technique to your advantage is learning how to leverage browser caching.<\/p>\n<p>The first step in this process is fairly simple. It requires you to change request headers of website resource files that are called upon when your site is cached. In general, look to cache the following file resources:<\/p>\n<ul>\n<li>Static Images<\/li>\n<li>Stylesheets<\/li>\n<li>Javascript (static Javascript files)<\/li>\n<li>HTML Documents (only for static HTML)<\/li>\n<li>API Calls (not very common, but also possible)<\/li>\n<\/ul>\n<p>In general, you\u2019ll want to cache as much content as you can. However, this should only be done with site resources that don\u2019t frequently change. You\u2019ll notice that content, such as user-specific data, isn\u2019t included in this list. The reason? This data is volatile in terms of its stability. Data elements that are constantly manipulated or changed shouldn\u2019t be cached.<\/p>\n<p>Moreover, it\u2019s important to know how long a static resource file should remain cached in the end-user browser.As a rule of thumb, different file types should have different cache time limits. While static images can remain cached for up to one year, it\u2019s a good idea to place an expiration on more volatile files, such as:<\/p>\n<ul>\n<li>Stylesheets<\/li>\n<li>HTML Documents<\/li>\n<li>Applications<\/li>\n<li>Javascript<\/li>\n<\/ul>\n<p>In general, these files should have an expiration date of at least one month. This prevents the end-user browser from calling upon an old and outdated version of your website. Manipulating browser cache expiration dates is done in the .htaccess file. Make sure to always create a backup copy when altering this document.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_cta h2=&#8221;Instantly test your website speed&#8221; h4=&#8221;Test in real browsers with cached and uncached visits to compare load speeds&#8221; add_button=&#8221;right&#8221; btn_title=&#8221;Test Now&#8221; btn_color=&#8221;green&#8221; btn_link=&#8221;url:https%3A%2F%2Fwww.dotcom-tools.com%2Fwebsite-speed-test.aspx||target:%20_blank|&#8221; css=&#8221;.vc_custom_1532455720845{background-color: #a9bdc5 !important;}&#8221;][\/vc_cta][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]In the battle of web performance, it\u2019s easy to feel overwhelmed by all the various weapons in your arsenal. From on-page optimization techniques, to server-side manipulation, winning the war of sluggish website performance can feel like a never-ending battle. Thankfully, some of the most successful optimization techniques are also some of the easiest to implement.&hellip;<\/p>\n","protected":false},"author":6,"featured_media":16605,"comment_status":"open","ping_status":"open","sticky":false,"template":"template-url.php","format":"standard","meta":[],"categories":[75,4],"tags":[73,69,86,62,77,63,9],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.6 (Yoast SEO v19.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>Web Performance Basics - The Power of Browser Caching Techniques<\/title>\r\n<meta name=\"description\" content=\"Browser caching is essential when maximizing website speed. Let&#039;s look at specific tips and tricks to leverage browser caching.\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Web Performance Basics - The Power of Browser Cache Techniques\" \/>\r\n<meta property=\"og:description\" content=\"Browser caching is essential when maximizing website speed. Let&#039;s look at specific tips and tricks to leverage browser caching.\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Dotcom-Monitor Tools Blog\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dotcommonitor\" \/>\r\n<meta property=\"article:published_time\" content=\"2018-07-23T20:32:28+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2021-11-17T08:05:04+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/07\/Power-of-Browser-Cache-Techniques.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"900\" \/>\r\n\t<meta property=\"og:image:height\" content=\"400\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"twitter:card\" content=\"summary\" \/>\r\n<meta name=\"twitter:creator\" content=\"@dotcom_monitor\" \/>\r\n<meta name=\"twitter:site\" content=\"@dotcom_monitor\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matt Schmitz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#website\",\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/\",\"name\":\"Dotcom-Monitor Tools Blog\",\"description\":\"Let&#039;s Make the Web a Faster Place.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.dotcom-tools.com\/web-performance\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/#primaryimage\",\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/07\/Power-of-Browser-Cache-Techniques.jpg\",\"contentUrl\":\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/07\/Power-of-Browser-Cache-Techniques.jpg\",\"width\":900,\"height\":400,\"caption\":\"Power of Browser Caching Techniques\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/#webpage\",\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/\",\"name\":\"Web Performance Basics - The Power of Browser Caching Techniques\",\"isPartOf\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/#primaryimage\"},\"datePublished\":\"2018-07-23T20:32:28+00:00\",\"dateModified\":\"2021-11-17T08:05:04+00:00\",\"author\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/84f55a21a34f808cb7cc381f7f580ebb\"},\"description\":\"Browser caching is essential when maximizing website speed. Let's look at specific tips and tricks to leverage browser caching.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.dotcom-tools.com\/web-performance\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Performance Basics &#8211; The Power of Browser Cache Techniques\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/84f55a21a34f808cb7cc381f7f580ebb\",\"name\":\"Matt Schmitz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78f5aac7d4727a530bbb530b52140067?s=96&d=retro&r=pg\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78f5aac7d4727a530bbb530b52140067?s=96&d=retro&r=pg\",\"caption\":\"Matt Schmitz\"},\"description\":\"Matt Schmitz is a web performance engineer and director of Dotcom-Monitor\u2019s web performance division. Matt is a leading authority on page speed optimization and has been featured by a number of web performance blogs and media outlets. When he\u2019s not working to make the web a faster place, Matt\u2019s interests include gaming, cryptocurrency, and martial arts.\",\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/author\/schmitzm\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Web Performance Basics - The Power of Browser Caching Techniques","description":"Browser caching is essential when maximizing website speed. Let's look at specific tips and tricks to leverage browser caching.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/","og_locale":"en_US","og_type":"article","og_title":"Web Performance Basics - The Power of Browser Cache Techniques","og_description":"Browser caching is essential when maximizing website speed. Let's look at specific tips and tricks to leverage browser caching.","og_url":"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/","og_site_name":"Dotcom-Monitor Tools Blog","article_publisher":"https:\/\/www.facebook.com\/dotcommonitor","article_published_time":"2018-07-23T20:32:28+00:00","article_modified_time":"2021-11-17T08:05:04+00:00","og_image":[{"width":900,"height":400,"url":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/07\/Power-of-Browser-Cache-Techniques.jpg","type":"image\/jpeg"}],"twitter_card":"summary","twitter_creator":"@dotcom_monitor","twitter_site":"@dotcom_monitor","twitter_misc":{"Written by":"Matt Schmitz","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#website","url":"https:\/\/www.dotcom-tools.com\/web-performance\/","name":"Dotcom-Monitor Tools Blog","description":"Let&#039;s Make the Web a Faster Place.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dotcom-tools.com\/web-performance\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/#primaryimage","url":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/07\/Power-of-Browser-Cache-Techniques.jpg","contentUrl":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/07\/Power-of-Browser-Cache-Techniques.jpg","width":900,"height":400,"caption":"Power of Browser Caching Techniques"},{"@type":"WebPage","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/#webpage","url":"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/","name":"Web Performance Basics - The Power of Browser Caching Techniques","isPartOf":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/#primaryimage"},"datePublished":"2018-07-23T20:32:28+00:00","dateModified":"2021-11-17T08:05:04+00:00","author":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/84f55a21a34f808cb7cc381f7f580ebb"},"description":"Browser caching is essential when maximizing website speed. Let's look at specific tips and tricks to leverage browser caching.","breadcrumb":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/power-of-browser-caching-techniques\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.dotcom-tools.com\/web-performance\/"},{"@type":"ListItem","position":2,"name":"Web Performance Basics &#8211; The Power of Browser Cache Techniques"}]},{"@type":"Person","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/84f55a21a34f808cb7cc381f7f580ebb","name":"Matt Schmitz","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78f5aac7d4727a530bbb530b52140067?s=96&d=retro&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78f5aac7d4727a530bbb530b52140067?s=96&d=retro&r=pg","caption":"Matt Schmitz"},"description":"Matt Schmitz is a web performance engineer and director of Dotcom-Monitor\u2019s web performance division. Matt is a leading authority on page speed optimization and has been featured by a number of web performance blogs and media outlets. When he\u2019s not working to make the web a faster place, Matt\u2019s interests include gaming, cryptocurrency, and martial arts.","url":"https:\/\/www.dotcom-tools.com\/web-performance\/author\/schmitzm\/"}]}},"_links":{"self":[{"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts\/16588"}],"collection":[{"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/comments?post=16588"}],"version-history":[{"count":7,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts\/16588\/revisions"}],"predecessor-version":[{"id":17745,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts\/16588\/revisions\/17745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/media\/16605"}],"wp:attachment":[{"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/media?parent=16588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/categories?post=16588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/tags?post=16588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}