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

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

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

解決方案

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

將css文件的版本號改為2012即可:

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

只需更改css 文件的名稱:

另一種更改css文件名的方法是將版本號寫入文件名

css文件更新后,只需更改文件名中的版本號即可:

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

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

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

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

在線客服

掃碼聯(lián)系客服

3985758

回到頂部