行業動态

減少HTTP請求數量。要(yào / yāo)提升用戶體驗就(jiù)需要(yào / yāo)在(zài)前端優化上(shàng)做文章,銀錢前端的(de)問題可能會消耗掉整體時(shí)間的(de)絕大(dà)部分。

性能黃金法則表明隻有10%—20%的(de)最終用戶響應時(shí)間花在(zài)接受請求的(de)HTML文檔中,而(ér)絕大(dà)部分時(shí)間都用在(zài)了(le／liǎo)HTML文檔引用的(de)組件進行的(de)HTTP請求上(shàng)。所以(yǐ)要(yào / yāo)想提升響應速度就(jiù)必須要(yào / yāo)減少組件數量,從而(ér)降低HTTP請求數量。

通常的(de)解決方法之(zhī)一(yī / yì ／yí)是(shì)利用CSS Sprite将網頁中比較小的(de)圖片進行整合,從而(ér)得到(dào)一(yī / yì ／yí)張圖片文件,并利用CSS的(de)background—image屬性插入圖片,之(zhī)後利用background-position屬性對圖片中所需要(yào / yāo)的(de)部分進行精确定位,從而(ér)減少服務器的(de)請求次數。