乙個網頁開啟很慢的分析過程

乙個網頁開啟很慢的分析過程

頁面開啟慢的原因有網路問題、渲染問題、**問題等等

1、檢視網路情況

開啟chrome瀏覽器的開發者選項，選擇network選單，重新整理頁面，對請求情況進行分析，記錄domcontentloaded時間、load時間、頁面檔案大小

找出無效的請求、失敗的請求、耗時長的、檔案大的資源，並按分類統計請求數量

無效的請求、失敗的請求：查明原因並解決，如位址失效、拼寫錯誤等

耗時長的請求：分析timing選單，耗時的部分在**，等待時間長，尋求後端一起解決、或用多個域進行資源請求

檔案大的資源：檢查**是否壓縮、傳輸時是否使用gzip進行壓縮，檔案是否拆分，如果有第三方類庫可以提出來使用cdn引入

如果有很多小的資源：可以考慮合併，或是bese64的方式

2、渲染問題

把css檔案放到head部分

js放到底部

3、**問題

精簡**dom層級、數量

避免使用table、iframe標籤

使用精確的css類名，去除多餘無用的選擇器層級

乙個網頁開啟的全過程

從使用者在瀏覽器輸入網域名稱開始，到web頁面載入完畢，這是乙個說複雜不複雜，說簡單不簡單的過程，下文暫且把這個過程稱作網頁載入過程。下面我將依靠自己的經驗，總結一下整個過程。如有錯漏，歡迎指正。閱讀本文需要讀者已有一定的計算機知識，了解tcp dns等。眾所周知，開啟乙個網頁的過程中，瀏覽器會因頁...

乙個網頁的形成過程

乙個網頁從我們輸入 到開啟經歷了以下步驟。dns 網域名稱系統 domain name system 由解析器和網域名稱伺服器組成,網域名稱伺服器儲存著該網路中所有主機的網域名稱和對應的ip位址,網域名稱有唯一對應的ip位址,但是ip位址不一定對應乙個網域名稱，我們就是根據dns來上網的。過程簡述 ...

面試常見題 乙個網頁開啟的全過程

從使用者在瀏覽器輸入網域名稱開始，到web頁面載入完畢，這是乙個說複雜不複雜，說簡單不簡單的過程，下文暫且把這個過程稱作網頁載入過程。下面我將依靠自己的經驗，總結一下整個過程。如有錯漏，歡迎指正。閱讀本文需要讀者已有一定的計算機知識，了解tcp dns等。眾所周知，開啟乙個網頁的過程中，瀏覽器會因頁...