如何使您的网站速度加倍 SiteGround 教程

已发表: 2019-12-10

我将向您展示如何在您使用 SiteGround 时将网站速度提高一倍,您无需支付任何费用,我们将使用的所有工具实际上都已包含在您的托管包中.

所以让我们开始吧。

让我从这个视频的一开始就说,这根本不是 SiteGround 的推销。

它主要适用于已经拥有 SiteGround 并希望使他们的网站加载更快的人。

现在,SiteGround 的好处是,通常您用来使您的网站更快的工具每年会花费您数百美元,但当您拥有 SiteGround 时则不会。

他们已经包括在内。

问题是大多数人甚至不知道其中包括什么。

包含的内容太多了,如果您使用的是 SiteGround,您将在这篇文章中了解它。

现在,当然,如果您没有 SiteGround,您可能想观看此视频,然后决定您是否喜欢他们的软件包中免费包含的内容。

网站速度神话

现在,在我们深入探讨之前,我想消除一些关于拥有网站的网站速度神话。

误区 1:慢速网站在 Google 中的排名不高

还有许多更重要的排名因素,而网站速度只是所有因素中最不重要的。

真正发生的是缓慢的网站速度会产生糟糕的用户体验。

糟糕的用户体验会导致跳出率增加。

这就是人们访问您的网站时离开您网站的时间。

这是一个重要的排名因素。

所以一个缓慢的网站不会像你想象的那样影响你的排名。 这确实是导致高跳出率的原因。

你有多少次访问一个网站并且你在那里?

已经四五六秒了。 它没有加载您想要的信息。 您知道在 Google 上该页面上还有其他九个列表。

你做什么工作?

您从网站跳出,然后点击返回,这是一个影响您排名的排名因素。

所以我们真正想做的是优化您的网站以获得用户体验,而不是谷歌。

误区 2:缓慢的网站是由页面构建器造成的

第二个误解是,您选择使用的页面构建器或您选择用于构建网站的主题正在降低您网站的速度。

嗯,稍微,但它不是一个重要的因素是人,你会让你相信。

这只是很好的营销。

网站速度的 5 大支柱

好的。 现在我们已经消除了这些神话,是时候开始优化您的网站并了解网站速度的五个支柱了。

支柱 1:获得良好的托管

现在网站速度的第一个支柱将是获得良好的网络托管。

现在好消息是,您正在使用 SiteGround,它是一个很棒的网络主机。

因此,此支柱更适用于使用低预算托管或免费托管的人,因为在托管方面您最终会得到您所支付的费用。

现在,如果您不使用 SiteGround,我记得我在下面有一个链接,可以享受 70% 的折扣,而且我还包括课程奖金。

所以 SiteGround 有三个计划。 你会想要参与成长大计划或 GoGeek 计划。

我知道只需获得入门计划就可以每月节省 2 美元,但另外两个计划包括启动计划中不提供的额外性能选项。

因此,如果您正在制定启动计划,您可以按照此视频进行操作,但您可能需要考虑联系 SiteGround 并升级到成长计划。

现在,当您在 SiteGround 上安装 WordPress 时,它们将包含一个名为 SG Optimizer 的插件。

在这里,我正在安装 WordPress。 我会点击插件,你可以看到它就在这里,SG Optimizer。 现在当你激活它时,这里会有一个新选项,上面写着 SG 优化器,这里是这个插件的所有设置。

网站速度的第二个支柱是优化您的图像。 当您开始构建您的 WordPress 网站时,您会想要上传图片。 现在,问题在于图像的质量往往比您需要的要高得多,这会导致文件非常大。 因此,每次有人访问您的网站时,他们都必须下载大图像。

因此,您将获得一些出色的性能提升。 通过优化这些图像。 现在通常您必须支付每月服务费用来优化图像,但如果您有 SiteGround,则不需要。 它包含在 SG 优化器插件中。 所以这里我们在插件设置。 这里的最后一个选项是图像优化。

我们将继续并单击它,这里有一些我们可能想要启用的设置。 因此,第一个是在将新图像上传到您的网站时对其进行优化。 您将要启用此选项。 所以这意味着下次您上传图像时,SG 优化器会为您处理好它。

下一个选项是,如果您已经上传了图像,您可以在此处单击此按钮,它将返回并为您优化媒体库中的所有图像,这就是优化图像的全部内容。 网站速度的第三个支柱是使用内容交付网络。

