Web前端效能優化 如何提高頁面載入速度

2021-10-24 11:07:58 字數 348 閱讀 4820

最近參加了兩次前端面試,都提到了頁面優化的問題,所以做個記錄吧!

字型圖示:在可以大量使用字型圖示的地方我們可以盡可能使用字型圖示,字型圖示可以減少很多的使用,從而減少http請求,字型圖示還可以通過css來設定顏色、大小等樣式。

將樣式表放在頭部對於實際頁面載入的時間並不能造成太大影響,但是這會減少頁面首屏出現的時間,使頁面內容逐步呈現,改善使用者體驗,防止「白屏」。

將樣式表放在文件底部會阻止瀏覽器中的內容逐步出現。為了避免當樣式變化時重繪頁面元素,瀏覽器會阻塞內容逐步呈現,造成「白屏」。這源自瀏覽器的行為:如果樣式表仍在載入,構建呈現樹就是一種浪費,因為所有樣式表載入解析完畢之前務虛會之任何東西

Web 頁面效能優化

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

web前端效能優化

01 減少http請求 使用css sprite 合併js css02 使用cdn 當頁面中有很多資源的時候可以從不同伺服器中讀取 設定長的expires時間將直接減少http請求 如果資源設定了expires頭為將來的某個時間,下次訪問時候瀏覽器 發現資源還沒有過期,會直接從快取中讀取,不會再次產...

web前端效能優化

一 網路相關的一切,包括dns解析 http請求等等 二 web優化,就是前端頁面相關部分,也就是我們日常擼 能夠做到的一些 1 設定dns多級快取 瀏覽器快取,系統快取,路由器快取,ips伺服器快取,根網域名稱伺服器快取,頂級網域名稱伺服器快取,主網域名稱伺服器快取。2 dns負載均衡 dns重定...