按实际项目需求配置webpack的optimization选项;可查看以下连接进行研究(https://webpack.docschina.org/guides/caching/#extracting-boilerplate、)
使用import()实现动态加载;
使用Webpack v4.6.0+ 增加的预获取和预加载(prefetch/preload module)功能,不懂慎用;(原理教程 https://cloud.tencent.com/developer/article/2164138)
webpack指南中的 构建性能 可以提高项目构建的速度;
设置Viewport:HTML的viewport可加快页面渲染;
防抖;
尽量使用事件委托;
内联首屏关键css,css下载会阻塞渲染,可以内联关键的css。缺点是css无法被缓存;
开启Gzip加速;
图片方面的优化,如 src 属性不该为空;
不关键的js脚本,放尾部执行,最大限度减少脚本对页面的阻塞;
配置使用 CDN 方式引入资源库
降低包的请求数量和大小;