摘要:軍規(guī)重要的幾點(diǎn)也是常用的幾點(diǎn)來(lái)個(gè)總結(jié)減少請(qǐng)求減輕服務(wù)器壓力圖片合并合并合并使用內(nèi)容分發(fā)網(wǎng)絡(luò)需要花錢(qián)買(mǎi)副本服務(wù)器定義盡可能避開(kāi)互聯(lián)網(wǎng)上有可能影響數(shù)據(jù)傳輸速度和穩(wěn)定性的瓶頸和環(huán)節(jié),使內(nèi)容傳輸?shù)母旄€(wěn)定。
今天的雞湯來(lái)自“有書(shū)共讀”——《你好好說(shuō)話會(huì)死嗎?》
是,不是你心情不好,全世界都得陪你哭;不是你心情不好,周?chē)娜硕嫉萌淌苣愕囊磺小2皇悄闵響唁h芒,手藏匕首,就有資格在難過(guò)的時(shí)候,刺向你最熟悉的人,殺向所有的陌生人。
Yahoo軍規(guī)重要的幾點(diǎn)也是常用的幾點(diǎn)來(lái)個(gè)總結(jié):
減少HTTP請(qǐng)求(減輕服務(wù)器壓力)
圖片合并
JS合并
CSS合并
使用CDN(內(nèi)容分發(fā)網(wǎng)絡(luò))(需要花錢(qián)買(mǎi)副本服務(wù)器)
定義:盡可能避開(kāi)互聯(lián)網(wǎng)上有可能影響數(shù)據(jù)傳輸速度和穩(wěn)定性的瓶頸和環(huán)節(jié),使內(nèi)容傳輸?shù)母臁⒏€(wěn)定。
通俗理解:在離你最近的地方,放置一臺(tái)性能好鏈接順暢的副本服務(wù)器,你能夠以最近的距離,最快的速度獲取內(nèi)容
添加Expire/Cache-Control頭
expire頭的內(nèi)容是一個(gè)時(shí)間值,值就是本地資源在本地的過(guò)期時(shí)間、存在本地、在本地緩存階段,找到一個(gè)對(duì)應(yīng)的過(guò)期時(shí)間,就直接使用這個(gè)資源,不會(huì)請(qǐng)求http請(qǐng)求。
Cache-Control頭是http協(xié)議中常用的頭部之一,顧名思義,他是負(fù)責(zé)控制頁(yè)面的緩存機(jī)制,如果該頭部指示緩存,緩存內(nèi)容也不會(huì)存在本地,操作流程和expire相似,cache-control會(huì)有更多的選項(xiàng),而且會(huì)有更多的處理方式。
啟用Gzip壓縮(這地球人都知道)
將css放在頁(yè)面最上面
瀏覽器解析html是從上往下解析,如果把css放到下面會(huì)出現(xiàn)空白->先出現(xiàn)HTML,再出來(lái)CSS。想想都丑。
將script放在頁(yè)面最下面(基本上所有的公司都用了這種方法)
dom加載順序和css一樣的問(wèn)題,但是js不需要提前顯示。所以要放到DOM加載完成的時(shí)候。
避免在css中使用Expressions
css表達(dá)式 頁(yè)面顯示和縮放、頁(yè)面滾動(dòng)、鼠標(biāo)移動(dòng)的時(shí)候都要重新計(jì)算一次。巨耗性能。
減少DNS查詢
這個(gè)有一個(gè)峰值,和之前測(cè)試HTML中的Worker時(shí)一樣。多域名不能太多。
最小化JS和css (壓縮)
這個(gè)沒(méi)得說(shuō)webpack plugin就有的東西,拿出來(lái)打包就可以。
避免重定向
301->移動(dòng)永久重定向
302->找到了不在這個(gè)位置 臨時(shí)重定向
但是無(wú)論是哪種重定向都是請(qǐng)求了2次 2次DNS查詢=>減少DNS查詢
配置ETag
get請(qǐng)求可以被代理緩存,而post的不可以。但是辦法不是沒(méi)有!
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/80774.html
摘要:一盡可能減少請(qǐng)求什么是請(qǐng)求官方回答從客戶端到服務(wù)器端的請(qǐng)求消息包括消息首行中對(duì)資源的請(qǐng)求方法資源的標(biāo)識(shí)符及使用協(xié)議菜鳥(niǎo)回答當(dāng)你打開(kāi)網(wǎng)頁(yè)的時(shí)候所看到的文字圖片多媒體等都是從服務(wù)器獲取的每一個(gè)內(nèi)容的獲取就是請(qǐng)求把圖片合并二使用內(nèi)容分發(fā)網(wǎng)絡(luò)官方回 一、盡可能減少Http請(qǐng)求 什么是Http請(qǐng)求?官方回答:從客戶端到服務(wù)器端的請(qǐng)求消息包括消息首行中對(duì)資源的請(qǐng)求方法 資源的標(biāo)識(shí)符及使用協(xié)議菜鳥(niǎo)回...
摘要:避免重定向重定向用和狀態(tài)碼,下面是一個(gè)有狀態(tài)碼的頭瀏覽器會(huì)自動(dòng)跳轉(zhuǎn)到域指明的。除此之外還有別的跳轉(zhuǎn)方式元標(biāo)簽和,但如果你必須得做重定向,最好用標(biāo)準(zhǔn)的狀態(tài)碼,主要是為了讓返回按鈕能正常使用。要提高性能,優(yōu)化這些響應(yīng)至關(guān)重要。 showImg(https://segmentfault.com/img/bVbmMsz?w=652&h=367);一直以來(lái),性能優(yōu)化是開(kāi)發(fā)的重中之中,而提及 前端...
摘要:避免重定向重定向用和狀態(tài)碼,下面是一個(gè)有狀態(tài)碼的頭瀏覽器會(huì)自動(dòng)跳轉(zhuǎn)到域指明的。除此之外還有別的跳轉(zhuǎn)方式元標(biāo)簽和,但如果你必須得做重定向,最好用標(biāo)準(zhǔn)的狀態(tài)碼,主要是為了讓返回按鈕能正常使用。要提高性能,優(yōu)化這些響應(yīng)至關(guān)重要。 showImg(https://segmentfault.com/img/bVbmMsz?w=652&h=367);一直以來(lái),性能優(yōu)化是開(kāi)發(fā)的重中之中,而提及 前端...
摘要:避免重定向重定向用和狀態(tài)碼,下面是一個(gè)有狀態(tài)碼的頭瀏覽器會(huì)自動(dòng)跳轉(zhuǎn)到域指明的。除此之外還有別的跳轉(zhuǎn)方式元標(biāo)簽和,但如果你必須得做重定向,最好用標(biāo)準(zhǔn)的狀態(tài)碼,主要是為了讓返回按鈕能正常使用。要提高性能,優(yōu)化這些響應(yīng)至關(guān)重要。 showImg(https://segmentfault.com/img/bVbmMsz?w=652&h=367);一直以來(lái),性能優(yōu)化是開(kāi)發(fā)的重中之中,而提及 前端...
閱讀 1630·2021-11-22 13:53
閱讀 2870·2021-11-15 18:10
閱讀 2770·2021-09-23 11:21
閱讀 2515·2019-08-30 15:55
閱讀 488·2019-08-30 13:02
閱讀 766·2019-08-29 17:22
閱讀 1710·2019-08-29 13:56
閱讀 3465·2019-08-29 11:31