網(wǎng)站seo優(yōu)化CSS Sprite
日期 : 2022-01-05 19:33:50
為了對(duì)HTTP請(qǐng)求進(jìn)行優(yōu)化,可以利用CSS Sprite對(duì)網(wǎng)頁(yè)中比較松散的小圖片進(jìn)行整合,從而得到一張圖片文件,并利用CSS的background-image屬性插入圖片,之后利用background-position屬性對(duì)圖片中所需要的部分進(jìn)行精確定位,從而減少服務(wù)器的請(qǐng)求次數(shù)。
目前,新的瀏覽器會(huì)使用緩存來減少http次數(shù),并減少http響應(yīng)的大小。主流的Web服務(wù)器,比如tomcat,可以使用Expires頭來告訴瀏覽器可以使用一個(gè)組件的當(dāng)前副本,直到指定的時(shí)間為止。這樣在第二次試圖請(qǐng)求某個(gè)資源時(shí),便可以從瀏覽器的緩存中讀取,避免了網(wǎng)絡(luò)傳輸,從而能加快頁(yè)面的加載速度,當(dāng)然,一般針對(duì)圖像、樣式、腳本等靜態(tài)文件增加響應(yīng)頭,具體參數(shù)設(shè)定根據(jù)更新頻率、用戶使用頻率等進(jìn)行設(shè)定。
目前,新的瀏覽器會(huì)使用緩存來減少http次數(shù),并減少http響應(yīng)的大小。主流的Web服務(wù)器,比如tomcat,可以使用Expires頭來告訴瀏覽器可以使用一個(gè)組件的當(dāng)前副本,直到指定的時(shí)間為止。這樣在第二次試圖請(qǐng)求某個(gè)資源時(shí),便可以從瀏覽器的緩存中讀取,避免了網(wǎng)絡(luò)傳輸,從而能加快頁(yè)面的加載速度,當(dāng)然,一般針對(duì)圖像、樣式、腳本等靜態(tài)文件增加響應(yīng)頭,具體參數(shù)設(shè)定根據(jù)更新頻率、用戶使用頻率等進(jìn)行設(shè)定。
相關(guān)文章
精彩導(dǎo)讀
熱門資訊
