合理設置 HTTP緩存

緩存的力量是強大的，恰當的緩存設置可以大大的減少 HTTP請求。

很少變化的圖片資源可以直接通過 HTTP Header中的Expires設置一個很長的過期頭 ;

變化不頻繁而又可能會變的資源可以使用 Last-Modifed來做請求驗證。

（1）Apache 服務器配置 Expires headers-----.htaccess 文件（根目錄下的隱藏文件）

<IfModule mod_expires.c> #開啟 Expires headers ExpiresActive On #默認的過期時間 ExpiresDefault "access plus 1 month" Cache-Control max-age=2592000 #針對 ICON 文件的配置 ExpiresByType image/x-icon "access plus 1 year" #針對圖片的配置 ExpiresByType image/gif "access plus 1 month" ExpiresByType image/png "access plus 1 month" ExpiresByType image/jpg "access plus 1 month" ExpiresByType image/jpeg "access plus 1 month" #針對 CSS 文件的配置 ExpiresByType text/css "access 1 month" #針對 JavaScript 文件的配置 ExpiresByType application/javascript "access plus 1 year" </IfModule>

（2）Ngnix 服務器配置 Expires headers-----nginx.conf配置文件

server {# cache static fileslocation ~* \.(gif|jpe?g|png|ico|swf)$ {# d - 天# h - 小時# m - 分鐘expires 168h;add_header Pragma public;add_header Cache-Control "public, must-revalidate, proxy-revalidate";}# 由于js和css文件需要改動，設置的時間為5分鐘location ~* \.(css|js)$ {expires 5m;add_header Pragma public;add_header Cache-Control "public, must-revalidate, proxy-revalidate";} }

總結

以上是生活随笔為你收集整理的前端性能优化：Add Expires headers的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。