网站速度优化快速入门指南,欢迎来到网站速度优化的美好世界!奇怪的是,您并不是没有好奇心,因为优化网站速度当然不是大多数人为了娱乐而做的事情。

取而代之的是,您可能会遇到网站问题……您希望优化网站速度能够解决该问题。

也许您的跳出率很高。也许您的在线营销效果不佳。也许您的朋友(或更糟糕的是,一位客户)向您发送了一条短信,说:“我试图检查您的网站,并且花了很长时间才能加载。”

无论您为什么在这里阅读本文,都在正确的位置。在本文中,我们将介绍如何评估和提高网站速度,而无需聘请开发人员使用细齿梳来浏览您的网站。

为什么网站速度很重要?

这些天,我们都希望得到即时的满足。我们希望我们的食物能快速准备好,杂货(以及几乎所有其他物品)被送到我们家,包裹要在两天(或更短的时间内)到达……网页加载时间不到一秒钟。

实际上,根据Google的说法,仅将页面的加载时间从1秒增加到3秒就可以将跳出率提高32%。只是相差2秒!加载时间为10秒时,跳出率提高了123%。

网站速度优化快速入门指南-聚企网络科技

由于Google的目标是将人们与他们正在寻找的网页和网站联系在一起,因此他们非常关注提高跳出率的事物。毕竟,较高的跳出率表示不良的用户体验。由于Google不想让人们进入令人沮丧的劣质网站,因此Google的算法优先考虑加载时间较慢的网站。

随机搜索结果和 付费搜索结果均是如此。

因此,如果您想提高SEO性能,SEM性能或只是整体用户体验,则提高网站速度是一个不错的起点。

什么是网站速度?

评估网站速度的方法有很多,但最重要的是用户体验:用户感觉网页加载之前需要多长时间?

这实际上是一个重要的问题,因为许多页面在用户认为页面已完成加载很长时间之后仍继续加载元素(广告,脚本,跟踪代码等)。这就是为什么Google报告说,平均“移动目标网页”要花22秒才能“完全加载”,但是我们大多数人很少遇到实际花费那么长时间才能显示的页面。

用户关心的是 感知的加载时间。这与您的完整加载时间有很大不同。

那么,将Google的“ 22秒”数字扔出窗外,页面的正常加载时间是多少?根据MachMetrics,平均感知负载速度约为8.66秒。

以下是各行业和国家/地区数据分解的方式:

网站速度优化快速入门指南-聚企网络科技

这些数字都是基于 移动着陆页的,但是由于超过50%的Web流量是移动的(并且页面在移动设备上的加载速度往往比台式机慢),因此在本文中,我们将重点介绍移动设备的加载时间。

现在,所有这些数字都 远低于Google报告的22秒标记。这是一个好兆头,但有一个问题。

回到谷歌对网站速度的研究,谷歌报告说,如果加载时间超过3秒钟,就会有53%的人离开移动页面。

您是否在该图表上看到低于3秒的感知加载时间?我也不。

这实际上对您来说是个好消息。确实没有设置很高的标准。由于大多数网站在移动设备上的加载速度很慢,并且加载时间过长会导致营销效果不佳,因此,如果您可以将大多数页面的加载时间降低到3秒以内,那么这里就有一个真正的机会在竞争中脱颖而出。

您当前的网站速度是多少?

在这一点上,您可能想知道您的网站速度实际上是多少。你如何衡量?

好吧,有几种方法可以检查这一点。

首先是拔出手机并使用秒表应用程序。在新的专用浏览器标签上打开页面,并等待页面加载所需的时间。

这对于检查您的实际用户体验很有用,但它可能并非始终是衡量站点速度的最准确方法。根据您的Internet速度和其他各种因素,与大多数客户相比,您的页面加载速度可能更快(或更慢)。

不过,如果您正在寻找良好的检查方法,那么这并不是一个不好的起点。例如,我比较了数十个网站,发现某些平台(例如Shopify)在优化加载时间方面做得很好。他们的全部加载时间可能并不是很好,但是从用户的角度来看,这并不重要。

