该网站是一个扭转公路排序:你拿到票走得太慢,积分超速。无论你是“公正”的博客,或者你有一个电子商务网站,你的网站必须要快。我们已经写了关于怎样做才能加快Magento的前,我已经不止一次地提到为WordPress缓存,但还有更多。
我注意到很多时候,进行现场分析的事情之一是,网站加载了太多的外部文件。您的网站需要加载的文件数量减少,从而减少了HTTP请求,让你的网站加载速度更快。更快的加载网站有更好的用户体验,这也是一个排名因素,这些天。因此,它是明确的,当你可以,你应该减少HTTP请求数。
通常有三个部分来此游玩:
JavaScript文件数量减少
减少CSS文件的数量
减少图像的数量
幸运的是,弗雷德里克已经作出了很大一部分,这很容易在W3的总缓存,让我们一举解决1&2。但首先,让我给你一个简短的介绍到“浏览器流水线”。
为什么浏览器流水线和减少HTTP请求帮助
如果您的网页包含一个HTML文件,CSS文件,JavaScript文件和10张图像,一个合理的金额,总共需要19个文件被加载。本来,浏览器会加载这些一个接一个。这些天,大多数浏览器将4到8个文件同时下载,这就是所谓的“ 流水线 “。如果我们把最多8个请求(这是相当高的),在同一时间同一个域,它仍然需要加载3个批次。
尤其是CSS文件和JavaScript文件加载在您的网站的的<head>部分,这是一个问题:浏览器无法启动渲染,直到它的所有文件,“块”从渲染。所以,实际上我们需要做两件事情:合并这些文件,并降低请求的数量,然后将所有文件,不应该阻止页面加载的的<head>部分进入人体。
这意味着,比如一些小的功能,增加了一个JavaScript到您的网站的页脚可以很容易地装在你的HTML中的最后一位,所以它不会阻止从开始使您的网页浏览器。这并不影响您的实际负载时间,但它极具冲击力感知负载的时间。
减少文件的数量来加载帮助您的实际负载时间:它使你的网站速度更快。
降低的图像的数量
如果你有一个复杂的主题,你的主题可能会使用大量的背景图片。我不知道这个网站。有一种方法,使所有这些图像加载一个文件,但通过这一过程被称为CSS精髓。解释全过程和历史太长的故事为这个职位,如果你有兴趣,除了名单上的这篇文章是非常好读。
我的网站是如此之快的原因之一是因为我不仅做了一个精灵的所有这些图像,他们实际加载的内容分发网络,或CDN。CDN是一组世界各地的服务器,优化静态文件的快速传递,并定位为尽可能接近到您网站的访问者。
从这样的好处是双重的:首先,说,这些服务器会更快,更贴近您的访问者。其次,他们也通常是在另一台主机,像cdn.yoast.com在我自己的例子。这意味着您的浏览器将打开8请求yoast.com的8个请求cdn.yoast.com在同一时间。允许它加载甚至在同一时间。聪明的你们中间将现在想:“嘿,如果我会用我的CDN,或3 2主机名”。良好的思维。W3总缓存完全支持太多,事实上,它使得使用CDN可笑容易。
2013-5-30