Web 前端优化最佳实践之 JavaScript 篇
来源:互联网 发布:免费excel服务器软件 编辑:程序博客网 时间:2024/04/27 12:38
原贴:http://www.dbanotes.net/web/best_practices_for_speeding_up_your_web_site_javascript.html Web 前端优化最佳实践之 JavaScript 篇
网址: http://www.dbanotes.net/web/best_practices_for_speeding_up_your_web_site_javascript.html
Web 前端优化最佳实践之 JavaScript 篇,这部分有 6 条规则,和 CSS 篇 重复的有几条。前端优化最佳实践,最重要的还是"实践",要理解这东西容易得很,关键是要去"实践",去"执行",去"反馈",去获取受益。
1. 脚本放到 HTML 代码页底部 (Put Scripts at the Bottom)
当一个脚本在下载的时候,浏览器干不了其它的事儿(串行了)。所以,把它扔到最后面去处理。对于一些功能性的脚本,可能实现起来有些两难。不过对于国内网站来说,有很多使用 Google Analytics 服务进行网站数据分析的。这这一点来说,绝对可行的建议,放到页面最底下。
2. Make JavaScript and CSS External
参见 CSS 篇的描述
3. 精简 JavaScript 与 CSS (Minify JavaScript and CSS)
参见 CSS 篇的描述
4. 移除重复脚本 (Remove Duplicate Scripts)
对于一些历史遗留站点或是论坛类的网站来说,这倒是比较常见的。接手维护人前后变化过多,每个人都有自己的一套。这就会带来一些潜在的麻烦。
5. 减少 DOM 访问 (Minimize DOM Access)
有三条指导建议:- 缓存已经访问过的元素 (Cache references to accessed elements)
- "离线"更新节点, 再将它们添加到树中 (Update nodes "offline" and then add them to the tree)
- 避免使用 JavaScript 输出页面布局--应该是 CSS 的事儿 (Avoid fixing layout with JavaScript)
6. Develop Smart Event Handlers
除了英文解释外,这里也提醒一下注意关于 Java Script 内存泄漏的问题。
另外推荐一篇《如何优化 JavaScript 脚本的性能》.
后记1) :整理得差不多之后,发现网络上已经有一篇 《Yahoo!网站性能最佳体验的34条黄金守则》,是翻译稿。看来我做了一部分重复劳动。
后记 2):CSS / JavaScript 都有优化规则。但似乎缺少了对 Flash 的优化实践。
--EOF--
这篇 【Web 前端优化最佳实践之 JavaScript 篇 】来自 dbanotes.net | del.icio.us | 雅虎收藏+
自定义搜索
本文相关评论|Comments(1)
添加评论
- Web 前端优化最佳实践之 JavaScript 篇
- Web 前端优化最佳实践之 JavaScript 篇
- Web 前端优化最佳实践之内容篇
- Web 前端优化最佳实践之 Server 篇
- Web 前端优化最佳实践之内容篇
- Web 前端优化最佳实践之 Server 篇
- Web 前端优化最佳实践之 Cookie 篇
- Web 前端优化最佳实践之 Cookie 篇
- Web 前端优化最佳实践之 CSS 篇
- Web 前端优化最佳实践之内容篇
- Web 前端优化最佳实践之 CSS 篇
- Web 前端优化最佳实践之 Cookie 篇
- Web 前端优化最佳实践之 Server 篇
- Web 前端优化最佳实践之 CSS 篇
- Web 前端优化最佳实践之图象篇
- Web 前端优化最佳实践之图象篇
- Web 前端优化最佳实践之 Mobile(iPhone) 篇
- Web 前端优化最佳实践之 Server 篇
- 在线零售业开始找到感觉
- ASP.NET缓存:方法分析和实践示例
- 对比 Route-Map 在 Redistribute 以及 Policy-Routing 中的应用及注意点
- 外国的公路减速带,强啊,交警省事了
- 网上购物之路--浅析购物网站的经营要素
- Web 前端优化最佳实践之 JavaScript 篇
- 增加在线销售的7个方法
- Web 前端优化最佳实践之图象篇
- 网上开店寻找货源有方法
- 什么是Json?[转]
- 外贸人家:我通过网络找客户实例及建议
- 提高安全和视频监控效率的视频内容分析技术
- MVP申请成功
- 【C++ Primer】摘记--第1章 快速入门
呵呵, 不一样的.翻译稿跟你加了自己的观点和建议写出来的差别肯定蛮大的,翻译只是做了次简单的搬箱子而已.