检查加载时间的另一种更正式的方法是使用网站速度测试工具。这些工具使用特定国家/地区的特定服务器加载页面,并使用该数据评估网站的速度。它们还为您提供了更多信息,例如有关页面上哪些元素使速度降低的详细信息。

有很多站点速度工具,但这里有一些我最喜欢的工具:

1. Google的PageSpeed见解

老实说,虽然我认识的很多技术人员都对PageSpeed Insights有所抱怨,但是对于快速,直接从源头进行的分析,Google的PageSpeed Insights是一个很好的资源。

作为一个简单的例子,让我们使用我的个人自由职业网站。制作完此文件后,我立即为自己的PageSpeed Insights结果拍摄了一些屏幕截图,它们使您对从Google工具中获得的各种信息有很好的了解。

首先,Google向您展示了您的网站与Google看到的其他网站的比较:

网站速度优化快速入门指南-聚企网络科技

总而言之,它并不是太破旧。这也不是世界上最快的网站,但也不可怕。

好消息是,Google为您提供了许多有关您的网站加载速度以及如何进行改进的信息:

网站速度优化快速入门指南-聚企网络科技

这些建议中的许多对于开发人员来说都是相当技术性的建议,但是其中一些您可能可以自行处理。我们将稍作讨论。

2. GTMetrix

GTMetrix 是另一个寻求见解的好地方。在许多方面,这些信息比您在Google PageSpeed Insights上获得的信息更易于访问,因此,通常它是我的第二大资源。

为了向您展示其工作原理,让我们看一下我最近为一家名为New World Viking的公司建立的网站:

网站速度优化快速入门指南-聚企网络科技

在这里,您可以看到该网站的状态良好。它在1.4秒内加载,PageSpeed得分为95%。他们能改善一些事情吗?可以,但是与大多数网站相比,该网站的速度确实非常快。

GTMetrix的伟大之处在于它还包括您的YSlow得分,该得分使用Yahoo!的网页性能标准为您提供了另一种衡量网站速度的方法。没有人使用Yahoo! 还是可以的,但是如果您正在寻找提高网站速度的方法,那么可以考虑另外一套标准。

网站速度优化快速入门指南-聚企网络科技

在这里,您可以看到还有一些其他方法可以提高网站速度,但是其中大多数都是相当技术性的。同样,我们将尝试自行改善网站的方式,但是如果您有方便的开发人员,则可能要请他们研究您的GTMetrix得分并提供您的意见。

3.Pingdom

最后,要对您的网站进行真正深入的持续分析,您可能需要尝试Pingdom。除了帮助您评估网站的速度之外,Pingdom还将监视一段时间后页面的速度。

网站速度优化快速入门指南-聚企网络科技

当然,您必须为他们的页面监视服务付费,但是起价为14.95美元,它并不太昂贵。

话虽这么说,如果您不是很熟练,并且无法与某个人接触,那么Pingdom可能会比您需要的更多。这完全取决于您,您的资源和网站的需求。

如何提高网站速度

既然我们已经讨论了您的网站速度如何影响您的在线营销性能,以及可以用来检查加载时间的一些工具,那么让我们看一下提高网站速度的几种简单方法。

最大化您的网站速度是一个巨大的话题,需要大量的技术知识。这可能比您自己想解决的要多,但是您可以通过一些简单的操作来提高性能,而无需雇用开发人员。让我们来看看。

缩小影像尺寸

不幸的是,图像就像一把双刃剑。尽管高质量图像是创建引人注目的网站的重要组成部分,但它们也可能大大降低您的加载时间。

请记住,大多数人只能忍受2-3秒的页面加载时间,因此,如果这些漂亮的图像不能快速加载,它们最终可能会扼杀潜在的销售而不是帮助他们!

根据一般经验,大多数图像应小于100 kb。

但这带来了一个问题。大多数高质量的照片都远大于100 kb,因此您可能需要调整它们的大小。幸运的是,如果您知道自己在做什么,那实际上就很容易。

