跳到主要内容

认识

2023年12月23日
柏拉文
越努力,越幸运

一、认识


性能优化是前端工程化中老生常谈的话题,随着项目越来越庞大,稍不注意就会产生明显的性能问题。而在不同的场景中,我们对于项目性能的关注点是不一样的。

  • 在项目开发阶段: 我们更关注开发体验,注重项目构建性能

  • 在项目生产环境: 我们一般更看重项目在的线上运行时性能

二、项目开发阶段


三、项目生产环境


3.1 加载专优

对于项目的加载性能优化而言,常见的优化手段可以分为下面三类:

  • 网络优化: 包括 HTTP2DNS 预解析、PreloadPrefetch等手段

  • 资源优化: 包括构建产物分析、资源压缩、产物拆包、按需加载等优化方式

  • 预渲染优化: 本文主要介绍服务端渲染(SSR)和静态站点生成(SSG)两种手段