分類導(dǎo)航

web性能優(yōu)化之：no-cache與must-revalidate深入探究

稍微了解HTTP協(xié)議的前端同學(xué)，相比對(duì)Cache-Control不會(huì)感到陌生，性能優(yōu)化時(shí)經(jīng)常都會(huì)跟它打交道。

常見的值有有private、public、no-store、no-cache、must-revalidate、max-age等。

各個(gè)取值所代表的含義，網(wǎng)上總結(jié)挺多的，這里就不打算再進(jìn)行逐一介紹，感興趣的可以一起探討交流。

本文僅挑no-cache、must-revalidate 這兩個(gè)進(jìn)行值進(jìn)行探究對(duì)比。在項(xiàng)目實(shí)踐中，這兩個(gè)值用的比較多，也比較容易搞混。

如果對(duì)論證過程不感興趣，也可以直接跳到“對(duì)比結(jié)論”小節(jié)查看結(jié)論。

Cache-Control: no-cache

Cache-Control: max-age=60, must-revalidate

no-cache: 告訴瀏覽器、緩存服務(wù)器，不管本地副本是否過期，使用資源副本前，一定要到源服務(wù)器進(jìn)行副本有效性校驗(yàn)。
must-revalidate：告訴瀏覽器、緩存服務(wù)器，本地副本過期前，可以使用本地副本；本地副本一旦過期，必須去源服務(wù)器進(jìn)行有效性校驗(yàn)。

上面的介紹涉及三個(gè)主體：瀏覽器、緩存服務(wù)器、源服務(wù)器。下面小節(jié)會(huì)簡(jiǎn)單進(jìn)行介紹。