Page caching stores the results of a WordPress dynamically generated page and re-serving that version for a specific amount of time. When discussing static asset caching, we refer to specific assets such as javascript, CSS, and image files. This should not be confused with full-page caching, which stores generated pages for later use.īoth page caching and file caching help to improve a site’s performance. This article looks at specifically static asset (file) caching. Page caching is different from static asset caching. If you have worked with WordPress caching plugins before, you may be familiar with full-page caching. How to Clear WordPress Cache Safely and Efficiently?įind the Best WordPress Caching Plugin with Our Top 5 Picks What Is Caching?Ĭaching is the process of storing answers in a cache so that the next time the same question is asked, the answer can be returned quicker. This is elaborated on in the next section. An example of this within WordPress would be the static pages generated by caching plugins. Regarding WordPress, these CSS, javascript, and image and font files would usually be part of a theme, a plugin or user content.įiles and pages that are generated dynamically are not considered static assets. When we refer to static assets in this article, we refer to individual files that are not expected to change either soon or often.įiles like images, javascript, CSS files and fonts are files that could be considered static assets. ![]() To understand how to serve static assets with an efficient cache policy, we first need to understand the different aspects, such as static assets, caching, and a caching policy. ![]() How to Serve Static Assets With an Efficient Cache Policy There are a few components, so let’s discuss them in more detail. One way to positively impact both LCP and FID is to serve static assets with an efficient cache policy, which means letting the browser know it can locally store a resource for a certain amount of time.Īn efficient cache policy will mean faster load times because no matter how fast your internet speed is, loading from a local cache will be faster and save time. Cumulative Layout Shift ( CLS ) – This measures how much a page’s layout unexpectedly shifts.It measures the time between the user clicking or interacting with the site and the site responding. First Input Delay ( FID ) – This measures website responsiveness.Largest Contentful Paint ( LCP ) – The measurement of how long it takes for the largest object to load in the page’s viewport.Let’s take a moment for a quick refresher to remind ourselves how a website’s performance is measured by a collection of metrics, the most important of which is the Core Web Vitals. Lighthouse is an open-source tool aimed at improving site performance and can run in many different formats. The suggestions are similar because GTMetrix and PageSpeed Insights use the Lighthouse tool for their webpage analysis framework. In Google PageSpeed Insights, the suggestion looks similar and gives similar information. It will highlight potential savings from implementing browser caching. When using GTMetrix, the suggestion will look like the example below on the results page. Still can’t fix the issue? Try these Two Tips.How to Fix Serve Static Assets With an Efficient Cache Policy Issue.How Are UX and SEO Affected by a Cache Policy?.How to Serve Static Assets With an Efficient Cache Policy.This article explains how to serve static assets with an efficient cache policy and how an efficient cache policy can improve your website’s performance. It should be noted that the suggestion of serving static assets with an efficient cache policy has also been referred to as leverage browser caching or browser caching in WordPress. Still, all subsequent visits will benefit from leveraging the browser cache. ![]() The steps to improve on this recommendation do not improve the initial site visit (there are other improvements for that). ![]() This suggestion is to store files locally so that repeat visits to the site are faster. In both tools, you may see a suggestion to serve static assets with an efficient cache policy. If you are reading this, you are at least aware that every website has opportunities to improve performance, either through manual optimizations or through using plugins like 10Web Booster. Websites like GTMetrix, and Google PageSpeed Insights provide suggestions on how to improve the performance of your website.
0 Comments
Leave a Reply. |