頁面效能優化

2021-10-01 10:55:25 字數 809 閱讀 5040

提公升頁面效能的方法有哪些?

1.資源壓縮合併,減少http請求

2.非核心**非同步載入

非同步載入的方式?

1.動態指令碼載入

2.defer 直接在script標籤的上加

3.async

非同步載入的區別

1.defer是在html解析完之後才會去執行,如果是多個,按照載入的順序依次執行

2.async是在載入完之後立即執行,如果是多個,執行順序和載入順序無關

3.利用瀏覽器快取

快取的分類

1.強快取 不問伺服器,直接使用快取 (在這段時間之前都不會去訪問伺服器)

expires expires: thu,21 jan 2017 23:39:02 gmt 客戶端當前時間

cache-control: cache-control:max-age=3600 客戶端間隔時間(兩者都有時,以後者為準)

2.協商快取 問問伺服器,要不要用快取

last-modified if-last-modified last-modified:wed,26 jan 2017 00:35:11 gmt

(上次修改的時間,當強快取失效,返回上次給的時間)

etag if-none-match (伺服器發給客戶端,資源是否被修改)

4.使用cdn

5.預解析dns

https預解析時關閉的

頁面效能優化

以前的老大說過一句話,乙個頁面誰都能做。關鍵是誰能做好,乙個好是很關鍵的,首先是細節處理的好,效能優化的好。效能優化越來越重要,尤其是終端裝置越來越普及的今天,我也看了好多這方面的資料,總結一下有以下幾條 2 減少瀏覽器重繪和重排的次數 重繪會由改變元素的樣式如顏色visibility,重排是改變元...

頁面效能優化

從使用者角度 優化能夠讓頁面載入得更快,對使用者操作響應更及時,提高使用者使用的體驗 從服務商角度 優化能夠減少頁面請求數,減小請求所占用頻寬,節省可觀的資源 js,css等資源的打包壓縮 利用css sprites合併css小,減少請求 結構優化,高復用,低耦合,減少重複 樣式表置於頂部,指令碼置...

Web 頁面效能優化

web 頁面效能優化 二 減少 http 的請求數 當使用者瀏覽頁面時,如果我們在使用者第一次訪問時將一些資訊一次性載入到客戶端快取,使用者訪問其他頁面時是可以大大提高頁面訪問速度的,因為每一次發生http請求是要產生伺服器開銷的,常用的方法有 合併css,js,並作為外部引用,這樣就可以減少訪問其...