Web程序优化的最佳实践：JavaScript和CSS篇.docVIP

Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了 一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。 Excetional Performance 团队总结出了一系列可以提高网站速度的方法。可以分为 7 大类 34 条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。 本文为CSS和Javascript部分： 除此之外，JavaScript 和 CSS 也是我们页面中经常用到的内容，对它们的优化也提高网 站性能的重要方面： CSS： 1. 把样式表置于顶部 2. 避免使用CSS表达式（Expression） 3. 使用外部JavaScript和CSS 4. 削减JavaScript和CSS 5. 用link代替@import 6. 避免使用滤镜 JavaScript 7. 把脚本置于页面底部 8. 使用外部JavaScript和CSS 削减JavaScript和CSS 和 剔除重复脚本（参考3、4） 9. 减少DOM访问 10. 开发智能事件处理程序 1、把样式表置于顶部 在研究Yahoo!的性能表现时，我们发现把样式表放到文档的head /内部似乎会加快页 面的下载速度。这是因为把样式表放到head /内会使页面有步骤的加载