国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端性能優(yōu)化--緩存

ytwman / 2836人閱讀

摘要：緩存控制設(shè)置緩存存儲(chǔ)的最大周期，超過(guò)這個(gè)時(shí)間緩存被認(rèn)為過(guò)期單位秒。

Cache-Control

Cache-Control：緩存控制

max-age

s-maxage

private

public

no-cache

no-store

max-age

設(shè)置緩存存儲(chǔ)的最大周期，超過(guò)這個(gè)時(shí)間緩存被認(rèn)為過(guò)期(單位秒)。與Expires相反，時(shí)間是相對(duì)于請(qǐng)求的時(shí)間，

優(yōu)先級(jí)高于Expires

s-maxage

覆蓋max-age 或者 Expires 頭，但是僅適用于共享緩存(比如各個(gè)代理)，并且私有緩存中它被忽略

只能用于public,如CDN

優(yōu)先級(jí)高于max-age

]

private

表明響應(yīng)只能被單個(gè)用戶緩存，不能作為共享緩存（即代理服務(wù)器不能緩存它）,可以緩存響應(yīng)內(nèi)容

自己的服務(wù)器

public

表明響應(yīng)可以被任何對(duì)象（包括：發(fā)送請(qǐng)求的客戶端，代理服務(wù)器，等等）緩存。

CDN,可以被多個(gè)用戶請(qǐng)求

no-cache

在釋放緩存副本之前，強(qiáng)制高速緩存將請(qǐng)求提交給原始服務(wù)器進(jìn)行驗(yàn)證

這個(gè)文件不管怎么樣,都會(huì)向服務(wù)器發(fā)起請(qǐng)求,去服務(wù)器哪邊詢問(wèn),這個(gè)文件有沒(méi)有在緩存策略里

no-store

緩存不應(yīng)存儲(chǔ)有關(guān)客戶端請(qǐng)求或服務(wù)器響應(yīng)的任何內(nèi)容。

不會(huì)使用任何緩存策略

Expires

緩存過(guò)期時(shí)間,用來(lái)指定資源的到期時(shí)間,是服務(wù)器端的具體的時(shí)間點(diǎn)

告訴瀏覽器在過(guò)期時(shí)間前瀏覽器可以直接從瀏覽器緩存取數(shù)據(jù),而不用再次請(qǐng)求

max-age的優(yōu)化級(jí)高于expires,當(dāng)有max-age的時(shí)候,會(huì)無(wú)視expires

當(dāng)在有效時(shí)間內(nèi),如果服務(wù)器端的文件已經(jīng)發(fā)生改變,但是瀏覽器端無(wú)法感知

Last-Modified/If-Modified-Since

Last-Modified 是一個(gè)響應(yīng)首部，其中包含源頭服務(wù)器認(rèn)定的資源做出修改的日期及時(shí)間。 它通常被用作一個(gè)驗(yàn)證器來(lái)判斷接收到的或者存儲(chǔ)的資源是否彼此一致。由于精確度比 ETag 要低，所以這是一個(gè)備用機(jī)制。包含有 If-Modified-Since 或 If-Unmodified-Since 首部的條件請(qǐng)求會(huì)使用這個(gè)字段。

基于客戶端和服務(wù)端協(xié)商的緩存機(jī)制

Last-Modified ----response header

If-Modified-Since----request header

需要與cache-control共同使用

max-age的優(yōu)先級(jí)高于Last-Modified

缺點(diǎn):

某些服務(wù)端不能獲取精確的修改時(shí)間

文件修改時(shí)間改了,但文件內(nèi)容卻沒(méi)有變

效果

勾上disable cache

第一次請(qǐng)求,狀態(tài)碼200,response header里有返回Last-Modified

不勾disable cache

刷新,狀態(tài)碼304,request header里有If-Modified-Since

因?yàn)榭蛻舳税l(fā)送過(guò)來(lái)的的Modified與服務(wù)端的Modified一樣,所以使用緩存

Etag/If-None-Match

ETagHTTP響應(yīng)頭是資源的特定版本的標(biāo)識(shí)符。這可以讓緩存更高效，并節(jié)省帶寬，因?yàn)槿绻麅?nèi)容沒(méi)有改變，Web服務(wù)器不需要發(fā)送完整的響應(yīng)。而如果內(nèi)容發(fā)生了變化，使用ETag有助于防止資源的同時(shí)更新相互覆蓋（“空中碰撞”）

文件內(nèi)容的hash值

etag--response header

if-none-match -- request header

要與cache-control共同使用

效果

清掉緩存

第一次請(qǐng)求，服務(wù)器返回etag

可以使用緩存

再次請(qǐng)求，客戶端向服務(wù)器發(fā)送if-none-match

因?yàn)?個(gè)值一樣，所以返回304，讓瀏覽器讀取本地的資源

分級(jí)緩存策略

