1、减少HTTP请求：合并文件、CSS精灵、inline Image
2、减少DNS查询：DNS缓存、将资源分布到恰当数量的主机名
3、减少DOM元素数量
1、使用CDN
2、配置ETag
3、对组件使用Gzip压缩
1、减小cookie大小
2、css方面
3、将样式表放到页面顶部
4、不使用CSS表达式
5、使用<link>不使用@import
1、将脚本放到页面底部
2、将javascript和css从外部引入
3、压缩javascript和css
4、删除不需要的脚本
5、减少DOM访问
1、优化图片：根据实际颜色需要选择色深、压缩
2、优化css精灵
3、不要在HTML中拉伸图片
WEB性能优化
利用 Webpack 来优化 Web 性能属于加载性能优化 的一部分： ☛ Web Performance Opt...
js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...
js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...
这是 Web 性能优化的第 4 篇，上一篇在下面看点击查看： Web 性能优化：使用 Webpack 分离数据的正...
Web性能优化重不重要？相信每一个从事Web前端开发的人都会回答重要，毕竟Web性能优化好的网站可以给用户带来更好...
Web性能优化重不重要?相信每一个从事Web前端开发的人都会回答重要，毕竟Web性能优化好的网站可以给用户带来更好...
Web性能优化重不重要?相信每一个从事Web前端开发的人都会回答重要，毕竟Web性能优化好的网站可以给用户带来更好...
这是 Web 性能优化的第三篇，上一篇在下面看点击查看： Web 性能优化： 使用 Webpack 分离数据的正确...
这是 Web 性能优化的第二篇，上一篇在下面看点击查看： Web 性能优化： 使用 Webpack 分离数据的正确...
本文标题：Web性能优化
本文链接：https://www.haomeiwen.com/subject/abcdtctx.html
网友评论