这里。 我登录到 SiteGround,我将点击此处显示网站的位置,然后单击此处显示站点工具的位置,然后单击显示速度的位置。 然后我将单击此处显示 CloudFlare 的位置,这是我们可以启用 CloudFlare 与 SiteGround 集成的地方。

现在,当您启用 CloudFlare 时,您网站上的一些资产将被推送到全球的云、flare 和服务器网络。 现在这意味着如果有人在地球的另一端。 访问您的网站、图片,以及与您的网站相关的大量资源。

为了加载它,我们实际上将从本地服务器加载到它们。 地理上。 这将大大改善访问者在您网站上的加载时间和网站速度。 现在,CloudFlare 有一个免费的基本计划。 他们还有一个高级计划。 我已经使用 CloudFlare 至少五年了,除了基本计划,我从来没有使用过任何东西,它会超出你的需要,你会在你的网站上看到巨大的速度提升。

所以我要向下滚动,这里是在我们的网站上运行的三个步骤。 因此,让我们继续并单击设置按钮。 在此步骤中,您可以创建一个新的云耀斑帐户,或者您可以单击此处显示连接现有的并登录到您现有的云耀斑帐户。

因此,由于我已经有一个云耀斑帐户,我将使用我现有的帐户登录。 但是对于您来说,如果您没有帐户,请继续创建一个新帐户。 伟大的。 我已经登录了我的帐户,您已经创建了一个新帐户。 因此,下一步是在此处选择您要连接的域名,cloudflare,然后您需要单击免费激活以将您的网站连接到 CloudFlare。

现在在这里,您还可以看到一些可以在您的网站上使用的云耀斑设置。 sitespeed 的第四个支柱是使用 . 缓存以及什么是缓存,它是否会创建您网站的静态副本,因此当人们查看您的网站时,需要在幕后进行的活动较少,这可能会减慢访问者查看您网站的速度。

我知道这是一个复杂的解释,只是为了理解如果您使用的是 WordPress。 您需要使用某种形式的缓存。 现在使用 SiteGround 的巨大好处是他们在这个服务器托管帐户的幕后透明地做了很多这种缓存。 他们只是为你做,但你必须真正打开它。

所以我在这里,登录到站点地面控制面板。 因此,您只需单击显示速度的位置即可。 然后这里有一个新选项,它说缓存。 我们要继续点击它。 这就是我们要启用的地方。 您网站上的两种不同类型的缓存。 所以第一个是它说静态缓存的地方,你会看到你已经连接到 SiteGround 的网站列表,你所要做的就是像这样打开它。

现在您的现金已开启。 这里有第二种类型的缓存,称为 Memcached。 让我们单击它,这是一种适用于您的整个托管帐户的缓存。 我们将继续并单击此处也将其打开。 现在这两个缓存。 机制有办法让你清空现金。

如果你登录到 SiteGround,你可以这样做的方式是这个小扫帚,它就在右边,上面写着冲洗现金。 您可以单击它来刷新 Memcached,当您使用静态现金时,还可以选择在此处刷新现金。 现在我们还必须在这里启用一些选项。

在您的网站上的 SG 优化器插件中。 第一个选项卡是超级收银机设置。 我们将要在此处显示动态缓存的地方切换它,然后我们将在此处显示 Memcached 的地方切换它。 现在,您可能需要了解一些用于动态缓存的附加选项。

第一个选项就在这里,您可以清除缓存并将其清空。 顶部的管理栏中也会有一个选项。 清空现金。 接下来是自动现金清除。 您将希望启用此功能。 您想要了解的主要选项就在这里。 它说,不包括 URL。

根据您拥有的网站类型,您网站的某些部分可能无法包括兑现,因为这会导致问题。 您通常会在基于电子商务的网站上看到这一点。 这是因为这些类型的网站上有很多动态选项,而兑现是行不通的,对吧?

因此,您将在此处将 URL 放置到要从缓存中排除的页面。 您所要做的就是在此处输入 URL,然后单击排除位置以将其添加到排除列表中,现在您的站点将成为。 全额兑现。 站点速度的最后一个支柱将是额外的性能优化。

现在 SG 优化器或插件也将为您提供一些不同的选项。 所以第一个是延迟加载图像。 这意味着当访问者加载您的页面时。 它不会显示它们,也不会加载图像,直到它们滚动到该图像应该位于的页面部分。

