摘要：雪碧圖內(nèi)聯(lián)圖片將站內(nèi)小圖標(biāo)合并成一張圖，使用定位截取對應(yīng)圖標(biāo)適當(dāng)使用內(nèi)聯(lián)圖片。瀏覽器緩存合理設(shè)置瀏覽器緩存是網(wǎng)頁優(yōu)化的重要手段之一。為什么要減少請求在性能優(yōu)化中減少請求的措施占了很大部分，比如使用雪碧

這篇文章主要介紹了淺談網(wǎng)頁基本性能優(yōu)化規(guī)則小結(jié)的相關(guān)資料，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

針對瀏覽器網(wǎng)頁的一些優(yōu)化規(guī)則

頁面優(yōu)化

靜態(tài)資源壓縮

借助構(gòu)建工具（webpack、gulp）適當(dāng)壓縮圖片、腳本及樣式等網(wǎng)頁靜態(tài)資源。

CSS雪碧圖、base64內(nèi)聯(lián)圖片

將站內(nèi)小圖標(biāo)合并成一張圖，使用css定位截取對應(yīng)圖標(biāo)；適當(dāng)使用內(nèi)聯(lián)圖片。

樣式置頂、腳本置底

頁面是一個(gè)逐步呈現(xiàn)的過程，樣式置頂能更快呈現(xiàn)頁面給用戶；