如何在Nginx與Apache設置靜態(tài)資源緩存教程?通常網(wǎng)站由動(dòng)態(tài)和靜態(tài)兩種資源構成，其動(dòng)態(tài)資源一般為PHP、ASP、ASP.net、JAVA等程序，而靜態(tài)資源一般是圖片、樣式文件(CSS)、JS代碼文件等。由于靜態(tài)資源在一般情況下是很少變更的，所以在WEB服務(wù)器中可以通過(guò)設置客戶(hù)端的緩存時(shí)間來(lái)達到節省網(wǎng)絡(luò )帶寬及提高效率的目的。一般來(lái)說(shuō)，圖片文件、CSS樣式文件、JS代碼文件推薦設置的緩存時(shí)間可以為一年，這也是PageSpeed Insights推薦的。

Nginx設置靜態(tài)資源緩存的方法

Nginx虛擬主機配置文件中的Server塊中添加以下代碼：

location ~ .*/.(gif|jpg|jpeg|png|bmp|swf|WebP)$

{

expires 365d;

error_log /dev/null;

access_log off;

}

location ~ .*/.(js|css)?$

{

expires 365d;

error_log /dev/null;

access_log off;

}

注意，以上代碼需插入在Server塊中，也就是server{…….}的 } 之前。

expires 365d;的意思就是將該類(lèi)型的文件緩存時(shí)間設置為365天，expires的具體語(yǔ)法如下：

expires 60s; #緩存60秒

expires 10m; #緩存10分鐘

expires 12h; #緩存12小時(shí)

expires 30d; #緩存30天

設置完成后，重啟Nginx即生效。

Apache設置靜態(tài)資源緩存

Apache設置緩存之前，需先開(kāi)啟LoadModule expires_module modules/mod_expires.so模塊，編輯Apache的”httpd.conf”，找到這么一行：

#LoadModule expires_module modules/mod_expires.so

將該行前面的”#”字號刪除，保存，重新啟動(dòng)Apache生效。

然后在主機配置文件中加入以下代碼(示例)：

ExpiresActive On

ExpiresDefault A86400

ExpiresByType image/x-icon A31536000

ExpiresByType application/x-javascript A31536000

ExpiresByType text/css “access plus 30 days”

ExpiresByType image/gif A31536000

ExpiresByType image/png A31536000

ExpiresByType image/jpeg A31536000

ExpiresByType text/plain A31536000

ExpiresByType application/x-shockwave-flash A31536000

ExpiresByType video/x-flv A31536000

ExpiresByType application/pdf A604800

ExpiresByType text/html A900

其中A31536000就是31536000 秒，相當于一年?；蛘咭部梢詫?xiě)成：”access plus 365 days”，如下示例：

ExpiresActive On

ExpiresDefault A86400

ExpiresByType image/x-icon “access plus 365 days”

ExpiresByType application/x-javascript “access plus 365 days”

ExpiresByType text/css “access plus 365 days”

ExpiresByType image/gif “access plus 365 days”

ExpiresByType image/png “access plus 365 days”

ExpiresByType image/jpeg “access plus 365 days”

ExpiresByType text/plain “access plus 365 days”

ExpiresByType application/x-shockwave-flash “access plus 365 days”

ExpiresByType video/x-flv “access plus 365 days”

ExpiresByType application/pdf A604800

ExpiresByType text/html A900

保存，重新啟動(dòng)Apache生效。

驗證緩存設置是否生效

在Chrome或Edge瀏覽器中，訪(fǎng)問(wèn)某.png文件Url(已設置緩存時(shí)間為一年)，然后按F12查看該文件的Headers信息，可以看到如下圖：

瀏覽器中查看Headers信息

可以看到cache-control中的最大緩存時(shí)間為：31536000秒(一年)，這就代表設置成功了。

更多資訊：更多資訊

本站發(fā)布的【如何在Nginx與Apache設置靜態(tài)資源緩存教程】?jì)热荩▓D片、視頻和文字）以原創(chuàng )、轉載和分享為主，文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)

如果涉及侵權請盡快告知,我們將會(huì )在第一時(shí)間立刻刪除涉嫌侵權內容，本站原創(chuàng )內容未經(jīng)允許不得轉載，或轉載時(shí)需注明出處。