Vitaminaq / interview-collection

前端面试合集
3 stars 0 forks source link

怎么进行首屏优化(从代码,网络,缓存等层面来描述) #5

Open Vitaminaq opened 2 years ago

Vitaminaq commented 2 years ago

以下仅个人观点,欢迎补充。

首屏优化

图片懒加载;雪碧图;js放于body后,分析js文件设置defer和async;虚拟滚动;采用ssr或者ssg;升级http协议至2.0,3.0;开启文件压缩;根据构建工具hash命名特性,对资源文件进行强缓存和协商缓存;注册servicework;启用cdn;骨架屏,占位图;图片渐进式加载等; 单页面:路由懒加载;非首屏资源采用延迟加载;库的按需引入和注册;状态管理store模块按需初始化等;