1. 首页
  2. 网络营销赋能
  3. 海外营销

加快网站速度的15个技巧

在看到一些推文并分析SEOmoz网站后,我决定写一些可以尽可能减少页面加载时间的技巧和窍门。任何搜索引擎都希望为用户提供良好的用户体验,就像Google一样,快速网站可以提高整体网站质量并提高用户满意度。每个人都应该享受快速的网络体验。SEOmoz很好地实现了以下一些技巧,但我会解释它们因为它们的一般用处。

“实验表明,增加网络搜索延迟100到400毫秒,每个用户的每日搜索次数减少0.2%至0.6%。此外,用户在接触时间越长,搜索次数越少。对于更长的延迟,搜索的丢失会持续一段时间甚至在延迟恢复到以前的水平之后。“ 谷歌说。

我将列出各种因素(来自雅虎和谷歌的有用提示),并将使用SEOmoz作为我的例子:

注意:必须在开始之前进行备份!

a)服务器
为您的企业 选择合适的托管服务是创建网站的第一步。使用专业配置进行托管可能会有很大帮助。在这里你可以找到一些关于选择托管的好建议。

1.利用浏览器缓存
“Expires标题告诉浏览器是否需要从源请求网站上的资源,或者是否可以从浏览器的缓存中获取资源。当您为资源设置过期标头时,例如所有jpeg图像,浏览器将存储缓存中的那些资源。下次访问者返回页面时,它将加载更快,因为浏览器已经有这些图像可用,“ CJ Patrick在一篇关于如何使用expire头设置缓存的好文章中说道:Expires搜索引擎优化的标题

不幸的是,似乎SEOmoz没有使用样式表和图像的到期。

2.启用Keep-Alive
“保持活动信号通常以预定义的间隔发送,并在互联网上发挥重要作用。发送信号后,如果没有收到回复,则假定链路断开,未来的数据将通过另一条路径发送,直到该链接再次出现,“ 维基百科说。

实际上,HTTP Keep-Alive允许TCP连接保持活动状态,这有助于减少后续请求的延迟。所以联系您的托管服务提供商,并告诉他们三思而后行!大多数托管公司都禁用此功能(包括SEOmoz的主机),因为它是一个可选功能(每当请求传输少于60个字节时)。

3.启用gzip压缩
压缩的HTTP响应

*图片来自betterexplained.com

“Gzip是目前最流行和最有效的压缩方法,通常可以将响应大小减少约70%。今天大约90%的互联网流量通过声称支持gzip的浏览器传播,” 雅虎表示。

Gzipping减少了HTTP响应的大小,有助于缩短响应时间。这是减轻页面重量的简单方法。您可以通过将以下代码添加到.htaccess文件来启用它:

#compress text,html,javascript,css,xml:AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript
#或者,按扩展名压缩某些文件类型:
<files * .html>
SetOutputFilter DEFLATE
</ files>

或者,在HTML / PHP文件的顶部使用以下PHP代码:

<?php if(substr_count($ _ SERVER [‘HTTP_ACCEPT_ENCODING’],’gzip’))ob_start(“ob_gzhandler”); else ob_start(); ?>

或者,只需使用CMS的插件(如WordPress 的WP HTTP压缩插件)。

SEOmoz使用gzip。但是,一些外部javascripts(AdRoll,Simpli和CloudFront)可以通过使用gzip将传输大小减少60%以上。

4.使登录页面重定向可缓存
移动页面将用户重定向到不同的URL(例如www.seomoz.org到m.seomoz.org),因此制作可缓存的重定向可以加快下次访问者尝试加载网站时的页面加载时间。使用302重定向,缓存生存期为一天。它应该包括Vary:User-Agent以及Cache-Control:private。这样,只有来自移动设备的访问者才会重定向。

由于SEOmoz不支持任何特定的移动版本,它不能有这个问题(有人应该照顾SEOmoz的网站在移动设备上的不良行为)!

5.使用CDN
CDN如何运作

内容传送网络(CDN)是分布在多个位置的Web服务器的集合,以更有效地向用户传送内容。选择用于向特定用户传送内容的服务器通常基于网络接近度的度量。例如,选择具有最少网络跳数的服务器或具有最快响应时间的服务器。如上图所示,它根据访问者的区域从不同的服务器加载。您可以在此处将CDN托管与标准Web托管进行比较。

似乎SEOmoz使用Amazon CloudFront来实现这一功能,我尝试过MAXCDN,它也很棒。您可以使用W3 Total Cache在一个WordPress中管理缓存和许多其他有用的工具。

b)内容元素
由于您无法完全访问服务器,因此内容元素是您可以操作的最重要的内容。让我们从SEOmoz最明显的弱点开始:

1.尽量减少重定向
有时,为了指示URL的新位置,跟踪点击次数,将网站的不同部分连接在一起或保留多个域,您需要将浏览器从一个URL重定向到另一个URL。重定向会触发额外的HTTP请求并增加延迟。只保留技术上必要的重定向,而您无法找到任何其他解决方案。以下是Google的建议:

切勿在您的网页中引用已知重定向到其他网址的网址。每当资源更改其位置时,您的应用程序都需要更新URL引用。
永远不需要多个重定向来获取给定资源。例如,如果C是目标页面,并且有两个不同的起点A和B,A和B都应该直接重定向到C; A永远不应该中间重定向到B.
最大限度地减少发布重定向但不实际提供内容的额外域的数量。有时候,为了保留名称空间并捕获错误的用户输入(拼写错误/输入错误的URL),有可能会从多个域重定向。但是,如果您培训用户认为他们可以通过多个网址访问您的网站,那么您最终可能需要花费大量资金来购买新域名,以阻止域名抢注者接管您名字的每个变体。
此图显示了当您的浏览器尝试加载SEOmoz.org时会发生什么:

