看到一些鸣叫和分析SEOmoz的网站后,我决定写一些提示和技巧,可以减少网页尽可能加载时间。任何搜索引擎想要为用户提供出色的用户体验,就像谷歌,并快速提高网站整体网站质量,提高用户满意度。每个人都值得了快速的网络体验。下面的一些技巧是通过SEOmoz的落实到位,但我无论如何都会解释,因为他们一般用途的他们。
“实验表明,增加网络搜索延迟100至400ms的由0降低了每日数每用户搜索的。2%至0.6%。此外,用户少做搜索的时间越长,他们被暴露。对于较长的延迟,搜索仍然存在,甚至延迟恢复到以前的水平后,损失了时间。“谷歌说,。
我将列出各种因素( 从雅虎和谷歌有用的提示),并使用SEOmoz的是我的例子:
注意:在制作备份之前出发是必要的!
选择合适的托管服务为你的企业正在启动一个网站的第一步。配有专业的配置主机可以是很大的帮助。在这里,你可以找到关于选择托管一些好的建议。
“Expires头告诉是否需要从源请求的网站上的资源浏览器,或者如果它可以从浏览器的缓存中提取。当您为资源Expires头,如所有的JPEG图像,浏览器将这些资源存储在其高速缓存。下一次访问者回来的页面将加载速度更快,因为浏览器将已经拥有的图片,“CJ帕特里克说,在一个漂亮的文章,了解如何使用过期标头集缓存:Expires头的搜索引擎优化
不幸的是,似乎SEOmoz的不使用过期的样式表和图像。
“保持活跃的信号是在预定的时间间隔发送频率,并在互联网上起着重要的作用。信号被发送后,如果没有收到回复,链接被假定为下降和未来的数据通过路由将另一条路径,直到再次联系到了,说:“维基百科。
事实上,HTTP保持活动允许TCP连接,为了生存,它有助于减少后续请求的延迟。所以,请联系您的托管服务提供商,并告诉他们好好想一想这个! 大多数托管公司禁用此功能(包括SEOmoz的主机),因为它是一个可选功能(当它每转的要求小于60个字节)。
*通过betterexplained图片。COM
“压缩程序是目前可用的最流行的和有效的压缩方法和一般由约70%降低了响应大小。今天的互联网流量的约90%是通过浏览器,声称能支持gzip,“雅虎表示旅行。
gzip压缩减少了HTTP响应的大小,并有助于减少响应时间。这是减少页面权重的简单方法。您可以通过添加以下代码,使您的 。htaccess文件:
#压缩文本,HTML,JavaScript中,CSS,XML:
AddOutputFilterByType DEFLATE text / plain的
AddOutputFilterByType DEFLATE text / html的
AddOutputFilterByType DEFLATE文本/ XML
AddOutputFilterByType DEFLATE文/ CSS
AddOutputFilterByType DEFLATE应用程序/ XML
AddOutputFilterByType DEFLATE应用/ XHTML xml的
AddOutputFilterByType DEFLATE应用/ RSS xml的
AddOutputFilterByType DEFLATE应用程序/ JavaScript的
AddOutputFilterByType DEFLATE应用程序/ x-JavaScript的
#或者,压缩某些文件类型的扩展名由:
SetOutputFilter DEFLATE
或者,使用下面的PHP代码在你的HTML / PHP文件的顶部:
或者直接使用插件的CMS(如WP HTTP压缩WordPress插件)。
SEOmoz的使用gzip压缩。但是,某些外部Javascript角(将AdRoll,帮助Simpli和CloudFront的)可以通过使用gzip减少传输大小的60%以上。
手机页面将用户重定向到一个不同的URL,(如WWW。SEOmoz的。组织到m。SEOmoz的。ORG)都作出缓存重定向可以为下一次加速页面加载时间的游客尝试加载网站。使用302重定向与每一天的缓存有效期。它应该包括各不相同:用户代理,以及作为一个缓存控制:私人。这样一来,只能从移动设备这些游客将重定向。
由于SEOmoz的不支持任何特定的移动版本,它不能有这个问题(应该有人照顾SEOmoz的移动设备上的网站的不良行为)!
内容传递网络(CDN)是分布在多个位置的Web服务器的集合,以更有效地提供内容给用户。选择用于将内容传送到一个特定的用户的服务器通常是基于网络的接近的度量。例如,具有最少跳网络服务器或以最快的响应时间的服务器选择。正如你可以在上面的图片中看到,它从不同的服务器上加载,根据访问者的地区。你可以比较CDN与标准的虚拟主机托管在这里。
看来,SEOmoz的使用亚马逊的CloudFront的这个功能,我已经试过MAXCDN,这真棒,太。您可以使用W3的总缓存管理您的缓存和许多其他有用的工具,在一个WordPress的。
既然你不具备对服务器的完全访问,内容元素是可以操纵的最重要的事情。让我们先从SEOmoz的最明显的弱点:
有时为了表示URL,跟踪点击,网站的连接不同部分的新位置一起或预留多个域,您需要将浏览器从一个URL重定向到另一个。重定向触发额外的HTTP请求,并添加延迟。只保留重定向这在技术上是必要的,你找不到任何其他的解决办法。这是谷歌的建议:
在您的网页决不参考网址已知会重定向至其他网址。您的应用程序需要有更新URL引用的方式,每当资源改变自己的位置。
决不需要一个以上的重定向到一个给定的资源。 例如,如果C是目标页,并且有两个不同的开始点,A和B,A和B都应当直接重定向到C; 一个永远不应该中途重定向到B。
尽量减少额外域这个问题重定向的数量,但实际上并没有提供内容。有时是有诱惑来自多个域以储备名字空间和catch不正确的用户输入重定向(拼错/输入错误的URL)。但是,如果你训练用户误以为他们可以从多个网址访问您的网站,你可以在购买了新域名只是停止抢注的昂贵周期接管你的名字的每一个变种拉闸。
此图片显示在浏览器尝试加载SEOmoz的,会发生什么。组织:
正如你所看到的,等待时间的一些外部重定向链的结果。SEOmoz的是使用约20重定向链,拖慢一下3000毫秒的加载时间。
您不能缓存链接带有“?“在其URL即使缓存控制:公共头存在。问号的作用相同,按Ctrl F5。使用查询字符串只有动态资源。SEOmoz的是使用两个动态网址“?“由于使用KISSmetrics的,但2-3的查询是合理的;)
指定HTTP标头的字符集,以加快浏览器的渲染。这是通过添加一段简单的代码到你的头做:
注:字符集有一些的CMS使用的功能(像WordPress )。我建议,如果你确信你的字符集,它写的,而不是用PHP函数。这有助于减少请求大小,所以尽量使用而不是PHP的HTML到处这是可能的。
删除HTML注释,CDATA部分,空格和空元素会降低你的页面尺寸,降低网络延迟,加快加载时间。
您可以使用简单的在线工具,如威尔·皮维minifier,如果你正在使用WordPress,Autoptimize可以优化和压缩你的代码和支持CDN,以及。顺便说一句,SEOmoz的可以节省620B通过压缩它的HTML。
断开的链接导致404/410错误的。这些原因无效的请求。修复您损坏的网址(特别注意图片)。使用在线残破的链接检查或使用WordPress的链接检查免费。你也可以阅读有关的Xenu链接猎犬和在SEOmoz尖叫青蛙工具,可以是很有益的。
这是最好的分享谷歌的建议:
“对于那些在多个页面共享资源,确保每个参照相同的资源使用相同的URL。从每个父文档的主机名。如果一个资源被多个网页/网站共享链接到对方,但在不同的域或主机名主持,这是更好地从单一的主机名,而不是提供服务的文件重新为它服务。在这种情况下,高速缓存的好处可能超过DNS查找开销。例如,如果两个mysite的。例。COM和yoursite。例。COM使用相同的JS文件,mysite的。例。COM链接到yoursite。例。COM(这将需要反正DNS查找),这是有道理的,只是从服务mysite的JS文件。例。COM。这样一来,该文件可能已经在浏览器缓存中,当用户进入yoursite。例。COM。“
DNS查找需要有意义的时间量来查找IP地址,主机名。直到查找完整的浏览器不能做任何事情。减少重复主机名称可能会增加响应次数。只要看看DNS查找如何利用有关SEOmoz的负载3秒钟。您可以测量你的,通过使用Pingdom的工具。我想提一提的是,当我重新测试的SEOmoz的主页。组织在达拉斯的服务器,它显示出更好的效果的确要比之前,我开始写这篇文章。
注:雪碧您的图片。这意味着把正在加载的网站的每个网页,以减少你的DNS查找图片。SEOmoz的结合大量的图像为一体的,这样的精灵形象。你可以找到SpriteMe更多信息
您的浏览器开始呈现页面图像加载之前。指定图像的尺寸可以帮助它环绕不可替代的元素。如果没有指定尺寸,您的浏览器将回流一旦图像下载。为了做到这一点在 元素,利用身高 em> 和宽度 em> 标签规格。
注意:不要在飞行中使用尺寸缩放图像 – 用户仍然会下载原始文件的大小,即使图像不占用在屏幕上太多的空间。
图像可以包含额外的注释和使用无用的颜色。保持图像的大小到最低限度是在低速连接的用户有很大帮助。尝试在JPEG格式保存。您可以使用CTRL SHIFT ALT S快捷保存在Adobe Photoshop优化图像,使用雅虎! 斯马什。它,或者如果你正在使用WordPress,您可以安装WP斯马什。它的插件。
SEOmoz的可以节省超过50KB的主页上,优化图像,特别是那些在滑块。
在页面的文件标头把stylelsheets禁止逐步呈现,所以浏览器将阻止渲染以避免必须重新绘制页面的元素。在大多数情况下,直到页面完全加载用户将面临的白页。这也有助于你根据W3标准做出一个标准的网页。而且,把你的JavaScript代码在页面的底部,出于同样的原因。
还有其他的方法来加快网页,但我试图写最重要的甚至专业博客(像SEOmoz的)可以有时会忽略。当然,网站的速度是不是主要目标,但即使有不好的加载时间理想的网站将很难取得成功。跑的最快的网站,你可以为了更快达到目标。
现在,让我再说一遍:不要忘记进行任何更改之前,先备份不要忘记评论,分享您的建议或疑问。:)