逍遥的前端笔记

本文总结 React 中的代码优化的技巧。

当浏览器解析 DOM 时候，遇到 script 标签时，会暂停 DOM 的解析，先加载并执行 script 中的代码，然后再继续 DOM 的解析。

Gzip（GNU Zip）是一种数据压缩和文件格式的算法。它主要用于在网络传输中减小数据的大小，从而提高传输速度。Gzip 使用 DEFLATE 算法对数据进行压缩，同时还包括一些额外的文件头信息和校验信息。

本节总结 CSS 相关的性能优化策略。

本模块将梳理前端性能优化的相关知识点

本节总结了性能优化的指标和工具。

本文总结 web 性能优化中图片优化的相关知识点。

本文总结回流与重绘相关的知识点。

资源加载优先级是指在页面渲染的过程中，浏览器决定加载哪些资源并优先加载它们的一种机制。正确配置资源加载的优先级可以显著改善页面加载性能，确保关键资源优先加载，提高用户感知的加载速度。资源加载方式适用场景示例代码同步加载关键脚本、必要资源异步加载非关键脚本、提高性能预加载 (Preload)关键资源、异步加载资源、资源依赖关系预取 (Prefetch)下一个页面的资源、提前加载用户可能浏览的内容预渲染 (Prerender)对用户体验要求极高的场景精细化控制资源加载顺序、网络请求优先级。

本文主要总结 webpack 构建优化相关的事情PS: webpack 的每次更新都会带来很多的新特性，因此学习新知识的时候，不要专注于流程的配置和调参。因为流程终会简化，参数（API）终会升级。要抓大放小，把精力放在最核心的内容上，因为核心的思想是最不容易过时的.