缩减页面大小 优化网页应用

在我最近接触的不少项目中，我已经注意到了大量臃肿的网页。在内部局域网上，这通常不算什么问题，但是如果你要是把这样的一个页面放到互联网上，性能将成为一个主要的问题——毕竟，绝大多数的用户还没法使用高速连接来浏览网站。这里我们调查了优化网页应用的方法。

常见问题与可用优化方案

虽然浏览网页时，对读取该页面所花费的时间进行的抱怨，只是网站用户们常见的抱怨之一，但它确实是最常见的抱怨。网页开发者的一个共同问题是，他们常常假定自己的开发平台就是该网页面向目标用户的使用平台。但是，实际上很少有用户能达到和他们同样的电脑速度和网速，所以开发者们应当注意使用最低要求。

因为网页的尺寸会影响下载时间，同时它也能影响网页服务器的资源，比如磁盘空间和带宽资源。有许多方法可以对网页进行减肥。一个很好的减肥原则是只保留必要的部分，而尽可能的缩小图片以及脚本。

优化网页的一个通用标志是尽量让他们的尺寸保持在30K到40K之间。那么，你可以从网页中削减些什么呢？下面是一个简单的，可供选择选项的列表：

1.使用CSS。
这为精简页面设计和读取时间提供了一个干净的方法。毕竟，使用HTML表格是在为页面增加字符。因为CSS必须被读入，所以应当尽量保持它的尺寸最小化。

2.为CSS和JavaScript使用外部文件。
这不但促进了多个页面的复用，同时还促进了集中化的维护。另外，在经过初始化的请求/读取后，该文件就被高速缓存了。

3.避免冗长的网页。
你可以通过将单个大页面分解成多个（更小的）页面来提升响应时间，减小页面尺寸。

4.仅在必要的时候谨慎使用特殊效果。
所消耗的时间很多时候是用于Java小程序，FLASH动画，而这些东西的读取对用户来说常常是难以处理的。

5.消除桢。
这是一个很好的原则，因为为此浏览器不得不多次请求和下载，除了主桢集合要请求一次，其余的每一个桢都还要一一进行请求。

6.多注意图片尺寸。
对图片尺寸大小的一个通用标准是12K，不过你应当注意在累计页面完全大小时不要漏算了图片尺寸。

7.避免或缩减服务器循环。
你可以通过利用基于AJAX的方案来做到这一点。

查找问题

涉及先前所谈过的网页/网站可能会出现的问题列表是件枯燥的事情，不过有些基于网页的工具可用于帮助你寻找可能会出现的问题。

这些工具处理网页（通过URL）并测定该网页以及相关对象，使用的图片等等的尺寸，从而确定该页面的整体大小尺寸。该信息对于确定到底应当在何处留心进行改进，以提升网站整体性能方面非常有用。

这里是一个由WebSiteOptimization.com网站上所提供的网页分析工具生成的报告，我们只放了一部分。该报告很长，所以我们只放了分析和建议的部分：