一、什么是前端性能优化？

从用户访问一个 url 到整个页面渲染到用户面前的整个过程，程序员通过技术手段和优化策略，缩短每个步骤的处理时间从而提升整个页面的加载速度。

二、为什么要前端性能优化？

作为一个前端工程师，我们是最接近用户的。我们在写代码的过程中，每一个细节都会影响网页的响应速度，严重影响网站的性能。为了提升用户体验，我们需要从各个方面提升网站响应速度，所以要进行前端性能优化。

三、前端性能优化的方法

1.网页内容方面

• 减少 HTTP 请求次数
• 减少 DNS 查询次数
• 缓存 Ajax
• 减少 Dom
• 延迟加载
• 避免 404
• 避免重定向
• 根据域名划分内容

2.服务器方面

• 使用 CDN
• 使用 GET Ajax 请求
• 避免空的图片 src

3.JavaScript 脚本

• 将 JavaScript 放在文件底部
• 使用外部 JavaScript 和 CSS 文件
• 压缩 JavaScript 和 CSS 文件
• 减少 Dom 节点的操作
• 使用事件委托

4.CSS

• 将 CSS 样式表置顶
• 避免 CSS 表达式
• 用 <link> 代替 import
• 避免使用 Filters

5.图片

• 优化图像
• 图片延迟加载
• 使用 CSS Sprite

6.Cookie

• 减少 Cookie 大小

最后，还有很多很多性能优化的方法，有待以后补充。

加我微信 liruifengv2333，进群交流，抱团取暖。

• 新生代程序员群
• Astro 学习交流群

关注公众号 SayHub，带来更多原创内容。

很高兴见到你，欢迎来玩儿~