前端優化之最小化http請求

2021-10-09 21:15:07 字數 1370 閱讀 7205

關於前端效能優化的總結,隨處都可以看到這方面的文章,而優化方法,也無外乎那些「固定」方面,當然,有些方面已經過時,所以,在這裡,我主要是針對於一點去做出了總結也是能為了加深印象。

一、什麼是前端效能優化(what)?

從使用者訪問資源到資源完整的展現在使用者面前的過程中,通過技術手段和優化策略,縮短每個步驟的處理時間從而提公升整個資源的訪問和呈現速度。

二、為什麼要做前端效能優化(why)?

在構建web站點的過程中,任何乙個細節都有可能影響**的訪問速度,如果不了解效能優化知識,很多不利**訪問速度的因素會形成累加,從而嚴重影響**的效能,導致**訪問速度變慢,使用者體驗低下,最終導致使用者流失。

三、前端效能優化的原則(rule)

1、不要按照準則照本宣科的做,需要根據實際情況因地制宜;

2、不出bug!

回歸重點如何儘量減少http請求?

減少頁面中的元件數量的方法之一是簡化頁面的設計。但是有沒有一種方法可以在構建內容更豐富的頁面的同時還能實現快速響應時間呢?下面是一些減少http請求數量。同時又支援豐富頁面的技術。

組合檔案

組合檔案是一種減少http請求數量的方法,將所有指令碼組合成乙個指令碼,同樣將所有指令碼組合成乙個指令碼,同樣將所有css組合成乙個樣式表。當指令碼和樣式表因頁面而異時,合併檔案更具挑戰性,但將其作為流程發布的一部分,可以提高響應時間。

css sprites

css sprites是減少請求數量的首選方法,將你的背景組合成一張影象,並使用css background-image和background-position屬性來顯示所需的影象段。

影象地圖將多個影象組合成乙個影象。整體大小差不多,但減少了http請求的數量,加快了頁面的速度。影象地圖只有在頁面中的影象是連續的時才有效,例如導航欄。定義影象地圖的座標會很繁瑣,而且容易出錯。使用影象地圖做導航也是無法訪問的,所以不建議使用。

內嵌使用資料。url方案將影象資料嵌入到實際頁面中。這可能會增加你的html文件的大小。將內聯結合到你的(快取)樣式表中是一種減少http請求並避免增加頁面大小的方法。並非所有主流瀏覽器都支援內聯。

減少頁面中的http請求數量是開始的地方。這是提高首次訪問者效能的最重要準則。正如tenni theurer的部落格文章《瀏覽器快取使用情況–**!》中所描述的那樣,每天有40-60%的**訪問者是在快取為空的情況下進入的。讓你的頁面對這些首次訪問者來說是快速的,

Linux最小化安裝後優化

1.配置網絡卡 bin bash 修改網絡卡名為eth0 eth1形式 sed i linux16.s net.ifnames 0 biosdevname 0 g boot grub2 grub.cfg 刪除原網絡卡名對應配置檔案 rm rf etc sysconfig network script...

Apache 自己設定conf之最小化的conf

自己設定最小的 httpd.conf 詳細內容 接著上面,在xp下安裝apache來說 使用網路安裝後 httpd.exe應該在安裝目錄在bin目錄下 如 d servers apache software foundation apache2.2 for test bin 現在需要 自己來建立乙個...

前端效能優化之減少Http請求

前言 乙個頁面的 開啟速度是其 效能最直觀的體現,那麼影響其開啟速度的因素有什麼呢?此處不再展開。本文主要聊聊關於減少http請求以達到節省時間的目的 問 減少http請求為什麼能節省時間?頁面資源的請求,80 的時間耗費在http請求上,由於tcp請求是基於連線的請求,其連線與釋放需要一定的時間。...