点击右上方红色按钮关注“郑潇的代码工作”，每天可以学习知识，了解一个问题！
优化页面的性能是前端开发非常重要的能力。前端优化策略有很多，包括网络加载类、页面渲染类、CSS优化类、JS执行类、缓存类、图片类、架构协议类等等。
在这里，我会给你一个列表，列出你在网络负载方面可以考虑和实现的东西。
1.减少HTTP资源请求的数量。减少HTTP请求的大小。将CSS或JavaScript放在外部文件中，避免使用style或Script标签直接引入(根据实际文件大小和业务场景选择)4。避免第5页上的空href和src5。为HTML 6指定Cache-Control或Expires6。合理设置Etag和Last-Modified7。减少页面重定向8。使用静态资源域存储来提高下载并行性9。使用静态资源CDN存储文件。10.使用CDN组合下载和传输内容。11.使用可缓存的AJAX。12.使用GET完成Ajax请求。13.减小Cookie大小并隔离Cookie。14.缩小favicon.ico并缓存。15.建议使用异步JavaScript资源。16.消除阻碍渲染的CSS和Jav。JavaScript 17。避免使用CSSimport引用来加载CSS。上面是什么不是很清楚。如果需要解释，可以在评论区讨论。再次，每一个优化点都需要根据实际业务场景和情况综合考虑。所谓最优也是这个道理。
前端常用的性能优化方法
要成为一名合格的Web前端工程师，Web前端性能优化是必备的知识，那么应该如何优化Web前端性能呢？
前端性能优化方法示例：
(1)减少http请求数量：CSS Sprites、JS、CSS源代码压缩和图片大小控制适当；Gzip，CDN托管，数据缓存，图片服务器。
(2)前端模板JS数据减少了HTML标签带来的带宽浪费。前端使用变量保存AJAX请求结果，每次操作局部变量都不需要请求，减少了请求次数。
(3)使用innerHTML代替DOM操作，减少DOM操作次数，优化javascript性能。
(4)当需要设置的样式较多时，设置类名而不是直接操作样式。
(5)使用较少的全局变量，缓存DOM节点搜索的结果。减少了IO读取操作。
(6)避免使用CSS表达式，也称为动态属性。
(7)预加载图片，顶部放样式表，底部放带时间戳的脚本。
(8)避免在页面的主要布局中使用表格。表格的内容下载完成后才会显示，这比div css布局要慢。
(9)以此类推。
今天边肖给你找来了前百度/360高级架构师盛达制作的视频教程《前端性能优化专项突破》，从“输入url显示页面发生了什么，优化首屏”等前端高频面试问题到实际代码，给你一个简单粗暴又实用的性能优化方案。悄悄的，免费获取。
Vue 3.0贡献者
前百度，360前端架构师
精通Vue/React，源代码架构，小程序，
node.js的移动端和整个前端技术栈
学习本材料后，您将获得：
1.前端性能优化面试高频问题怎么处理？
2.简单粗暴实用的前端性能优化策略。
3.如何监控性能和分析性能问题？
4.如何打造个人核心竞争力：分享从2K到40K月薪的学习与成长经验？
055-79000你激动吗？来拿吧！
如何免费获取：点击“了解更多”获取全面的Web前端学习资料。