认识
2023年12月23日
一、认识
性能优化是前端工程化中老生常谈的话题,随着项目越来越庞大,稍不注意就会产生明显的性能问题。而在不同的场景中,我们对于项目性能的关注点是不一样的。
-
在项目开发阶段: 我们更关注开发体验,注重项目构建性能
-
在项目生产环境: 我们一般更看重项目在的线上运行时性能
二、项目开发阶段
三、项目生产环境
3.1 加载专优
对于项目的加载性能优化而言,常见的优化手段可以分为下面三类:
-
网络优化: 包括
HTTP2
、DNS
预解析、Preload
、Prefetch
等手段 -
资源优化: 包括构建产物分析、资源压缩、产物拆包、按需加载等优化方式
-
预渲染优化: 本文主要介绍服务端渲染(SSR)和静态站点生成(SSG)两种手段