當用戶第一次訪問你的網站時，讓用戶的瀏覽器緩存網站的靜態文件，如圖片\CSS\JS等,然后接訪問接下來的頁面就會直接調用瀏覽器的緩存而不是重新從服務器下載，這樣既節省帶寬和流量又加快了用戶打開網頁的速度，一石三鳥，用不用你們自己把握。

我們可以用以下兩個工具查看：
1. Yahoo開發的瀏覽器插件YSlow (https://addons.mozilla.org/zh-CN/firefox/addon/yslow/ ,Add Expires headers)
2. Google的Page Speed Online (https://developers.google.com/pagespeed/ ,使用瀏覽器緩存)

如果的服務器用的是Apache并且支持mod_expires模塊，那么只要在網站更目錄的.htaccess文件中添加以下代碼即可，

//css|htm|html|js|flv|gif|jpg|jpeg|png|ico|swf格式的文件瀏覽器緩存1個月
<ifmodule mod_expires.c>
? <filesmatch ??\.(css|htm|html|js|flv|gif|jpg|jpeg|png|ico|swf)$?>
? ? ? ?ExpiresActive on
? ? ? ?ExpiresDefault "access plus 1 months"
? ?</filesmatch>
</ifmodule>

但如果你的服務器不支持mod_expires模塊，沒關系，我的服務器也不支持，為一個文件過期模塊不值得裝，我們可以通過常用的mod_header模塊實現同樣的功能，同樣方法添加到.htaccess文件中：

<ifmodule mod_headers.c>
//ico|pdf|flv|jpg|jpeg|png|gif|swf格式的文件緩存一年
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=29030400, public"
</FilesMatch>
//js|css格式的文件緩存一個月
<FilesMatch "\.(js|css)$">
Header set Cache-Control "max-age=2629743, public"
</FilesMatch>
//html|htm|txt格式的文件緩存一天
<FilesMatch "\.(html|htm|txt)$">
Header set Cache-Control "max-age=86400, public"
</FilesMatch>
</ifmodule>

轉載于:https://www.cnblogs.com/dwnblogs/archive/2012/12/21/2827647.html

總結

以上是生活随笔為你收集整理的浏览器缓存网站静态文件的全部內容，希望文章能夠幫你解決所遇到的問題。

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