2016年3月3日 星期四

[Wamp 3] 開啓 mod_expires.c 模組,提升網站瀏覽速度

開啓 Apache 的 mod_expires.c 模組,設置JPG,PNG,GIF,jS,CSS,SWF ...等文件的到期時間,在一定的時間内,不會一直傳送,重複的東西,這樣就可以提升,瀏覽你網站的速度。

現在的瀏覽器,都有智能緩存文件的功能,不過時間應該是比較短;這時我們可以使用 .htaccess 調用 Apache 的 mod_expires.c 模組,來加長文件的緩存時間。

在2014年1月份key的[舊文] 使用 .htaccess 將圖片緩存,提升網站瀏覽速度這篇文章中,是要調用 mod_headers.c 跟 mod_expires.c 這2個模組;但後來測試了一陣子,只需要調用 mod_expires.c 這一個模組,就可以了。

使用 mod_expires.c 模組,將文件的到期時間加長之代碼如下:
<IfModule mod_expires.c>
<FilesMatch "\.(ico|jpg|jpeg|png|gif|js|css|swf)$">
ExpiresActive On
ExpiresDefault A604800
</FilesMatch>
</IfModule>
如果使用 WampServer 之類的架站軟體,把自己的電腦,用成網頁主機,這樣是OK的;只是 Windows 作業系統,不能更名為沒有檔名的文件,意思就是,在重新命名時,無法將文件的檔名去掉;這時可以,至下述連結下載:

ASUS雲盤drive.googleonedrive.live下載教學

然後用 7-zip 解壓,將那個 .htaccess 文件,丟到要使用到期時間加長的PHP動態網頁程序内。



.htaccess 文件的内容如下:





開啓 Apache 的 mod_expires.c 模組之説明:

滑鼠左鍵點擊 WampServer 圖標 → Apache



Apache 模組 → expires_module

點選後 WampServer 會重新啓動,待圖標由黃變綠,再到 Apache 模組内,檢查看看 expires_module 左側是否有個綠勾;有打綠勾的模組,就是代表有啓動的。





如何檢測 mod_expires.c 模組是否有作用:

用開發人員工具,就可以看見 Response headers 有了 Cache-control 跟 Expires 這2個參數。



沒使用 Apache 的 mod_expires.c 模組



有使用 Apache 的 mod_expires.c 模組



用自己的電腦架站,如果瀏覽的人數,開始多了起來,那麽上傳的頻寬,可能會有些吃力;這時可以開啓 Apache 的 mod_expires.c 模組,減少重複性的東西,不停的上傳,來提升網站的瀏覽速度。

後續文章 → a5_架站軟體_a5_架站軟體 該類別,由上至下查看。



對上述圖文教學,還不太明白的話,請至下方連結,查看youtube視頻解說。

視頻解說之第一部分:http://youtu.be/8DeJNrMYNXI

謝謝大家,抽空觀看,files備份檔名:buildsites 015a

沒有留言:

張貼留言