一、 圖片地圖 (將幾張圖片合為一張,根據用戶點擊的位置發送不同請求,減少了圖片的請求數量)

案例所在位置:http://stevesouders.com/hpws/imagemap.php

?

二、css精靈(和圖片地圖功能相似,都是將幾張圖片合并在一起,根據位置發送不同請求)

這里不做具體使用介紹,百度有此方面內容,比圖片地圖這種方法要簡單一些

?

三、合并腳本和樣式表

使用外部的css和js文件引用的方式,要比直接寫在頁面中性能更好一點,但是與此同時,又產生了一個問題,那就是HTTP請求又有所增加

解決方案: 合并js,css

?

四、圖片使用base64編碼,減少頁面請求數

在線圖片轉base64地址: ? https://tool.css-js.com/base64.html

也可以自己在php頁面中file_get_contents獲取圖片,然后用base64_encode函數生成編碼(麻煩,還得組裝代碼,還是用在線工具吧,反正免費,還實用)

?