Hongmu Notes
Home Summary of pitfalls Browser caching increases the speed of secondary visits to your website
Summary of pitfalls

Browser caching increases the speed of secondary visits to your website

Browser caching increases the speed of secondary visits to your website

Use browser cache

Official words:

Browser caching of static assets can save users time if they will visit your site multiple times.

Cache headers should be applied to all cacheable static resources, not just to a small subset of static resources (for example, images).

Cacheable resources include JS and CSS files, image files, and other binary object files (media files, PDF files, etc.).

Typically, HTML is not a static resource and should not be considered cacheable by default. You should consider which caching policies apply to your site's HTML.

It is recommended to enable browser caching for your server. Static resources should have a cache validity period of at least one week.

Third-party resources such as ads or widgets should also have a cache lifespan of at least one day.

For all cacheable resources, we recommend the following settings:

Set Expires to a date in the future, at least one week and at most one year (we prefer to set Expires rather than Cache-Control: max-age because the former is more widely supported).

Benefits

This means that when someone visits your website, their mobile phone or computer browser will automatically and temporarily cache the js, css and images required by your website into the mobile phone or computer. In this way, when you visit the website again, you will not need to request these css and js files from the server again. In this way, your website will be much faster.

nginx configuration --expires

In the pagoda, put the following code in the pseudo-static rule

expires plays a role in controlling page caching. Reasonable configuration of expires can reduce many server requests. To configure expires, you can add it in the http segment, server segment or location segment.
``php
location ~ .(gif|jpg|jpeg|png|bmp|ico)$ {

       root /var/www/img/;
       expires 30d;
   }

``

Control the expiration time of pictures, etc. to 30 days. Of course, this time can be set longer. It depends on the situation
For example

location ~ \.(wma|wmv|asf|mp3|mmf|zip|rar|swf|flv)$ {
               root /var/www/upload/;
               expires max;
       }
微信赞赏

WeChat

支付宝赞赏

Alipay

✍️ Author: Hong Mu

webmaster · Thanks for reading, stay tuned for more exciting content

Author homepage View home page →

Related articles

Universal website pv to advertising click plug-in

Universal website pv to advertising click plug-in Summary of pitfalls

A customer asked me to write a plug-in for him to convert website PV to advertisement click. I wrote him a plug-in according to his request. I only need to put the following code into a php file, and then introduce this php file to realize this function. PHP plug-in code: <?php /************************ Parameter configuration begins *********************...
👁 229

Recommended reading

Resource website typecho001 template

Resource website typecho001 template Program Notes Typecho

typecho001 template template please do not modify the folder name of this template. The folder name is: typecho001 1.4 Fix the js output problem on the article page 1.3 Fix the error prompt when the plug-in is not installed Optimize the list page code output 1.2 Fix the comment function and add a custom homepage title 1.1 Fix the comment reply asymmetry function Add a separate title setting function on the homepage Add the website favicon.ico icon Add one...
👁 198
Modification of typecho paging style

Modification of typecho paging style Program Notes Typecho

Sir, times have changed! Typecho is currently the most perfect solution, because Baidu can only see the code of fixed thinking. The actual generated HTML code is breathtakingly clean and fully customized, including adding classes to the li element, adding classes to the a element, adding classes to the previous page and next page, and removing the li tags that come with typecho to express more. I can even add some text to the content inside...
👁 516
Typecho article page comment style modification

Typecho article page comment style modification Program Notes Typecho

When you need to use typecho for template development, the default comment style is ugly. Therefore, comments need to be re-output or styled. The default comment template file path is: comments.php Mainly used related variables<?php $comments->gravatar('40', ''); ?> //Avatar has two parameters, size,...
👁 387
Typecho's API for adding, deleting, modifying and querying databases

Typecho's API for adding, deleting, modifying and querying databases Program Notes Typecho

Typecho database provides a very easy-to-use API, which is not much different from the native SQL writing method. At the same time, it also handles common SQL security issues, such as SQL injection. From a practical perspective, this article introduces common scenarios for typecho to operate databases and related API usage. Table creation and deletion During the development process of Typecho plug-in, you often need to create your own table. Typecho_… mentioned above
👁 551
PHP ob function record

PHP ob function record Language Notes PHP

Usage of the following three functions ob_get_contents(); ob_end_clean(); ob_start(); You can use these functions to buffer local files and execute local script code. Use ob_start() to save the output code into the buffer, and the page will not be displayed; then use ob_get_contents to get the data in the buffer. o…
👁 140
Summary of methods for calling popular comment articles and calling latest articles in Typecho

Summary of methods for calling popular comment articles and calling latest articles in Typecho Program Notes Typecho

Typecho articles call the Typecho program. When designing a theme, the sidebar sometimes needs to call popular articles or the latest articles. We can call it directly through the script at the specified location. In this article, we will organize this method of calling articles, which can be directly called and used in templates where needed in the future. In fact, designing a theme is just that. After the static template is completed, it is called directly. The latest article calls <?php $t…
👁 295