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

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

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

頁(yè)面優(yōu)化

靜態(tài)資源壓縮

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

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

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

樣式置頂、腳本置底

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