前端性能优化常见方法
来源:互联网 发布:mac picasa照片查看器 编辑:程序博客网 时间:2024/04/28 11:50
常见的web前端性能优化的方法总结:
(1)减少http请求次数:CSS Sprites,JS、CSS源码压缩,控制图片大小;网页启用Gzip压缩,CDN托管,data缓存,图片服务器。
(2)前端模板JS+数据,减少由于HTML标签导致的带宽浪费,前端使用变量保存ajax请求结果,每次操作本地变量,减少请求次数
(3)用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能;
(4)当需要设置的样式很多时,设置className而不是直接操作style
(5)少用全局变量、缓存DOM节点查找的结果。减少IO读取操作
(6)避免使用CSS Expression(CSS表达式)
(7)图片预加载,将样式表放在顶部,将脚本放置与底部加上时间戳
阅读全文
1 0
- 前端性能优化常见方法
- 常见的前端性能优化方法
- 前端性能优化方法
- 前端性能优化方法总结
- 前端性能优化常用方法
- 前端性能优化的方法
- 前端性能优化篇(常见)
- 前端开发中常见的性能优化
- 前端常见的性能优化手段
- 前端性能优化之图片优化方法
- 前端性能优化之视频优化方法
- web前端性能优化的方法
- 前端性能优化方法--个人总结
- 常见的web性能优化方法
- 常见的web性能优化方法
- 常见的web性能优化方法
- 常见的web性能优化方法
- 常见的web性能优化方法
- centos7为用户添加root权限
- 自媒体平台:大鱼计划,20亿大鱼平台奖励金如何获取?
- SpringCloud(第 043 篇)链接Mysql数据库简单的集成Mybatis框架访问数据库
- mybatis一对多(二)
- The JRE could not be found.Edit the server and change the JRE location.
- 前端性能优化常见方法
- Redis在windows下安装过程
- Eclipse连接hbase并实现简单表的建立
- 浅谈C/C++中运算符的优先级、运算符的结合性以及操作数的求值顺序
- idea 提示信息检索忽略大小写设置
- SpringCloud(第 044 篇)链接Mysql数据库简单的集成Mybatis框架采用MapperXml访问数据库
- cnpm不是内部命令
- 前端学习心得
- PHP 创建数组([{"id":674,"name":"北京理工大学"},{"id":675,"name":"南开大学"}])