如何更新緩存HTML中css和js鏈接
2023-01-03 分類： 網(wǎng)站建設
成都網(wǎng)站建設公司創(chuàng)新互聯(lián)：在搜索引擎中搜索關鍵字.htaccess 緩存，你可以搜索到很多關于設置網(wǎng)站文件緩存的教程，通過設置可以將css、js等不太經(jīng)常更新的文件緩存在瀏覽器端，這樣訪客每次訪問你的網(wǎng)站制作的時候，瀏覽器就可以從瀏覽器的緩存中獲取css、js等，而不必從你的服務器讀取，這樣在一定程度上加快了網(wǎng)站的打開速度，又可以節(jié)約一下你的服務器流量。
現(xiàn)在問題來了，.htaccess設置的css、js緩存都有一個過期時間，如果在訪客的瀏覽器中已經(jīng)緩存了css、js，在這些css、js緩存未過期之前，瀏覽器只會從緩存中讀取css和js，如果你在服務器上修改了css和js，那么這些更改在回頭客的瀏覽器中是不會有變化的，除非回頭客按了Ctrl + F5刷新了你的網(wǎng)站頁面或者手動清空了瀏覽器的緩存。一個網(wǎng)站的訪客成千上萬，回頭客也會有不少，你不可能在更新css后讓每個訪客都刷新一下緩存吧，那么這個問題你會怎么處理呢？
處理辦法
1.給css文件加個版本號：其實每次修改css文件后還要修改css的文件名有點麻煩，那么我們可以在加載css語句中加入個版本號（即css鏈接中?后面的內(nèi)容）就可以了。如原先html中的css調(diào)用語句如下：
改一下css文件的版本號改成2012就可以了：
2.更改css文件名：其實解決這個問題很簡單，緩存是通過文件名標記緩存的內(nèi)容的。在你更新了網(wǎng)站的css文件內(nèi)容后，在更換一下css的文件名就可以了。如原先html中的css調(diào)用語句如下：
改一下css文件名就可以了：
另外一種從更改css文件名的方法是將版本號寫到文件名中
css文件更新后，改一下文件名中的版本號即可：
其實css文件后面的問號起不到實際作用，僅能當作后綴，如果用問號加參數(shù)的方法，可以添加版本號等信息，同時可以刷新一下瀏覽器端的緩存。一個小小的細節(jié)，可以給我們帶來很大的方便。
本文發(fā)布于成都網(wǎng)站制作
現(xiàn)在問題來了，.htaccess設置的css、js緩存都有一個過期時間，如果在訪客的瀏覽器中已經(jīng)緩存了css、js，在這些css、js緩存未過期之前，瀏覽器只會從緩存中讀取css和js，如果你在服務器上修改了css和js，那么這些更改在回頭客的瀏覽器中是不會有變化的，除非回頭客按了Ctrl + F5刷新了你的網(wǎng)站頁面或者手動清空了瀏覽器的緩存。一個網(wǎng)站的訪客成千上萬，回頭客也會有不少，你不可能在更新css后讓每個訪客都刷新一下緩存吧，那么這個問題你會怎么處理呢？
處理辦法
1.給css文件加個版本號：其實每次修改css文件后還要修改css的文件名有點麻煩，那么我們可以在加載css語句中加入個版本號（即css鏈接中?后面的內(nèi)容）就可以了。如原先html中的css調(diào)用語句如下：
改一下css文件的版本號改成2012就可以了：
2.更改css文件名：其實解決這個問題很簡單，緩存是通過文件名標記緩存的內(nèi)容的。在你更新了網(wǎng)站的css文件內(nèi)容后，在更換一下css的文件名就可以了。如原先html中的css調(diào)用語句如下：
改一下css文件名就可以了：
另外一種從更改css文件名的方法是將版本號寫到文件名中
css文件更新后，改一下文件名中的版本號即可：
其實css文件后面的問號起不到實際作用，僅能當作后綴，如果用問號加參數(shù)的方法，可以添加版本號等信息，同時可以刷新一下瀏覽器端的緩存。一個小小的細節(jié)，可以給我們帶來很大的方便。
本文發(fā)布于成都網(wǎng)站制作
公司創(chuàng)新互聯(lián)http://www.rwnh.cn/
網(wǎng)站名稱：如何更新緩存HTML中css和js鏈接
網(wǎng)頁網(wǎng)址：http://www.rwnh.cn/news22/227672.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設計、網(wǎng)站維護、品牌網(wǎng)站設計、全網(wǎng)營銷推廣、微信小程序、動態(tài)網(wǎng)站
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 制作企業(yè)網(wǎng)站會產(chǎn)生哪些誤區(qū)？ 2023-01-03
- 建設網(wǎng)站的作用與意義 2023-01-03
- 網(wǎng)站關鍵詞排名的正確處理方法 2023-01-02
- 百度快照推廣通過數(shù)據(jù)闡明來決定SEO優(yōu)化結(jié)果 2023-01-02
- 如何有效引流實用的引流方法 2023-01-02
- 新網(wǎng)站做seo優(yōu)化的方法 2023-01-02
- 企業(yè)網(wǎng)站哪些類型和價格？ 2023-01-02
- 如何制作出一個龐大的內(nèi)鏈的五步驟 2023-01-03
- 青島業(yè)務推廣：網(wǎng)站優(yōu)化從來都沒有捷徑-只有穩(wěn)扎穩(wěn)打 2023-01-03
- 棗莊信息推廣聊城網(wǎng)站推廣網(wǎng)站老是不收錄？分享搜索引擎不收錄文章的原因及應對法子 2023-01-03
- 什么是WEB標準?表現(xiàn)層技術是什么 2023-01-03
- 移動端網(wǎng)頁從哪里著手會做的更好？ 2023-01-02
- 百度快照推廣打破要害詞排名瓶頸，掌握影響優(yōu)化排名焦點因素 2023-01-02
- 更換網(wǎng)站域名對SEO權重影響 2023-01-02
- 百度快照要如何進行優(yōu)化？ 2023-01-02
- 人人都在討論小程序的功能，但小劍想說一說幾種推廣方法 2023-01-02
- 企業(yè)商務網(wǎng)站的創(chuàng)建 2023-01-02
- SEO優(yōu)化之偽原創(chuàng)修改標題及內(nèi)容秘籍 2023-01-02
- 自助建站與專業(yè)建站的區(qū)別 2023-01-02