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