20 种提升网页速度的技巧

原文：http://www.ibm.com/developerworks/cn/thankyou/
使用了FireFox的两种流行的工具Firebug和YSlow，去分析和诊断网页设计中的问题。
然后要牢记网页优化的常识是牢记设计规则：
使用良好的结构，少用XHTML代码；不要使布局超载；不要用图像来表示文本；检查cookie使用情况；不要包含不必要的 JavaScript 代码，尽可能将其外部化；尽可能避免使用表格；删除任何不必要的元素，压缩和缩小JavaScript文件，使用 HTTP 压缩，并始终使用小写的 div 和类名，设置图像大小，将 CSS 图像映射用于装饰功能，尽可能延迟脚本加载，按需加载 JavaScript 文件和验证函数加载，优化 CSS 文件，使用内容分布网络（CDN），对资产使用多个域来增加连接，在合适的时候使用 Google Gears，使用 PNG 格式的图像，保持 Ajax 调用简短、准确，进行一次较大的 Ajax 调用并在本地处理客户机数据，在沙箱中测试代码，分析站点代码，使用 JSLint 检查 JavaScript 代码中的错误或糟糕的编码实践，检查孤立的文件和丢失的图像，使用 YSlow 分析网页。
优化网页的加载速度并不复杂。实际上，您通常可以轻而易举地实现速度优化。如果遵循本文中介绍的技巧以及 Web 开发最佳实践，那么无需采用其他措施就可以提高页面的加载速度。
将大量页面优化技巧收集到一起很简单，我希望本文的资源具有一定的价值。但是，如果您认为速度优化技巧只有这里列出的这些，那么您将惊奇地发现远远不止这些。但是，即使您仅遵循这 20 多个技巧，您的页面的加载速度也会更快，您的用户也会更惬意 —— 无论他们通过拨号还是专用的宽带上网。

关于作者
Marco Kotrotsos 是一名拥有 10 年构建软件系统经验的开发人员，他构建过的软件系统范围很广，从用于顶级保险公司的企业级应用程序，到用于刚起步的企业的 SMB 和 Web 应用程序的管理工具。Marco 是 Incredicorp 的创始人，这家公司主要帮助刚起步的企业和小型企业将他们的产品推向市场。他与语义 Web、AI、CSS3 和语义搜索等先进领域的技术专家合作。