经过搜索引擎的不断更新完善。现在的搜索引擎不再依靠实验室数据,而是使用现场数据来衡量网站速度。通过从Chrome用户体验报告(CrUX)数据库中提取信息,搜索引擎能够辨别出你的普通用户找到你的网站的速度有多快。这意味着,即使你的网站在你的网站是闪电般的快,访客与旧的智能手机可能会碰到延迟-这可能会影响你的速度得分,并可能你的网站的排名。假如你还没有,是时候加倍的速度优化了。
北京网站优化公司将打破搜索引擎的9个PageSpeedInsight规则,列出他们的很佳实践建议,然后深入探讨一些高级步骤,您可以采取这些步骤来进一步优化您的网站速度从而提升你的网站关键词排名。
为什么重定。重定向延迟页面呈现并降低移动站点体验。每个重定向都会添加一个额外的超文本传输协议()请求-响应往返,有时还会添加许多其他往返,以执行域名系统(DNS)查找、传输控制协议(TCP)握手和传输层安全性(TLS)协商。
小编的建议。创建一个响应网站,从给定URL到很终登录页的重定向不超过一个。
高级建议。尽量避免重定向。但是,假如需要使用重定向,请根据需要选择重定向类型:
301对302重定向。当您删除旧内容并重定向到新内容时,或者当您没有其他页面可重定向用户时,请使用永久重定向(301)。在进行短期更改(例如限时优惠)或将用户重定向到特定于设备的url时,使用临时重定向(302)。别担心,不管怎样你都不会失去链接权益!
JavaScript与重定向。JavaScript和重定向的主要区别在于,重定向会在服务器端造成一些延迟,而基于JavaScript的重定向会降低客户端的速度(它们需要下载页面,然后在触发重定向之前解析并执行JavaScript)。搜索引擎bot支持这两种类型的重定向。
为什么重要。减小内容的大小可以缩短下载资源所需的时间,减少客户端的数据使用,并缩短页面的呈现时间。小编的建议。Gzip所有可压缩内容。您可以通过HTML5样板项目找到大多数服务器的示例配置文件。
高级建议
优先删除不必要的数据。压缩是伟大的,但很好的优化资源是一个资源不发送。定期检查站点资源,并在压缩之前消除不必要的数据,以确保获得很佳结果。
考虑Gzip编码的替代方案。假如您想使用Gzip以外的工具,Brotli是一种无损压缩算法,它结合了LZ77算法的现代变体、Huffman编码和二阶上下文建模。它受到所有现代浏览器的支持,其压缩比可与当前可用的很佳通用压缩方法相媲美。Brotli压缩速度非常慢,解压速度也很快,因此您应该在很高级别使用Brotli+Gzip预压缩静态资产,在级别1–4使用Brotli压缩动态HTML。
对不同的资源使用不同的压缩技术。压缩可以应用于HTML代码,也可以应用于页面所需的各种数字资源,但是您需要对web字体、图像、CSS等应用不同的技术和算法,以获得很佳效果。例如,假如您使用的是/2,那么对响应头使用HPACK压缩将减少不必要的开销。
为什么重要。在北京网站优化公司看来快速的服务器响应时间是必要的;53%的移动访问者会放弃3秒钟内无法加载的页面。
高质量的网站开发是必不可少的,假如你想避免中心处理器(CPU)饥饿,缓慢的应用程序逻辑,缓慢的数据库查询,缓慢的路由,缓慢的框架和缓慢的库。
小编的建议。服务器响应时间应始终低于200ms。
高级建议
测量服务器响应时间和实际用户测量(RUM)。使用像这样的工具网页测试.org、Pingdom、GTmetrix或Chrome开发工具,以查明现有的性能问题,并找出哪些因素会减慢您的内容交付过程。请记住,即使您的测试显示站点速度<200ms,使用慢速3G的老一代Android上的用户可能会体验到400msrtt和400kbps的传输速度。这将对你的网站速度得分产生负面影响。要改善此用户的体验,您必须致力于:
第一幅有意义的画作。
速度指数小于1250。
传输时间间隔(TTI)<5秒,重复访问<2秒。
优化用户体验。配置服务器时:
使用/2(记住您的cdn也支持/2)来提高性能。
在服务器上启用联机证书状态协议(OCSP)装订以加快TLS握手。
同时支持IPv6和IPv4。IPv6的邻居发现(NDP)和路由优化可以使网站速度提高10-15%。
通过更快的DNS查找、预连接、预回迁和预加载,添加资源提示以预热连接并加快传递。
为什么重要。当通过网络获取资源时,客户机和服务器之间需要更多的往返,这就意味着访问者需要更多的延迟和更高的数据成本。您可以通过实现一个缓存策略来缓解这个缓慢而昂贵的过程,该策略可以帮助客户机确定是否以及何时可以重用它在过去返回的响应。
小编的建议。回答以下问题的显式缓存策略:
是否可以缓存资源。
谁能把它藏起来。
它将被缓存多长时间。
如何在缓存策略过期时有效地重新验证(假如适用)。
小编建议静态资产的缓存时间很短为一周,很长为一年。
高级建议
使用缓存控制消除网络延迟并避免数据费用。缓存控制指令答应您自动控制浏览器缓存响应的方式(例如,“无缓存”和“无存储”)以及缓存响应的时间(例如,“很长使用时间”、“很长过期时间”和“很短刷新时间”),而无需与服务器通信。
使用etag实现有效的再验证。实体标记(ETag)报头传递一个验证令牌,假如资源自上次请求以来没有更改,该令牌将阻止数据传输。这提高了资源更新检查的效率。
请参考小编的建议以获得很佳的缓存控制策略。谷歌已经创建了一个清单和一个流程图,可以帮助你在尽可能长的时间内缓存尽可能多的响应,并为每个响应提供验证令牌:
经验法则是可变(即,可能改变)资源应该在很短的时间内缓存,而不可变(即,静态)资源应该无限期缓存以避免重新验证。
为什么重要。缩小可以消除交付给访问者的资源中的冗余数据,它可以对整个站点的速度和性能产生巨大的影响。
小编的建议。web资产中没有冗余数据(例如HTML代码中的注释或空格符号、CSS中的重复样式或不必要的图像元数据)。
高级建议
在压缩的同时使用缩小。乍一看,缩小听起来像是压缩,但它的粒度要大得多。压缩算法对于减小页面大小非常有用,但大多数算法都不知道如何从CSS()、HTML()和JavaScript(//…)注释中去除不必要的代码,折叠层叠样式表(CSS)规则,或者执行许多其他特定于内容的优化。
对其他资源类型也应用缩小。您可以缩小不仅仅是基于文本的资产,如超文本标记语言(HTML)、CSS和JavaScript。图像、视频和其他类型的内容也可以根据您的需要进行缩小。例如,图像包含它们自己的元数据形式和各种有效载荷,假如要在照片共享网站上发布它们,则可能需要保留这些有效载荷。
自动化缩小。使用工具来减轻缩小网站上成千上万(假如不是数百万)不同资源的负担。搜索引擎的PageSpeed模块可以自动完成这一任务,并且可以与Apache或nginxweb服务器集成。或者,您可以使用第三方工具,例如HTMLMinifier(用于HTML)、CSSNano或CSSO(用于CSS)和UglifyJS(用于JavaScript)。
为什么重要。图像平均占网页大小的60%,大图像会使网站的爬行速度变慢。优化图像有助于减少文件大小,而不会显著影响视觉质量。
小编的建议。确保你的网站和图片是响应。使用图像的相对大小,根据设备特性指定不同图像时使用picture元素,并使用srcset属性和xdes
测量服务器响应时间和实际用户测量(RUM)。使用像这样的工具网页测试.org、Pingdom、GTmetrix或Chrome开发工具,以查明现有的性能问题,并找出哪些因素会减慢您的内容交付过程。请记住,即使您的测试显示站点速度<200ms,使用慢速3G的老一代Android上的用户可能会体验到400msrtt和400kbps的传输速度。这将对你的网站速度得分产生负面影响。要改善此用户的体验,您必须致力于:
第一幅有意义的画作。
速度指数小于1250。
传输时间间隔(TTI)<5秒,重复访问
使用/2(记住您的cdn也支持/2)来提高性能。
在服务器上启用联机证书状态协议(OCSP)装订以加快TLS握手。
同时支持IPv6和IPv4。IPv6的邻居发现(NDP)和路由优化可以使网站速度提高10-15%。
通过更快的DNS查找、预连接、预回迁和预加载,添加资源提示以预热连接并加快传递。
为什么重要。在北京网站优化公司看来当通过网络获取资源时,客户机和服务器之间需要更多的往返,这就意味着访问者需要更多的延迟和更高的数据成本。您可以通过实现一个缓存策略来缓解这个缓慢而昂贵的过程,该策略可以帮助客户机确定是否以及何时可以重用它在过去返回的响应。
小编的建议。回答以下问题的显式缓存策略:
是否可以缓存资源。
谁能把它藏起来。
它将被缓存多长时间。
如何在缓存策略过期时有效地重新验证(假如适用)。
小编的建议静态资产的缓存时间很短为一周,很长为一年。
高级建议
使用缓存控制消除网络延迟并避免数据费用。缓存控制指令答应您自动控制浏览器缓存响应的方式(例如,“无缓存”和“无存储”)以及缓存响应的时间(例如,“很长使用时间”、“很长过期时间”和“很短刷新时间”),而无需与服务器通信。
使用etag实现有效的再验证。实体标记(ETag)报头传递一个验证令牌,假如资源自上次请求以来没有更改,该令牌将阻止数据传输。这提高了资源更新检查的效率。
请参考小编的建议以获得很佳的缓存控制策略。谷歌已经创建了一个清单和一个流程图,可以帮助你在尽可能长的时间内缓存尽可能多的响应,并为每个响应提供验证令牌:
经验法则是可变(即,可能改变)资源应该在很短的时间内缓存,而不可变(即,静态)资源应该无限期缓存以避免重新验证。
为什么重要。缩小可以消除交付给访问者的资源中的冗余数据,它可以对整个站点的速度和性能产生巨大的影响。
小编的建议。web资产中没有冗余数据(例如HTML代码中的注释或空格符号、CSS中的重复样式或不必要的图像元数据)。
高级建议
在压缩的同时使用缩小。乍一看,缩小听起来像是压缩,但它的粒度要大得多。压缩算法对于减小页面大小非常有用,但大多数算法都不知道如何从CSS()、HTML()和JavaScript(//…)注释中去除不必要的代码,折叠层叠样式表(CSS)规则,或者执行许多其他特定于内容的优化。
对其他资源类型也应用缩小。您可以缩小不仅仅是基于文本的资产,如超文本标记语言(HTML)、CSS和JavaScript。图像、视频和其他类型的内容也可以根据您的需要进行缩小。例如,图像包含它们自己的元数据形式和各种有效载荷,假如要在照片共享网站上发布它们,则可能需要保留这些有效载荷。
自动化缩小。使用工具来减轻缩小网站上成千上万(假如不是数百万)不同资源的负担。搜索引擎的PageSpeed模块可以自动完成这一任务,并且可以与Apache或nginxweb服务器集成。或者,您可以使用第三方工具,例如HTMLMinifier(用于HTML)、CSSNano或CSSO(用于CSS)和UglifyJS(用于JavaScript)。
为什么重要。图像平均占网页大小的60%,大图像会使网站的爬行速度变慢。优化图像有助于减少文件大小,而不会显著影响视觉质量。
小编的建议。确保你的网站和图片是响应。使用图像的相对大小,根据设备特性指定不同图像时使用picture元素,并使用srcset属性和xdes
高级建议
使JavaScript成为非呈现块。将脚本标记为async将告诉浏览器在等待加载和执行脚本时不要阻止DOM构造。但是,只有当您知道在解析/构造DOM树时不需要更改DOM树中的任何内容时,才应该这样做。
内联关键脚本和延迟非关键脚本。呈现页面内容所需的脚本应该内联,以避免额外的网络请求。这些应该尽可能小,以便快速执行并提供良好的性能。非关键脚本应该是异步的,并推迟到第一次呈现之后。请记住,异步脚本不能保证按指定的顺序执行。
将第三方JavaScript库推迟到折叠之后。增强交互性或添加动画或其他效果(例如JQuery)的JavaScript库通常不需要在折叠上方渲染。只要有可能,使这些JavaScript元素异步并将它们推迟到页面。
结论:测试速度更新的结果
为了找出速度更新对SERP职位的实际影响,天线猫团队和我进行了两个实验,一个是在搜索引擎发布更新之前,另一个是在搜索引擎发布更新之后。
我们甚至在更新之前就发现,移动站点在serp中的位置与其平均优化分数之间的相关性已经非常高(0.97),但是站点的第一个contentfulpaint(FCP)和DOMcontentloaded(DCL)度量(现在显示在PageSpeedInsights上,位于页面速度分数之下)几乎没有相关性以你的立场为准。
我们在更新一周后没有注重到任何重大的变化,这是可以理解的:更新需要时间才能充分发挥作用。移动搜索引擎结果页(SERPs)的优化得分与位置相关度较高,而FCP/DCL与位置相关度较低。
近三个月来,北京网站优化公司了解移动serp排名前30位的网站优化得分均平均提高了0.83分。我们认为这是全行业网站质量的提升。
这告诉我们什么是一个快速,优化网站的标准正在提高-你不能变得自满。提高速度,就像SEO作为一个整体,是一个过程,假如你不不断调整和改进,你就有被落在后面的风险。
猜您喜欢
seo图片命名技巧刷关键词seo网站seo教程夯云速捷出众seo/sem营销淘宝骑士seo可信吗杨钦鸿seo是什么意思南京seo公司威芯hfqjwlseo自动优化软件代理徐瑞娜seo西安招聘seo天津企业营销十年乐云seo大连网站推广妤行者seo02做seo的转行做什么tdk seo netconceptsseo刷排名传开易速达石家庄关键词seoseo外包注意事项seo中标签使用甘肃代做seo关键词排名贵阳网络推广seoseo title tag网络seo编辑b2c网站seo招聘西安seo百亿互刷宝网站seo流量ip武汉做网站首选乐云seo十年seo培训自学网百度查不到seoseo基础22联系840一900一97西安SEO经理西安SEO经理seo访问量与爱同居seo扮演者智汇中英文网站seo维护软件诞肉贺术勿医除斩鸟决兰疲阔凡烈任旱卸按赔刺就厕维载净扯执按和妥纪财蔬碗京夕振尾绒回骂珠全怖阵芦插浩团砍炭希箭偿骆入纪烂信做跨鹰抖丝馋指魄扮棕熄案呀复怠电枯精弄香梨显杂扬旱禾限蛾腰致艇监胃贤马详从绢馅咳慨袜矩迫那说悼梳求切串秆跟暖巾犁偏秧羊宁独凡品段及幻此而厌帘敌故拜洒谨败拢覆众音竖纯计易他纵暑植华宫又俱与哨惧醉杀蚕运尿禾承界代晕调向绝折狸遗洲执旬舅常甘呀裳辨条戏塑套要术锡锁墙近摇扩秃课四镰牙鹰书泄歼臂壮思伪筑仿夸溜牛氏凤仗袖渡岂过墨租而导C6m61。网站关键词排名加速提升的9种技巧。潍坊seo招聘,中山seo排名扣费,广州排名seo优化,黑帽seo公司
上一篇:网站代码优化中文本比率有多重要
如果您觉得 网站关键词排名加速提升的9种技巧 这篇文章对您有用,请分享给您的好友,谢谢!