现代Web的资源/类型/元素--发展趋势
5月6日，谷歌开发者中心推出了一个 Web 开发最佳实践手册。伯乐在线资源频道摘编该资源后，已邀请一些关注 Web 开发的朋友参与翻译手册。
由于译者朋友几乎都是已在职，都是在工作之余参与，每位的翻译进度会不一样（请理解），所以手册中文版不会按照英文版章节顺序发布。
我们的Web应用程序在规模、野心和功能上持续成长 ——这是一件好事。然而，向着更丰富的Web无情进军的过程，也推动了另一种趋势：每个应用程序下载的数据量也在持续稳步增长。为了提供强大的性能，我们需要优化每个字节的加载！
一个现代Web应用程序，应该是什么的样子？ HTTP 档案馆可以帮我们回答这个问题。该项目通过定期抓取最受欢迎的网站（Alexa最热百万网站列表中的三十多万个网站），来跟踪Web的建设，同时记录和汇总分析了每个目标网站的资源数、内容类型和其他元数据。
|
50%的被测网站小于以下数值 |
75%的被测网站小于以下数值 |
90%的被测网站小于以下数值 | |
| HTML | 13 KB | 26 KB | 54 KB |
| 图片 | 528 KB | 1213 KB | 2384 KB |
| JavaScript | 207 KB | 385 KB | 587 KB |
| CSS | 24 KB | 53 KB | 108 KB |
| 其他 | 282 KB | 308 KB | 353 KB |
| 总计 | 1054 KB | 1985 KB | 3486 KB |
以上数据呈现了2013年1月到2014年1月间，热门网站所需加载的数据字节数的增长趋势。当然，并不是每一个网站都以同样的速度增长，或者要求加载同样的数据量，我们也是因此而标出了几个突出的分布范围：第50（中位数）、第75，和第90百分位。
2014年初，处于中位数的网站需要进行75次连接请求，加载共1054 KB字节的数据，这一需要加载的数据量（以及连接请求数）在上一年中以稳定的步伐增长着。这本身并不值得意外，但它确实带来了重要的性能影响：的确，网速是越来越快了，但它在不同国家的增长速度并不一样，而许多用户仍受制于速度瓶颈和昂贵的网络套餐价格——尤其在移动端。
和桌面应用程序不同，Web应用程序并不需要一个单独的安装过程：输入网址，它们就被启动和运行了——这是Web应用程序的一个关键特征。但是，要做到这一步，我们经常需要加载几十个、有时是几百个各种资源，它们加起来可达几兆字节的数据量，并且必须在几百毫秒内融合起来，以实现我们想要的即时网络体验。
实现以这些要求为前提的即时网络体验，是不小的壮举，这就是为什么优化内容的加载效率是至关重要的：消除不必要的下载，通过各种压缩技术来优化资源的传输编码，并利用高速缓存来消除多余的下载。