SEOmoz重定向问题

如您所见,最大延迟是一些外部重定向链的结果。SEOmoz使用大约20个重定向链,减慢加载时间约3000毫秒。

2.从静态资源中删除查询字符串
您无法使用“?” 缓存链接 即使存在Cache-control:public标头,也在其URL中。问号的作用与Ctrl + F5相同。仅将查询字符串用于动态资源。SEOmoz使用两个动态网址“?” 因为使用KISSmetrics,但2-3个查询是合理的;)

3.指定字符集
在HTTP标头中指定字符集以加快浏览器呈现速度。这是通过在标题中添加一段简单的代码来完成的:

<meta http-equiv =“Content-Type”content =“ text / html; charset = utf-8” >

注意:某些CMS使用字符集功能(例如WordPress带有 <?php bloginfo(’charset’);?>)。我建议如果你确定你的字符集,写它而不是使用PHP函数。它有助于最小化请求大小,因此尝试在任何可能的地方使用HTML而不是PHP。

4.缩小您的代码
缩小您的代码

删除HTML注释,CDATA部分,空格和空元素将减少页面大小,减少网络延迟并加快加载时间。

您可以使用简单的在线工具,如Will Peavy minifier,如果您使用WordPress,Autoptimize可以优化和压缩您的代码,它也支持CDN。顺便说一下,SEOmoz可以通过压缩HTML来节省620B。

5.避免不好的请求
优化页面和错误请求页面之间的区别

断开的链接会导致404/410错误。这些会导致浪费的请求。修复损坏的URL(特别注意图像)。使用在线断链查看器或免费使用WordPress链接检查器。您还可以在SEOmoz上阅读有关Xenu Link Sleuth和Screaming Frog工具的信息,这些工具非常有用。

6.从一致的URL服务资源
最好分享Google的推荐:

“对于跨多个页面共享的资源,请确保对同一资源的每个引用使用相同的URL。如果资源由多个页面/站点共享,这些页面/站点相互链接,但托管在不同的域或主机名上,则为更好地从单个主机名提供文件,而不是从每个父文档的主机名重新提供它。在这种情况下,缓存的好处可能超过DNS查找开销。例如,如果mysite.example.com和yoursite都有。 example.com使用相同的JS文件,mysite.example.com链接到yoursite.example.com(无论如何都需要DNS查找),从mysite.example.com提供JS文件是有意义的。。这样,当用户访问yoursite.example.com时,该文件可能已经在浏览器缓存中。“

7.减少DNS查找
减少DNS查找

DNS查找需要花费大量时间来查找主机名的IP地址。在查找完成之前,浏览器无法执行任何操作。减少唯一主机名的数量可能会增加响应时间。只需看看DNS查找如何在SEOmoz中花费大约3秒的加载时间。您可以使用Pingdom工具测量您的。我想提一下,当我从达拉斯的服务器上重新测试SEOmoz.org的主页时,它显示出比我开始撰写本文之前更好的结果。

注意:雪碧你的图像。这意味着将正在加载站点每个页面的图像放在一起以减少DNS查找。SEOmoz将其大量图像合并为一个,就像这个精灵图像一样。您可以在SpriteMe上找到更多信息

c)CSS,JS和图像
1.指定图像尺寸
您的浏览器开始在加载图像之前呈现页面。指定图像尺寸有助于它包裹不可替换的元素。如果未指定维度,则下载图像后,浏览器将重排。要在<img>元素中执行此操作,请使用height和width标记规范。

注意:不要使用尺寸来动态缩放图像 – 用户仍将下载原始文件大小,即使图像不占用屏幕上的空间。

2.优化图像
图像文件中的注释

图像可以包含额外的注释并使用无用的颜色。将图像大小保持在最低限度对于缓慢连接的用户来说是一个很大的帮助。尝试以JPEG格式保存。您可以使用CTRL + SHIFT + ALT + S快捷方式在Adobe Photoshop中保存优化的图像,使用Yahoo! Smush.it,或者如果你使用的是WordPress,你可以安装WP Smush.it插件。

SEOmoz可以通过优化主页面上的图像来节省超过50KB,特别是滑块中的图像。

3.将CSS放在顶部,将JS放在底部
将样式表放在页面的文档头部禁止渐进式渲染,因此浏览器将阻止渲染以避免重绘页面的元素。在大多数情况下,用户将面对白页,直到页面完全加载。这也有助于您根据W3标准制作标准网页。并且,出于同样的原因,将您的javascript代码放在页面底部。

还有其他方法来加速网页,但我试图写一些甚至专业博主(如SEOmoz)有时会忽略的最重要的方法。当然,站点速度不是主要目标,但即使是负载时间不好的理想网站也会发现很难取得成功。运行速度最快的网站,以便更快地实现目标。

现在,让我再说一遍:在做出任何更改之前不要忘记备份,不要忘记通过评论分享您的提示或问题。:)

本文来自投稿,不代表穷思笔记立场,如若转载,请注明出处:https://www.chons.cn/14442.html

发表评论

登录后才能评论

联系我们

 

在线咨询:点击这里给我发消息

邮件:2267450086@qq.com

QR code