这将使您的网站加载速度更快,并让您的网站访问者感觉更快。 因此,为了实现这一点,我们将单击此处显示图像优化的位置,这是显示延迟加载图像的选项。 我们将打开它。 如果我们愿意,它在这里为我们提供了一些额外的选择。
懒加载。 这些将包括 Gravatar、RS、缩略图、响应式图像、小部件和移动设备上的延迟加载。 因此,您可以根据需要打开这些。 我肯定喜欢延迟加载、Gravatar、RS 和缩略图。 其余的对您来说是可选的。 如果延迟加载导致某些问题,您可以将网站的某些部分从延迟加载中排除。

您只需将 CSS 类放在这些元素上。 这有点技术性。 您可以在此处执行此操作,然后单击排除。 现在有额外的优化,对吧? 这是环境优化的一个选项。 您将需要向下滚动并确保打开 G zip 压缩。

最后,前端优化就在这里。 现在,这些可能有点棘手,有时您可能会遇到一些麻烦,因此我建议您一个一个启用它们。 然后验证它没有在您的网站上引起任何奇怪的行为。 现在,您应该可以非常安全地切换缩小 HTML 输出。

您还应该安全地启用所有各种缩小选项。 所以这是一个缩小 JavaScript 文件的方法。 这是一个缩小 CSS 文件的方法。 现在延迟渲染阻塞 Java 脚本。 这可能会导致问题。 当您启用此功能时,您将在此处收到警告,您可以确认是否要激活它。

所以这是你肯定要在前端验证它是否引起问题的地方。 这是组合 CSS 文件的另一个选项,这也可能导致一些问题。 如您所见,它不会触发警告消息。 但只要知道这也会导致问题。

有时。 接下来,我们优化了无害的 Google 字体加载。 让我们打开它。 接下来是从静态资源中删除查询字符串。 这在过去给我带来了问题,所以要小心。 当插件或主题关闭作者发布新更新然后您的网站上的事情开始变得不稳定时,您会看到这个选项会导致问题。

最后是禁用的表情符号。 这并不意味着表情符号不会在您的网站上运行。 这只是意味着它将以更优化的方式加载。 现在我将快速浏览一下我网站的前端,确保没有明显的问题,然后我将进行快速速度测试。

所以这是网站,到目前为止它看起来还不错。 我的图片正在加载,对吧? 这些小图标正在显示。 这通常是您看到的问题。 如果你遇到任何问题,呃,间距是正确的。 有时,如果存在问题,这些可能会重叠。

一切看起来都很完美。 事实上,这看起来非常好。 好的,所以我要去 GT metrics.com,然后我将继续粘贴到该网站的 URL,并在后面加上一个斜杠,点击此处表示测试您的网站。 它只需要一点时间,它要做的是下载您的网站。

它会给你一些数据。 它会让你知道加载需要多长时间。 它会告诉你有多少请求,它会给出一些任意的分数。 现在,我建议不要太重视这个分数。 如您所见,分数是。 相当高,a和b在这里加载时间非常快,1.2秒,一个页面,不到一兆字节,只有32个请求。

这是一个使用 Ella 导师的网站。 现在,我总是说,不要把这些分数看得太重。 真正重要的是当有人访问您的网站时您的网站感觉如何,但您可以从该测试中看到该网站的加载速度非常快。 这对于拥有所有这些图像的网站来说真的很好。

好吧,你有它。 这就是使用 SiteGround 使您的网站加载速度非常快的方法,我希望您也看到了从 SiteGround 获得的巨大价值。 通常,您每年必须支付数百美元才能获得能够完成它们为您提供的所有功能的插件。

已经使用您与他们的服务。 这是我推荐使用 SiteGround 的原因之一,因为它们为您提供了所有这些额外的好处,您不必去购买它们,并且它们得到了您的网络主机的正式支持。 SiteGround,如果您没有 SiteGround,请考虑使用我在下方提供的链接,或者如果您确实订购了 SiteGround,请考虑使用 WPcrafter.com/siteground,我会附上课程奖金。

这将帮助您充分利用。 建立一个网站,并最大限度地发挥作用。 戴夫,你在这个视频中发现了一些价值,我当然希望你做到了。 考虑竖起大拇指并与朋友分享。

如果您有任何问题,我鼓励您在下面的评论部分提问。

我喜欢回答您的问题并尽我所能帮助您。 嘿,谢谢收看,我们下个视频见。