前言

性能优化是每个项目都需要注意的问题,在这里结合项目实际情况较为系统的整理下

正文

web前端性能优化简单可以概括为两点

1、减少需要加载资源的体积

1、按需加载

就是每个页面之加载需要的内容,这一点在多页应用中一般都有注意,单页应用可以用webpack的import与vue的异步组件实现;react由于本人不熟,肯定也有相应的解决方案

2、资源压缩

在目前的webpack4+中,只要将mode设置为production,webpack就会将对应的资源(html、css、js)进行压缩;gulp也有对应的模块(html-min,uglify)

标题文字

2)加快加载的速度