例如,要在Photoshop中调整照片大小,请在Photoshop中打开图像,然后单击文件>导出>保存为Web:

网站速度优化快速入门指南-聚企网络科技

从那里开始,您可以进行各种设置,直到找到文件大小和图像质量之间的正确平衡(颜色编码以匹配它们在下图中显示的位置):

质量。 较小的数字=较低的图像质量和较小的文件大小。

文件格式。 就文件大小而言,JPEG

优化。 选中此框将告诉Photoshop优化您的图像以供Web使用(减小图像尺寸)。

颜色。 颜色更少=较低的图像质量和较小的文件大小。

图片尺寸。 允许您选择图像中的实际像素数。较少的像素=较小的图像和较小的文件大小。请记住,如果保存的图像尺寸小于页面上显示的图像尺寸,则图像可能会拉伸到适合页面尺寸,从而导致严重的像素化和/或图像失真。

您可以在窗口的左下角看到文件大小。该数字以及最终图像的预览将随着您对导出设置的更改而更新。

网站速度优化快速入门指南-聚企网络科技

Photoshop的“另存为Web”工具使平衡图像质量和文件大小变得相当容易。这样,您可以确保图片真正销售您的产品,而不会影响加载速度。

如果Photoshop超出您的价格范围,请 尝试GIMP。它是免费的,并且GIMP的工具与Photoshop的“另存为Web”工具具有相同的基本功能。

老实说,在您可以自己进行的所有网站速度优化中,优化图像将对您的网站速度产生最大的影响。服务器为显示页面而必须处理的千字节(kb)数据越少,它将加载得越快。

清理您的插件

说到插件……就网站速度而言,它们并不是全部有用。插件是修改您的网站并使其唯一的好方法,但它们会为您的主题添加额外的非本地代码。该代码可能会导致使您的网站加载速度变慢的问题。

在运行其网站时,企业会添加各种插件。但是,随着时间的流逝,这些插件中有很多掉在了一边。它们不再需要,但仍保留在系统中-活跃但无用。

实际上,比没用还糟。

如前所述,这些插件会使您的网站瘫痪。如果您实际上是从插件中获得了价值,那不是什么大问题,但是,如果不是您需要的插件,将其留在您的网站上会减慢加载时间。

解决方案?浏览您的插件,并删除您不需要的所有插件。如果您以后想要它,请重新安装它-不要让它浪费您的加载时间。

缩小CSS

每个网站都使用级联样式表(CSS)来管理网站的外观和样式。尽管大多数网站平台和构建器都提供了易于使用的界面,可以自动调整网站代码以符合您的偏好,但CSS始终在后台进行繁重的工作。

网站速度优化快速入门指南-聚企网络科技

不幸的是,如果用于创建您的网站的后端CSS设计不当,则可能会减慢您的网站速度。要加载您的网站,浏览器会读取并解释您的CSS。因此,CSS越复杂,浏览器确定其实际显示内容所花费的时间就越长。

好消息是,这是一个非常普遍的问题,您可以使用各种插件来“缩小”(也就是优化)CSS。它不是免费的,但是如果您使用的是WordPress,WP Rocket是一个不错的选择。

例如,在用WP Rocket压缩CSS后,我在Google PageSpeed Insights上的排名发生了以下变化:

网站速度优化快速入门指南-聚企网络科技

加载速度上的15点差异无济于事-尤其是在仅花费5分钟进行设置时。WP Rocket花费一些钱(49.95美元),但是它非常易于使用,并且到目前为止我已经有很好的经验。

结论

优化网站的速度可能并不是您今年最激动人心的事情,但它可能会对在线营销的成功产生重大影响。您的网站体验将对Google 和您的潜在客户更具吸引力 。这意味着更多的流量,转化和销售。

尽管您的网站可能需要比此处介绍的内容更多的调整,但是本文还是一个不错的起点。了解加载速度的工作原理以及如何控制加载速度将在未来几年内提高网站的性能。