流程圖

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/30946.html

相關(guān)文章

  • 前端性能優(yōu)化

    摘要：端優(yōu)談?wù)勱P(guān)于前端的緩存的問(wèn)題我們都知道對(duì)頁(yè)面進(jìn)行緩存能夠有利于減少請(qǐng)求發(fā)送，從而達(dá)到對(duì)頁(yè)面的優(yōu)化。而作為一名有追求的前端，勢(shì)必要力所能及地優(yōu)化我們前端頁(yè)面的性能。這種方式主要解決了淺談前端中的過(guò)早優(yōu)化問(wèn)題過(guò)早優(yōu)化是萬(wàn)惡之源。 優(yōu)化向：?jiǎn)雾?yè)應(yīng)用多路由預(yù)渲染指南 Ajax 技術(shù)的出現(xiàn)，讓我們的 Web 應(yīng)用能夠在不刷新的狀態(tài)下顯示不同頁(yè)面的內(nèi)容，這就是單頁(yè)應(yīng)用。在一個(gè)單頁(yè)應(yīng)用中，往往只有一...

    Dean 評(píng)論0 收藏0

  • 實(shí)踐中的電商前端優(yōu)化

    摘要：前端優(yōu)化已經(jīng)是一個(gè)被寫(xiě)爛的題材了。前端模板方案有很多。重繪是瀏覽器性能優(yōu)化的一個(gè)重點(diǎn)，特別是針對(duì)的優(yōu)化。如果你對(duì)前端性能優(yōu)化有自己的想法，歡迎騷擾我。 前端優(yōu)化已經(jīng)是一個(gè)被寫(xiě)爛的題材了。 雖千萬(wàn)人吾往矣，這里我僅分享我的一些實(shí)踐經(jīng)驗(yàn)。 歡迎一起交流 歡迎關(guān)注我的個(gè)人公眾號(hào)，不定期更新自己的工作心得。 showImg(https://segmentfault.com/img/remote...

    Michael_Ding 評(píng)論0 收藏0

  • 實(shí)踐中的電商前端優(yōu)化

    摘要：前端優(yōu)化已經(jīng)是一個(gè)被寫(xiě)爛的題材了。前端模板方案有很多。重繪是瀏覽器性能優(yōu)化的一個(gè)重點(diǎn)，特別是針對(duì)的優(yōu)化。如果你對(duì)前端性能優(yōu)化有自己的想法，歡迎騷擾我。 前端優(yōu)化已經(jīng)是一個(gè)被寫(xiě)爛的題材了。 雖千萬(wàn)人吾往矣，這里我僅分享我的一些實(shí)踐經(jīng)驗(yàn)。 歡迎一起交流 歡迎關(guān)注我的個(gè)人公眾號(hào)，不定期更新自己的工作心得。 showImg(https://segmentfault.com/img/remote...

    Dongjie_Liu 評(píng)論0 收藏0

  • 實(shí)踐中的電商前端優(yōu)化

    摘要：前端優(yōu)化已經(jīng)是一個(gè)被寫(xiě)爛的題材了。前端模板方案有很多。重繪是瀏覽器性能優(yōu)化的一個(gè)重點(diǎn)，特別是針對(duì)的優(yōu)化。如果你對(duì)前端性能優(yōu)化有自己的想法，歡迎騷擾我。 前端優(yōu)化已經(jīng)是一個(gè)被寫(xiě)爛的題材了。 雖千萬(wàn)人吾往矣，這里我僅分享我的一些實(shí)踐經(jīng)驗(yàn)。 歡迎一起交流 歡迎關(guān)注我的個(gè)人公眾號(hào)，不定期更新自己的工作心得。 showImg(https://segmentfault.com/img/remote...

    lakeside 評(píng)論0 收藏0

  • 淺談網(wǎng)站性能之前端性能優(yōu)化

    摘要：淺談網(wǎng)站性能之前端性能優(yōu)化性能優(yōu)化的目的無(wú)非是減少用戶流量消耗，提升用戶首屏體驗(yàn)，提升用戶訪問(wèn)速度，讓用戶專注內(nèi)容本身。前端性能優(yōu)化減少請(qǐng)求數(shù)量基本原理在瀏覽器與服務(wù)器進(jìn)行通信時(shí)，主要是通過(guò)進(jìn)行通信。 最近項(xiàng)目慢慢走上正軌，需求趨于平穩(wěn)，這才想起需要對(duì)整站進(jìn)行性能優(yōu)化。經(jīng)過(guò)一段時(shí)間的學(xué)習(xí)，結(jié)合現(xiàn)在項(xiàng)目的實(shí)際性能情況，發(fā)現(xiàn)確實(shí)有許多地方可以進(jìn)行優(yōu)化。于是就開(kāi)始了我的前端性能優(yōu)化之旅。以下...

    Winer 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<