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

hot_pot_Leo 發(fā)布于2019-08-21 17:09 / 2795人閱讀

摘要：所以我們就需要瀏覽器端和服務(wù)器端來(lái)協(xié)商一種通用的緩存方式來(lái)幫助我們緩存大規(guī)模的文件。告訴瀏覽器在過(guò)期時(shí)間前瀏覽器可以直接從瀏覽器緩存去數(shù)據(jù)，而不用從服務(wù)器從新去數(shù)據(jù)第一次請(qǐng)求第二次請(qǐng)求流程圖

緩存

在大規(guī)模的系統(tǒng)中，我們希望大部分的文件是自動(dòng)的被緩存而不是手動(dòng)地用localstorage去緩存。所以我們就需要瀏覽器端和服務(wù)器端來(lái)協(xié)商一種通用的緩存方式來(lái)幫助我們緩存大規(guī)模的文件。

1 通過(guò)http header來(lái)配置緩存策略

Cache-Control(通用首部字段,通用首部字段是指，請(qǐng)求報(bào)文和響應(yīng)報(bào)文雙方都會(huì)使用的首部) HTTP/1.1

max-age

s-maxgae

private

public

no-cache

no-store

Expires (緩存過(guò)期時(shí)間)

用來(lái)指定資源到期時(shí)間，是服務(wù)器端的具體時(shí)間點(diǎn)。

告訴瀏覽器在過(guò)期時(shí)間前瀏覽器可以直接從瀏覽器緩存去數(shù)據(jù)，而不用從服務(wù)器從新去數(shù)據(jù)

第一次請(qǐng)求

第二次請(qǐng)求

流程圖

GPU云服務(wù)器云服務(wù)器前端性能優(yōu)化前端開(kāi)發(fā)性能優(yōu)化 web性能優(yōu)化 web前端優(yōu)化

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/89200.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 2019-08-21 18:19 評(píng)論0 收藏0
WEB前端性能優(yōu)化常見(jiàn)方法

摘要：前端是應(yīng)用服務(wù)器處理之前的部分，前端主要包括等各種資源，針對(duì)不同的資源有不同的優(yōu)化方式。常見(jiàn)方法合并多個(gè)文件和文件，利用整合圖像，使用在實(shí)際的頁(yè)面嵌入圖像數(shù)據(jù)，合理設(shè)置緩存等。 web前端是應(yīng)用服務(wù)器處理之前的部分，前端主要包括：HTML,CSS,javascript,image等各種資源，針對(duì)不同的資源有不同的優(yōu)化方式。內(nèi)容優(yōu)化 (1)減少HTTP請(qǐng)求數(shù):這條策略是最重要最有效...

miracledan 2019-08-01 16:34 評(píng)論0 收藏0
頁(yè)面性能優(yōu)化辦法有哪些？

摘要：那我們?nèi)绾蝺?yōu)化頁(yè)面性能，提高頁(yè)面加載速度呢這是本文主要要探討的問(wèn)題，然而性能優(yōu)化是個(gè)綜合性問(wèn)題，沒(méi)有標(biāo)準(zhǔn)答案，想要面面俱到羅列出來(lái)，并非易事。三利用瀏覽器緩存對(duì)于應(yīng)用來(lái)說(shuō)，緩存是提升頁(yè)面性能同時(shí)減少服務(wù)器壓力的利器。引子互聯(lián)網(wǎng)有一項(xiàng)著名的8秒原則。用戶在訪問(wèn)Web網(wǎng)頁(yè)時(shí)，如果時(shí)間超過(guò)8秒就會(huì)感到不耐煩，如果加載需要太長(zhǎng)時(shí)間，他們就會(huì)放棄訪問(wèn)。大部分用戶希望網(wǎng)頁(yè)能在2秒之內(nèi)就完成加載...

MageekChiu 2019-08-29 17:00 評(píng)論0 收藏0
頁(yè)面性能優(yōu)化辦法有哪些？

摘要：那我們?nèi)绾蝺?yōu)化頁(yè)面性能，提高頁(yè)面加載速度呢這是本文主要要探討的問(wèn)題，然而性能優(yōu)化是個(gè)綜合性問(wèn)題，沒(méi)有標(biāo)準(zhǔn)答案，想要面面俱到羅列出來(lái)，并非易事。三利用瀏覽器緩存對(duì)于應(yīng)用來(lái)說(shuō)，緩存是提升頁(yè)面性能同時(shí)減少服務(wù)器壓力的利器。引子互聯(lián)網(wǎng)有一項(xiàng)著名的8秒原則。用戶在訪問(wèn)Web網(wǎng)頁(yè)時(shí)，如果時(shí)間超過(guò)8秒就會(huì)感到不耐煩，如果加載需要太長(zhǎng)時(shí)間，他們就會(huì)放棄訪問(wèn)。大部分用戶希望網(wǎng)頁(yè)能在2秒之內(nèi)就完成加載...

raoyi 2019-08-02 11:47 評(píng)論0 收藏0
頁(yè)面性能優(yōu)化辦法有哪些？

摘要：那我們?nèi)绾蝺?yōu)化頁(yè)面性能，提高頁(yè)面加載速度呢這是本文主要要探討的問(wèn)題，然而性能優(yōu)化是個(gè)綜合性問(wèn)題，沒(méi)有標(biāo)準(zhǔn)答案，想要面面俱到羅列出來(lái)，并非易事。三利用瀏覽器緩存對(duì)于應(yīng)用來(lái)說(shuō)，緩存是提升頁(yè)面性能同時(shí)減少服務(wù)器壓力的利器。引子互聯(lián)網(wǎng)有一項(xiàng)著名的8秒原則。用戶在訪問(wèn)Web網(wǎng)頁(yè)時(shí)，如果時(shí)間超過(guò)8秒就會(huì)感到不耐煩，如果加載需要太長(zhǎng)時(shí)間，他們就會(huì)放棄訪問(wèn)。大部分用戶希望網(wǎng)頁(yè)能在2秒之內(nèi)就完成加載...

rockswang 2019-08-23 12:26 評(píng)論0 收藏0