提高网页性能——引入javascript
来源:互联网 发布:zookeeper 集群 linux 编辑:程序博客网 时间:2024/05/11 04:47
1)、分离javascript:
javascript代码调用行为与html文档的结构和内容分离开,使用网页更加健壮
例如:当这个链接被点击时,他将调用popUp()函数
<a href="http://www.baidu.com/" class="popup">百度</a>
我们可以吧一个事件添加到某个带有特定id属性的元素上:
2)、对象检查:
如果有一个使用了getElementById()方法的函数。就可以在调用之前先检查用户所使用的浏览器是否支持这个方法。
例如:
3)、浏览器的性能考虑:
3-1、尽量少访问Dom和尽量减少标记
例如:
两次访问dom
修改后:
3-2、合并和放置脚本:
使用外部脚本文件,在文档中通过<script>元素把它们包含进来:
推荐使用方法:讲多个外部脚本合并为一个脚本,减少加载页面时发送的请求数量
把所有的<script>标签都放在文档的末尾
3-3、压缩脚本:
把脚本文件中不必要的字节,如空格和注释统统删除,甚至重写你的部分代码,比如使用更短的变量名,从而减少整体文件的大小
比如:
具有代表性的代码压缩工具:
- 提高网页性能——引入javascript
- Magento性能优化—开Gzip提高网页下载速度
- javascript提高页面性能
- 提高JavaScript性能
- 提高JavaScript性能①
- 提高JavaScript性能②
- 提高JavaScript性能③
- 提高JavaScript性能④
- 如何提高网页运行性能
- javascript性能提高的技巧
- 你怎么能提高网页性能?
- 提高网页性能的23条规则
- 提高PHP编程效率 引入缓存机制提升性能
- 50点提高PHP编程效率 引入缓存提升性能
- 提高PHP编程效率 引入缓存机制提升性能
- 50点提高PHP编程效率 引入缓存提升性能
- 提高PHP编程效率 引入缓存机制提升性能
- JavaScript网页脚本性能优化
- win32线程池代码(WinApi/C++)
- 菜鸟和你一起学“快速排序” C++实现
- 百度蜘蛛是如何在网站上面爬行的
- 最好用的股票软件
- hdu 1556 Color the ball(线段树)
- 提高网页性能——引入javascript
- 使用 GDB 调试多进程程序
- PAT1002. A+B for Polynomials (25)
- Java程序优化的一些最佳实践
- hdu 1692 Destroy the Well of Life
- iPhone开源项目汇总(更新版)
- HDU1042(大数运算)
- socket初学笔记整理
- NSNumber与NSValue封装非object类型