如何更新緩存HTML 中的css 和js 鏈接
  • 更新時(shí)間:2024-11-07 08:44:46
  • 網(wǎng)站建設(shè)
  • 發(fā)布時(shí)間:1年前
  • 288

北京網(wǎng)站建設(shè)公司推來(lái)客:在搜索引擎中搜索關(guān)鍵字.htaccess緩存,可以搜索到很多設(shè)置網(wǎng)站文件緩存的教程,通過(guò)設(shè)置可以緩存不經(jīng)常更新的文件,比如作為css和js在瀏覽器端,訪問(wèn)者每次訪問(wèn)你的網(wǎng)站制作,瀏覽器都可以從瀏覽器緩存中獲取css,js等,而不是從你的服務(wù)器讀取,所以一定程度上加快了速度加快網(wǎng)站的打開(kāi)速度并節(jié)省您的服務(wù)器流量。

現(xiàn)在的問(wèn)題是.htaccess設(shè)置的css和js緩存有過(guò)期時(shí)間。如果訪問(wèn)者的瀏覽器中已經(jīng)緩存了css和js,那么瀏覽器只會(huì)緩存過(guò)期前的css和js。讀取css和js,如果你在服務(wù)器上修改了css和js,那么這些修改在回頭客的瀏覽器中是不會(huì)改變的,除非回頭客按Ctrl+F5刷新你的網(wǎng)站頁(yè)面或者手動(dòng)清除瀏覽器緩存。一個(gè)網(wǎng)站有數(shù)以萬(wàn)計(jì)的訪問(wèn)者,會(huì)有很多回頭客。更新css后不可能每個(gè)訪問(wèn)者都去刷新緩存。那么你如何處理這個(gè)問(wèn)題呢?

解決方案

1、給css文件添加版本號(hào):其實(shí)每次修改css文件都要修改css文件名有點(diǎn)麻煩,那么我們可以在loading css語(yǔ)句中添加一個(gè)版本號(hào)(也就是css 鏈接后的內(nèi)容?)好的。比如原h(huán)tml中的css調(diào)用語(yǔ)句如下:

將css文件的版本號(hào)改為2012即可:

2、更改css文件名:其實(shí)解決這個(gè)問(wèn)題很簡(jiǎn)單。緩存通過(guò)文件名來(lái)標(biāo)記緩存的內(nèi)容。更新網(wǎng)站的css文件內(nèi)容后,只需更改css的文件名即可。比如原h(huán)tml中的css調(diào)用語(yǔ)句如下:

只需更改css 文件的名稱:

另一種更改css文件名的方法是將版本號(hào)寫(xiě)入文件名

css文件更新后,只需更改文件名中的版本號(hào)即可:

實(shí)際上,css文件后面的問(wèn)號(hào)沒(méi)有實(shí)際作用,只能作為后綴。如果使用帶問(wèn)號(hào)的添加參數(shù)的方式,可以添加版本號(hào)等信息,同時(shí)在瀏覽器端刷新緩存。一個(gè)小細(xì)節(jié)就能給我們帶來(lái)很大的方便。

本文發(fā)表于北京網(wǎng)站制作公司推來(lái)客http://www.tlkjt.com/

我們專注高端建站,小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿意為止,多一次對(duì)比,一定讓您多一份收獲!

本文章出于推來(lái)客官網(wǎng),轉(zhuǎn)載請(qǐng)表明原文地址:https://www.tlkjt.com/web/13421.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部