1.只請求當(dāng)前需要的資源
執(zhí)行方法有:
1.異步加載值依;
2.懶加載;
2.縮減資源體積
執(zhí)行方法有:
1.打包壓縮:webpack窥浪;
2.圖片格式的優(yōu)化祖很,webp格式。推薦一個好的壓縮圖片工具漾脂,線上直接壓縮就可以:https://tinypng.com/假颇;
3.壓縮。根據(jù)屏幕分辨率展示不同分辨率的圖片(如果移動和pc同時做骨稿,需要適配笨鸡,如果只是移動端,屏幕差不多坦冠,用普通的375px就可以)形耗;
3.時序優(yōu)化
1.可以用promise.all把一些邏輯業(yè)務(wù)不相關(guān)的請求并行請求。
2.prerender, 而prerender不僅會加載資源辙浑,還會解執(zhí)行頁面激涤,進(jìn)行預(yù)渲染
<link rel="prerender" >
3.preload:瀏覽器會在遇到如下link標(biāo)簽時,立刻開始下載main.js(不阻塞 non-render-blocking )例衍,并放在內(nèi)存中昔期,但不會執(zhí)行其中的JS語句。只有當(dāng)遇到script標(biāo)簽加載的也是main.js的時候佛玄,瀏覽器才會直接將預(yù)先加載的JS執(zhí)行掉硼一。
<link rel="preload" href="fonts/cicle_fina-webfont.eot" as="font" type="application/vnd.ms-fontobject" crossorigin="anonymous">