没有什么比糟糕的加载体验更能毁掉一个伟大的网站了。事实上,谷歌曾表示,体验7秒加载时间的访问者是否有113%的可能性反弹从一页纸上。

页面速度对用户体验如此重要,以至于谷歌开始将其列为自己的一项目标2018年排名因素. 现在,即使你在努力研究SEO策略,低页面速度也可能让另一个网站——甚至可能是你的竞争对手之一——在一个重要的搜索引擎结果页面上领先于你。

→ 免费下载:建立和维护高性能网站的5个关键步骤

对于那些想要深入了解他们的装载时间的人来说,Google提供免费PageSpeedsInsights该工具可以在0到100的范围内为您的页面打分。下面是PageSpeed Insights在您搜索“google.com”后提供的报告的一个快速示例:

Google.com在Google PageSpeed Insights上的得分为99%。

这份报告看起来简洁明了。但如果你不是最懂技术的人,那么要理解报告中的一些建议的真正含义可能有点困难。

下面是一个包含一长串行话评论的报告示例:

关于Google PageSpeed Insights的机会建议

虽然上面的行话看起来很吓人,但PageSpeed Insights的许多建议实际上很容易接受——即使你不是web开发人员。

为了帮助您提升用户体验并解决加载速度慢的问题,这里有一个实现100%速度分数的八步指南。对于每一步,我们都将解释它的重要性,让您了解如何做,并让您知道是否需要技术专家参与。

1.确定你是否以及在哪里落后。

许多CMS都有内置的工具或插件选项,可以帮助您弄清楚为什么整个网站或特定页面的负载时间慢。在你采取任何行动之前修复网站的加载时间,您应该使用这些工具中的一种来获得对您当前所处位置的基本了解。这将帮助您缩小实际步骤,您需要采取改善您的网站的加载时间。

以下是您可以尝试的五种免费工具:

我们以上突出显示的Google的Pagespeed见解可能是您最好的指南之一 - 特别是如果您的目标是具体实现高谷页速度得分。

列出的一些其他工具也有用,因为它们可以为您提供与您的网站速度相关的其他详细信息的快速破录。

例如,KeyCDN将允许您了解您的页面加载在不同国家的快速。为了实现目前所在位置的牢固了解,尝试使用一些不同的工具并进行比较结果。

2.压缩图像。

大型图像是最常见的图像之一页面速度慢的原因. 关于什么是最佳文件大小,有许多不同的观点。而有些主持人说你应该瞄准文件在200kb下Shopify的博客建议70KB..谷歌开发者建议在失去酥脆感之前尽可能小。

为了在不完全破坏图像质量的情况下缩小图像,我们建议压缩文件免费在线软件如雷竞技苹果下载官方版squoosh.app.或者compress.io.. 你也可以使用Photoshop, 也。

上载图像之前,请使用Photoshop或其他编辑软件对图像进行裁剪或调整大小雷竞技苹果下载官方版准确的分辨率,它将出现在网站上.

您的显示大小与文件大小不同。显示大小只是图像在网站上显示的大小。

您的文件大小是您上载的实际图像的大小。如果您有大文件和小显示大小,则大文件仍然需要同时加载,因为如果它具有巨大的显示大小。相反,如果上传小文件并以小的显示尺寸呈现它,它将加载很快。

一个好的经验法则是将图像裁剪到它将显示在页面上的确切显示大小,然后压缩图像文件以使其占用更少的存储空间。

例如,如果您的CMS将自动将图像裁剪或调整大小为500px×300px,则在上载之前,您仍应手动将其裁剪为相同的精确大小。即使你在页面上看不到一个巨大的图像,你上传的大图像文件仍然可能会导致严重的速度减慢。

3.缩小或缩小HTML、CSS和JavaScript代码。

CSS、HTML和JavaScript可能包含大量额外、冗余或完全无用的代码。与图像类似,这些数据会降低页面速度。

为了避免这种情况,,谷歌开发者建议“缩小”你的代码。缩小通过删除在创建或更新页面时可能留下的无用语言、注释和空间来缩小代码。

4.消除渲染块元素。

有时,页面将被编码以在主要内容之前加载不那么重要的元素,如侧边栏或横幅。您希望优先考虑代码,以便您的主要内容首先折叠。

一旦你知道这些元素在哪里,你就可以使用此快速指南学习如何消除它们。

5.加快移动速度。

2018年,60%的谷歌搜索这些都是在移动设备上完成的。随着奖励移动优化站点在其搜索结果排名中,谷歌还将为您提供更高的页面速度分数 - 并且可能更高的排名 - 如果您的移动网站快速加载。

PageSpeed Insights可以向您展示移动站点的得分情况。搜索URL并查看报告后,您可以在桌面和移动选项卡之间切换,以查看每种格式的单独分数。

Google PageSpeed Insights上的移动和桌面选项卡

如果你落后了,试着简化访问者在移动网站上的看法。隐藏或最小化桌面站点元素,如照片或额外的文本框,这些元素在小屏幕上可能显得笨重或不必要。

服务如AMP(表示加速移动页面)可以指导您创建快速加载并自动调整以适应不同浏览器大小或设备的简化网页。

6.避免或最小化页面重定向。

重定向是指访问者单击或键入一个链接,然后在点击所需网页之前自动定向到一个或多个不同的位置。因为这会占用页面速度的宝贵时间,所以只有在绝对必要时才应该使用重定向。

这方面的一个例子可能是在公司或网站更名期间。在这种情况下,这篇文章涉及如何raybet电子竞技创建SEO友好的301重定向.

7.提高服务器响应时间。

谷歌建议具有服务器响应时间200毫秒以下. 服务器运行缓慢可能是由多种原因造成的,包括您的网站主机。

解决一个滞后的服务器可能比最后几个步骤更具技术性。本指南打击502个网关错误有一些关于诊断和解决服务器相关问题的有用提示。

如果您的网站使用的服务器来自主机公司,如GoDaddy,联系知识渊博的代表也可能有raybet电子竞技助于您确定并解决问题。

8.使用内容交付网络。

A.内容交付网络(CDN)是一组全球分布的服务器,可以存储网站的浏览器缓存,并为世界各地的访问者快速加载。当来自遥远地理位置的人访问您的网站时,页面将从靠近访问者的附近CDN服务器加载,而不是从您自己的服务器加载。

你为什么要用这个?因为远离服务器的访问者可能需要更长的页面加载时间。例如,如果您的服务器位于加利福尼亚州,那么德国的网络访问者会看到比西雅图等附近地方的人网站速度慢的网站。

由于其全球位置,CDN服务器可防止此问题,并将提高国际访问者的网站速度。

如果你已经用CMS建立了你的网站,像HubSpot,它可能已经在CDN上运行。戈达迪平方空间还有其他提供CDN服务的内容管理软件示例。WordPress用户还可以设置一些免费雷竞技苹果下载官方版插件,像CDN启用码.

如果您认为自己没有CDN,那么一些CDN提供商包括亚马逊云峰,云焰,以及AT&T内容交付网络.

下次您查看Google PageSpeed Insights报告时,请将此步骤列表放在手边。这些技巧将指导您如何快速最小化和简化页面,以获得100%的完美分数。

Canva Hubspot网站电子书

点击我

最初发布于2019年6月18日上午7:00:00,更新于2020年12月4日

话题:

SEO战略