這次帶給大家前端網頁基本效能優化,的注意事項有哪些,以下就是實戰案例,一起來看一下。
頁面最佳化
靜態資源壓縮
#借助建置工具(webpack、gulp)適當壓縮圖片、腳本及樣式等網頁靜態資源。
CSS雪碧圖、base64內嵌圖片
將站內小圖示合併成一張圖,使用css定位截取對應圖示;適當使用內嵌圖片。
樣式置頂、腳本置底
頁面是逐步呈現的過程,樣式置頂能更快呈現頁面給使用者;
作者最新文章
-
2018-06-11 11:57:34
-
2018-06-15 15:55:18
-
2018-06-15 15:49:00
-
2018-06-15 15:46:15
-
2018-06-15 15:42:38
-
2018-06-15 15:40:34
-
2018-06-15 15:39:32
-
2018-06-15 15:37:14
-
2018-06-15 15:34:21
-
2018-06-15 15:22:51