效能 雅虎軍規(14條常用)筆記

2022-07-09 10:51:14 字數 1951 閱讀 4491

1.盡可能減少http請求(文字,(css sprite),css,js)--->需要了解http1和http2的區別

2.使用cdn(內容分發網路)(每台副本伺服器都需要一定的成本,從硬體上)

3.增加expire/cache-control頭(設定過期的時間,存在客戶端的快取中,可以採用cookie或web storage)

4.啟動gzip壓縮(即在伺服器壓縮) -->node有gzip模組,了解gzip

5.將css放在頁面最上面(避免頁面因為速度慢出現空白和閃爍的問題,讓頁面先渲染)

6.將js放在頁面最下面(避免js**出現死迴圈等錯誤而影響到頁面的渲染)

7.避免在css中使用expressions(css表示式)

8.將js和css外部引用(看情況)

9.減少dns查詢

10.壓縮js和css

11.避免使用重定向(特別是302)

12.移除重複的指令碼

13.配置實體標籤(etag)

14.使用ajax快取

另:可以使用在火狐瀏覽器上安裝yslow工具進行網頁的效能分析

if ("你對我感興趣")

else

筆記 我理解到的前端效能優化之14條軍規

儘量減少http請求,所以有些公司會把js,css寫在內部 使用cdn內容分發網路 content delivery network,比如北京的使用者訪問北京的伺服器,杭州的使用者訪問杭州伺服器 啟用gzip壓縮,將 在伺服器端壓縮,傳送到瀏覽器以後再解壓縮 css訪問檔案最前面,因為部分瀏覽器在c...

前端效能優化 14 條規則

前端優化的 準則指導著前端頁面的優化策略 只有10 20 的終端使用者響應時間花在接受請求的html文件上,剩下的80 90 時間花在為html文件所引用的所有元件 指令碼 樣式表等 進行的http請求上。因此,改善響應時間的最簡單途徑就是減少元件的數量,並由此減少http請求的數量。當然很多人就會...

效能提公升的14條規則(九)

規則9 減少dns查詢 internet是通過ip位址來查詢伺服器的。由於ip位址很難記憶,通常使用包含主機名的urllai 來取代它,但當瀏覽器傳送其請求時,ip位址仍然是必需的。這就是domain name system dns 所處的角色。dns將主機名對映到ip位址上,就像 本將人名對映到他...