摘要:合并請(qǐng)求這里的合并主要針對(duì)當(dāng)前頁(yè)面上訪問(wèn)的資源文件,比如圖片等。為甚么要合并請(qǐng)求有人會(huì)很奇怪,現(xiàn)代瀏覽器都可以并發(fā)請(qǐng)求資源了,為什么還要這么做我只能說(shuō)你還了。
DNS預(yù)熱
一次DNS解析耗時(shí)20-120ms, 當(dāng)網(wǎng)頁(yè)中使用的域名較多時(shí),DNS預(yù)熱節(jié)省的時(shí)間還是非??捎^的先看效果 預(yù)熱的目的:
減少請(qǐng)求次數(shù)
提前對(duì)DNS預(yù)獲取
預(yù)熱的方式爬蟲
APP
網(wǎng)頁(yè)meta
另外,對(duì)于國(guó)際化站點(diǎn)尤其需要這么做,舉個(gè)例子,在美國(guó)訪問(wèn)中國(guó)的網(wǎng)站,DNS解析會(huì)回源到中國(guó),耗時(shí)通常在400ms至800ms,甚至更長(zhǎng),如果提前預(yù)熱,那么可以節(jié)省這些時(shí)間。合并HTTP請(qǐng)求
這里的合并主要針對(duì)當(dāng)前頁(yè)面上訪問(wèn)的資源文件,比如css,js,圖片等。為甚么要合并請(qǐng)求?
有人會(huì)很奇怪,現(xiàn)代瀏覽器都可以并發(fā)請(qǐng)求資源了,為什么還要這么做?我只能說(shuō)你還too young too simple了。瀏覽器雖然可以并發(fā),但是PC接入互聯(lián)網(wǎng)的帶寬是有限的,瀏覽器所能用的TCP鏈接更是有限的,我來(lái)看一個(gè)網(wǎng)頁(yè)請(qǐng)求的實(shí)例:
看到了吧,一個(gè)2KB的資源加載需要將近0.5s,而99%時(shí)間是等待, OMG! 所以還掙扎什么,老老實(shí)實(shí)的用webpack壓在一起吧。
注意chrome在http和https下相同域名可以并發(fā)的請(qǐng)求數(shù)不同:http = 6,https > 13,這里并發(fā)是有相當(dāng)?shù)乃?,從上圖中可以看出,鏈接雖然建立了,但并沒(méi)什么卵用,依然要等待之前的資源下載下來(lái)才開始生效,至于瀏覽器為啥要這般?(誰(shuí)知道可以留言告知,萬(wàn)分感謝?。?/pre> 更多參考瀏覽器請(qǐng)求靜態(tài)資源的并發(fā)數(shù)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/92277.html
摘要:合并請(qǐng)求這里的合并主要針對(duì)當(dāng)前頁(yè)面上訪問(wèn)的資源文件,比如圖片等。為甚么要合并請(qǐng)求有人會(huì)很奇怪,現(xiàn)代瀏覽器都可以并發(fā)請(qǐng)求資源了,為什么還要這么做我只能說(shuō)你還了。 DNS預(yù)熱 一次DNS解析耗時(shí)20-120ms, 當(dāng)網(wǎng)頁(yè)中使用的域名較多時(shí),DNS預(yù)熱節(jié)省的時(shí)間還是非常可觀的 先看效果 showImg(https://segmentfault.com/img/bV0A1g?w=982&h=9...
摘要:那我們?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)就完成加載...
摘要:那我們?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)就完成加載...
摘要:那我們?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)就完成加載...
閱讀 3728·2023-04-25 23:32
閱讀 2101·2019-08-30 15:55
閱讀 2707·2019-08-30 15:52
閱讀 3169·2019-08-30 10:54
閱讀 899·2019-08-29 16:16
閱讀 711·2019-08-29 15:09
閱讀 3714·2019-08-26 14:05
閱讀 1686·2019-08-26 13:22