Web優化 減少http的請求數量(前端)

2022-08-27 13:03:09 字數 707 閱讀 6045

使用image maps替換多張帶有超連結的,使用地圖這種方式可以減少http請求。實際使用的時,發現載入image maps的時間倒是很長,客戶端地圖可以使用map標籤實現操作。

css sprites也可以合併,但更為靈活。css sprites是任何支援背景的html元素。使用css的background-position屬性,可以將html元素放置到背景中期望的位置上。

<

div

style

="background-image:url('a_sprites.gif');background-position:-260px -90px;width:26px;height:24px;"

>

div>

css sprites定位

地圖也可以用css sprites的方式實現。相對於地圖,它的沒有必要連續的。

通過使用data:url模式可以在web頁面中包含但無需任何額外的http請求。因為url是內聯在頁面中的,在跨越不同頁面時不會被快取。不要內聯公司logo,因為編碼過的logo會導致頁面變大。這種情況下,聰明的做法是使用css並將內聯作為背景。將該css規則放在外部樣式表中,這意味著資料可以快取在樣式表內部。

合併指令碼和樣式表。將這些單獨的檔案合併到乙個檔案中,可以減少http請求的數量並縮短終端使用者響應時間。

摘抄於《高效能**建設指南》

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

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

使用CSS sprites減少HTTP請求

sprites是鬼怪,小妖精,調皮鬼的意思,初聽這個高階洋氣的名字我被震懾住了,一步步掀開其面紗後發覺很簡單的東西,作用卻很大 css sprites是指把網頁中很多小 很多圖示檔案 做成按規律排列的一張大圖上,在顯示的時候通過background image background position...

怎麼減少http請求次數

1.減少頁面中的元素 網頁中的的 form flash等等元素都會發出http請求,盡可能的減少頁面中非必要的元素,可以減少http請求的次數。2.css sprites css精靈 是增加http請求的最大可能者,把全站的圖示都放在乙個影象檔案中,然後用css的background image和b...