博客

Usain Bolt网站负载速度优化指南*

Usain Bolt网站负载速度优化指南*

*不幸的是,Usain无法写入本指南,所以我们必须自己做。


欢迎来到我们的7章,4,000多个网站装载速度优化指南。我们相信这是“网络网站最全面的网站负荷速度优化指南。

请阅读您的闲暇,或下载本指南的PDF版本 这里。


目录:

  • 第1章:网站装载速度优化简介
  • 第2章:页面加载速度究竟是什么?
  • 第3章:网站加载速度的重要性
  • 第四章:缓慢加载网站的负面影响
  • 第5章:延长网站加载时间的常见错误
  • 第6章:如何提高达到更好的参与和销售的网站速度
  • 第7章:最后的话


网站装载速度优化简介

第1章:网站装载速度优化简介

图像,视频,铅生成表单,漂亮的小弹出窗口,产品和一个很酷的签出页面。

当您想到构建新网站时,这些通常是突出思想的第一件事。

您从关于新网站的设计和品牌的想法开始。

您考虑您如何最好地安排您的网站结构和内容,以最好地描绘您所在的业务类型。

不幸的是,我们大多数人都错过了一个成功的在线业务的一个非常重要的方面: 您的网站及其个别网页的加载速度.

本指南全部是关于帮助您确定您网站加载速度的重要性,并尽可能快地使其变得快速。

疯狂的螺栓。

但是网站加载速度真的很重要吗?

再次,没有很多人了解它有多重要,所以让我们立即制作一个大的大胆陈述。

慢速装载网站可以 - 事实上,将 - 杀死您的业务。

这就是它的纪念碑。

在本指南中,我们将讨论:

  • 网页加载速度究竟是什么?
  • 网页加载速度的重要性
  • 缓慢加载网页(疼痛)的负面影响
  • 一些常见的错误,网站所有者无意中犯下了速度速度
  • 以及如何提高您的网站速度,以便您可以获得更高的参与和销售。

让我们从顶部开始。

(或者我应该说起始块…)

并且,希望在本指南结束时,您将拥有如何改进网站的加载速度及其网页的完整知识和命令。


究竟是什么页面加载速度?

第2章:页面加载速度究竟是什么?

在我们开始讨论的情况下,关于它的讨论以及如何提高网站的加载速度,我们应该澄清它是什么以及它不是什么,对吗?

网页加载速度有很多定义,但这是您需要记住的最简单的。

网页加载速度定义:

“网页的加载速度是指将网页的整个内容显示给用户所需的时间持续时间。”

从用户单击网页上的时间来计算持续时间,以显示显示网页的所有内容的时间。


网站加载速度的重要性

第3章:网站加载速度的重要性

现在是我们讨论的更重要的话题。

为什么网站的加载速度如此重要?

是的,它会影响用户体验,但您将您作为业务主的费用是多少?此外,网站加载速度是否直接影响销售和转换?

在我们指南的这一领域,我们回答所有这些问题。

所以,这是一个简单的事实。

如果您的网站加载速度太慢,人们不会等待它加载。他们不会与您网站上的内容(尽管可能有多好),但他们不会从您那里购买。搜索引擎还将在SERPS(搜索引擎结果页面)中丢弃,因为它们不希望排名缓慢加载网站。最终,由于销售额和收入低,您的网站将大概是坦克。

这是它的主旨。

我们也可以谈谈细节。

例如,平均而言, 40%的网站访问者放弃了一个超过3秒的网站才能加载。

而且,大约 46%的人永远不会再次访问一个网站,其中负载速度差.

因此,在提高网页的加载速度方面,第一印象变得更加重要。

今天数字世界的问题是没有人喜欢等待。没有人有时间。他们当然没有足够的时间等待你的慢速推动你的速度。这是时候了 加速移动页面 (安培)和 即时文章 我们住在。人们只是不等待。

此外,根据最近的一项研究,现代数字世界也缩小了人类的平均注意力。一切都发生得如此之快,我们忘记了要注意或焦点的意义。研究得出结论,人类的平均关注跨度只是8秒。

相比下, 金鱼的平均注意力为9秒 – and our friend Usain可以在9.58秒内运行100米。

涉及到您的网站时意味着什么?

它只是意味着您无法让用户等待。

如果它是为了提出伟大的第一印象,您的网站必须在所有气瓶上踢。哦,如果它未能这样做,46%的网站访问者再也不会拜访了你。

开始了解加载速度有多重要的感觉吗?

这只是关于第一次印象,直接网站流量,以及一些恼火的非经常性网站访问者。有更多的东西。让我们简要讨论缓慢加载网站的所有不同负面结果。


缓慢加载网站的负面影响

第四章:缓慢加载网站的负面影响(后果)

那么当网站在合理的时间内加载时究竟究竟发生了什么?您的业​​务开始以多种方式实现。例如:

你在搜索引擎排名中受到了打击

谷歌一直在清楚的是,慢装载网站不会排名在顶部位置。

为什么?

好吧,就像你一样,谷歌也向其用户提供服务,它不能向他们展示不良结果。否则,人们将停止使用谷歌,而是将开始使用 或者 雅虎 或者 鸭子或任何其他搜索引擎。

因此,如果您的网站永远加载,Google将注意到它并最终在搜索引擎排名中将其分割。它基本上将用您的网站替换您的网站,为访问者提供更好的用户体验。

因此,您将看到搜索引擎流量下降。

Google建议在3秒以下的网页加载时间。

谷歌的John Mueller建议在3秒内加载速度


加载速度影响转化

作为企业网站所有者,每个人都有一个主要目标:增加转换。

我们a / b测试不同的文本,着陆页面设计,颜色,按钮和whatnot。但是,提高转换率的简单解决方案是提高您的结帐页面的加载速度和性能,这将显着提高转换。

奥巴马在2011年总统选举中担任筹款活动。当他们设法将转换率提高14%时,因为它们将装载速度从5秒减少到2秒。

14%的转换率达到3400万美元。哇!

同样,当Mozilla将页面加载速度提高2.2秒时,它设法将转化(下载)增加15.4%。因此,它设法每年额外增加1000万下载。沃尔玛在页面加载时间中还增加了每1秒改进的2%转换率。

网络充满了这种案例研究,证明了加载速度和转换之间的直接相关性。


它会影响销售和收入

让我们看看底线。

只要有些事情没有直接影响您的销售和收入,您就会很好(大多数时间)。毕竟,这就是商人最关心的是什么。

但事实的事实是,网站加载速度直接影响销售和收入。

一旦谷歌经历了由于缓慢加载时间而萧条。它实际上,由于页面加载时间的0.5秒延迟,它实际上看到了20%的流量。

虽然谷歌已经很快修复了它,所以它没有任何持久的影响,大多数企业都没有相同的资源或技术专长谷歌拥有。这就是为什么大多数企业受到影响,有时候永远不会恢复。

这对于电子商务企业和在线商店尤其如此。

研究表明,88%的互联网用户选择使用高性能网站的网上购物商店。更重要的是,50%的人放弃了超过3秒的网站加载。

如果您是受害者之一,您认为在辞职后的所有交通都在哪里?

当然,到你的竞争对手。

这里还有另一个抓住。

近44%的人与其他人分享他们不良的在线购物经验,这意味着您使用缓慢装载网站构建的负面印象将具有指数性质的负面后果。你在从未访问过网站的人面前建立一个糟糕的融洽关系。必须伤害!

如果您不确定您网站的加载速度有多少影响,请使用此 转换计算器。您将震惊的是您在桌面上的转换和金钱的震惊,因为您没有快速装载网站。

所以......你如何解决它?

好吧,解决这个问题并提高您网站的加载速度并不困难,但您必须对此进行战略。本指南的以下部分将帮助您使用现在可以开始申请的可操作和实用的提示。

首先,让我们来看看一些常见的新秀错误,大多数企业使他们的网站的装载时间延长。如果您正在进行这些错误,是时候开始修复它们了。


延长网站加载时间的常见错误

第5章:延长网站加载时间的常见错误

如果您想在完全加载之前减少网站和网页的加载时间,您必须消除决策错误,编码漏洞,无知和常见错误。

当您从地上构建网站时,可以更容易。一旦您有建立的网站,可能会稍微困难。

以下是可能延长网站装载时间的一些常见错误。确保你没有任何这些新秀错误。


1.无效的网络托管服务

相当合乎逻辑,不是吗?

如果您正在使用低效或Mediocre Web托管服务来为您的网站供电,结果将不会非常好。

网站托管空间往往是拥挤和破裂。毕竟,世界上有很多网站都能动力。当人们刚刚与他们的网站开始时,他们经常诉诸选择他们可以找到的最便宜的网络托管计划。这不是前进的最佳方式。

“经济高效的”网络托管服务具有在单服务器堆栈上运行数千个公共站点的未优化服务器。它会导致无法控制的交通尖峰,意外停机和效率低,提供多媒体内容或大型Web文件。

做一些研究,找到您可以找到的最好的网络托管服务。您将意识到一个体面的托管计划不会破坏您的银行。此外,如果您想构建一个品牌,那将是一个好主意,不要选择共享托管计划。


2.使用太多插件或小部件

这是一个问题,即索帕尔妇女和小企业最常面对。

如果您无法访问良好的Web开发人员,请结束使用过多的插件或小部件来帮助您执行要完成的任务。

谁不喜欢从CMS仪表板上轻松访问的其他功能和功能?

这听起来很诱人 - 也许这就是为什么这么多最终安装太多的插件和小部件 - 但最终,它对您的网站的装载速度产生负面影响。

请不要低估这一因素。

您可能会思考,“单个Google+共享按钮可以做多少伤害!”

好吧,你会惊讶地知道在某些情况下,这很容易导致1-2秒的延迟。

只安装Bare Essentials。保持加载项限制,您的网站性能不会影响太多。

注意:有时,它不仅仅是关于您安装的插件数量。插件的功能也很重要。查询大数据流执行复杂任务的插件应执行此操作。


3.太多广告

太多广告可能会导致负载速度较慢

向第三方网站销售网站房地产是广告的常用方式,可以在线赚钱。虽然它是一个非常诱人的选择被动地赚钱,但它可能会对网页的加载速度产生负面影响。

由您来计算它是否值得。太多因素发挥着他们的角色,让我们告诉你一个特定的答案。

然而,知道它是一个因素,在下次定义广告价格或确定您是否要向第三方广告商销售额外的广告时,必须考虑到一个因素。有时,高速反弹率和放弃游客的财务损失远远超过了销售广告空间的利润。


4.太多的累进代码

具有太多的联盟代码也是如此。虽然他们是小型代码片段,但它们可以振作起来很多有价值的记忆,最终会减慢大多数网站。

尽管如此,联盟代码驾驶室很重要,因为它们是一些网站在线发行资金的重要来源。但是,它是另一点来记住,即,不要轻易接管联盟代码,因为它们会影响您网站的加载时间。


5.太多弹出窗口

太多的弹出窗口可以减速网页

虽然弹出窗口是“In”,并且产生新的引线的伟大来源,但它们必须保持在最低限度的原因:

  • 太多弹出窗口惹恼网站访问者并鼓励他们退出您的网站
  • 如果不正确地完成,它们对SEO不利。谷歌没有’太喜欢他们太多了。
  • 在网页上有太多弹出窗口会使它放在很大程度上。



6.大型多媒体

不兼容的多媒体,例如具有大文件大小的超级高质量图像和视频大大影响您的网页的加载速度。

我们了解您网站上的多媒体内容很重要。没有人否认这一事实。但是您需要确保您只上传Web友好版本。

例如,代替以.png格式上传图像,您可以在.jpg中上传它们。这将节省大量的带宽,因此,提高完全加载网页所需的时间。



 如何提高网站速度,以实现更好的参与和销售

第6章:如何提高达到更好的参与和销售的网站速度

开发和维护高速,高性能的网站需要努力,时间和几乎超自然的Web开发技能。

但如果你没有任何这些神奇的力量,不要失望。仍有方法可以实现合理的快速装载网站。在本节中,我们讨论了一些可靠的方式,可以帮助您更快地让您的网页负载。


1.开始测试

你从哪里开始?

每当您尝试改进任何内容时,第一步是始终测试和记录结果。否则,您永远不会知道您是否设法携带任何改进。

此外,在提高网站的性能方面,初始测试可以识别需要改进的许多核心区域。当你知道开始的地方时,它基本上会让你的工作更容易。


2.测试网站性能的工具

值得庆幸的是,有很多工具可帮助您识别您网站缺乏的位置。其中一些工具是免费的;其他人是支付的。我最喜欢的工具是 gtmetrix.。你也可以使用 谷歌的页面洞察力工具.

如果没有为您收取任何费用,这些工​​具就会为您的网站表现提供有价值的见解。

对于这个例子,我们将使用pingdom。

首先访问 潮工具主页 并输入您想要改进的网站的URL。

潮网站速度测试仪

单击“开始测试”按钮以允许工具工作其魔力。

一旦完成,向下滚动,你会看到一堆物品。它们将被分级,颜色编码,以及分配分数以便于解释。

请参阅以下屏幕截图。

购物pingdom测试

您会发现界面非常易于导航和理解。您还可以单击每个项目右侧的下拉菜单,探索您需要的更多信息和确切的解决方案。

购物pingdom测试2

向下滚动有关您网站的更多信息。

潮网站装载速度测试结果

理解的一个优秀方法 - 没有网络开发者的帮助 - 是通过了解瀑布图表。它告诉您究竟需要在您的网站上加载最多的时间。

pingdom waterwall图表

如果进一步向下滚动,您将看到一个图例,显示了突出显示请求的不同阶段的不同颜色。

pingdom状态颜色

所有这些免费信息可以帮助您确定需要最关注的确切斑点。

除此之外,以下是一些经过验证的提示和技巧,有助于大多数网站提高其性能。这些提示适用于所有网站,如果您刚刚开始新网站,对您特别有帮助。


4.使用优化的图像

我们在我们最初期望使用的网站上使用更多图像。很快,他们对网站变得太大,继续快速表演。

图像优化是您始终需要记住的那些点之一 - 从启动网站的第一天开始。

  • 使用您在网站上上传的图像的正确格式。除非您使用它们用于徽标,图标或插图,否则应该避免PNG。避免BMPS或TIFFS。尽可能使用.jpgs。
  • 根据网站模板的高度和宽度调整图像大小。它可以节省每个图像的宝贵字节。
  • 压缩图像而不会对质量妥协。您会看到您可以轻松地将A.jpg图像轻松压缩50-60%,而不会丢失太多的质量。

5.优化的CSS代码& Delivery

如果您希望维护快速执行的网站,确保速度优化的CSS交付至关重要。使用以下提示:

  • 使用较少的声明和运算符来减少代码的大小。
  • 尽可能缩小CSS。
  • 加载CSS代码<head> tag.
  • 仅使用一个外部CSS表。
  • 不要忘记删除未使用的CSS。
  • 避免在HTML中使用CSS

6.缩小JavaScript,CSS,HTML

缩小JavaScript,CSS和HTML,以确保您网站上的所有代码进行了优化,以便更快地提供。缩小内联JavaScript和外部文件非常重要。根据谷歌的建议,您应该缩小超过4096个字节大小的所有JS文件,并刮掉至少25个字节以对网页加载时间产生任何明显的差异。

此外,目标应该是有效地将HTML,JavaScript和CSS的多个服务器请求组合成单曲。这种小技术将显着地减少任何网页的加载时间。


7.避免使用太多插件

正如我们在本指南的前一部分所讨论的那样,避免使用太多插件。

虽然诱人的额外功能可能是,但使用太多插件显着减慢了一个网站。

此外,它不仅仅是关于您使用的插件总数。更频繁的是功能 - 以及插件的复杂性具有更大的影响。

为了使您保持简单的事情,执行复杂操作的任何插件,对外部API执行请求,增加了数据库查询的数量,或者加载大量内容资产和脚本应该是一个大的 不!


8.清洁WordPress数据库

您可能已经注意到WordPress内容管理系统(CMS)在单个数据库中存储帖子,页面,评论等。它还包含文本和加密数据的形式。另一方面,它将所有图像和视频存储在单独的“WP_Content”文件夹中。

单个数据库随着时间的推移非常拥挤。从垃圾邮件队列中的评论,后期修订,未批准的评论和删除博客帖子等垃圾项目,可以成为一大堆垃圾,可以减缓您的网站。

确保清理WP数据库并保持优化。


9.内容交付网络(CDN)

内容交付网络或CDNS旨在加强任何网站的性能。这些CDN对从多个国家和大陆接收流量的网站特别有用。

简单单词,CDN由托管缓存的网络页面的服务器网络组成。在线用户 - 当他们要求您的网页和它们中包含的信息时 - 基于其地理位置(他们正在提出这一要求的国家和大陆)。


10.升级您的托管计划

正如您必须知道的那样,有多个Web托管计划/包可供选择。随着时间的推移,您必须升级您的网站托管计划。否则,您的网站将继续遭受缓慢的负载时间。

网站托管计划通常可以分为三大类:

  • 自由
  • 共享
  • 专用或管理托管

正如您所猜,没有业务所有者应选择免费托管。它主要由业余爱好者使用。

共享托管是最受欢迎的网络托管计划之一。它们在刚刚在线商务和电子商务世界潮湿的人中非常受欢迎。如果您刚刚开始 - 而不是100%肯定您的在线业务及其未来 - 这是一个良好的计划。

另一方面,专用或管理托管是更严重的竞争者。他们将拥有一个不断增长的既定品牌或业务。与此同时,它对中型企业或索帕普岛也是完美的,他们在其在线业务中非常严重和充满信心。


11.配置您的服务器和.htaccess文件

您可以配置Htaccess和Active Leverage浏览器缓存,GZIP压缩等服务器文件,使能保持活力。

以下是可以在htaccess文件中使用的代码,以激活WordPress和HTML网站上面提到的。

请注意,这是一个先进的策略,如果完成错误可能会对您的网站造成重大问题。在实现开发服务器上的代码之前,请让您的Web开发人员详细研究以下内容。

##从这里开始##

##启用连接Alive ##

标题设置连接保持活力

##禁用Etags ##

fileetag none

##到期缓存##

<ifmodulemod_expires.c.>

过期

ExpiresByType Image / JPG“access plus 1 year”

ExpiresByType Image / JPEG“access plus 1 year”

ExpiresByType图像/ GIF“access plus 1 year”

ExpiresByType图像/ PNG“access plus 1 year”

ExpiresByType文本/ CSS“access plus 1 month”

ExpiresByType应用程序/ PDF“access plus 1 month”

ExpiresByType Text / X-JavaScript“access plus 1 month”

ExpiresByType应用程序/ X-ShockWave-Flash“access plus 1 month”

ExpiresByType Image / X-Icon“access plus 1 year”

expiresdefault.“access plus 2 days”

</IfModule>

<ifmodulemod_deflate.c.>

#压缩HTML,CSS,JavaScript,Text,XML和字体

addoutputfilterbytype令人偏转应用程序/ javascript

addoutputfilterbytype偏转应用程序/ RSS + XML

AddOutputFilterByType Deflate Application / VND.MS-FontObject

addoutputfilterbytype令人偏转应用程序/ X字体

addoutputfilterbytype偏转应用程序/ x-font-opentype

addoutputfilterbytype偏转应用程序/ x-font-otf

addoutputfilterbytype偏转应用程序/ x-font-trueType

addoutputfilterbytype leflate应用程序/ x-font-ttf

addoutputfilterbytype偏转应用程序/ x-javascript

addoutputfilterbytype deflate application / xhtml + XML

addoutputfilterbytytype deflate application / xml

addoutputfilterbytype缩小字体/ omentype

addoutputfilterbytype leflate font / otf

addoutputfilterbytype缩小字体/ ttf

addoutputfilterbytytype缩小图像/ svg + XML

addoutputfilterbytype deflate image / x-icon

addoutputfilterbytype缩小文本/ css

addoutputfilterbytype缩小文本/ html

addoutputfilterbytype缩小文本/ javascript

addoutputfilterbytype缩小文本/平原

addoutputfilterbytype缩小文本/ XML

#删除浏览器错误(仅适用于真正的旧浏览器)

Browsematch ^ Mozilla / 4 Gzip-ock-Text / HTML

Browsematch ^ Mozilla / 4 \ .0 [678] no-gzip

browsermatch \ bmsie!no-gzip!knip-ock-text / html

标题附加vary用户代理

</IfModule>



最后的话

第7章:最后的话

你已经做了。最后。恭喜!

在4000多个单词之后,您现在已经了解您应该知道的网站加载速度的一切重要一切。

网站的装载速度一直很重要,但在过去几年中,它已成为一个严重的因素。事实上,它可以是一个好网站和一个伟大的网站之间的区别!不要轻视它。

此外,在未来几年内,其重要性只会增长。因此,如果您现在投资它,这将支付很大程度上,因此您可以以更高的搜索引擎排名,更好的转换率,更伟大的用户体验和网站访客的印象以及更高的销售额来获得精彩的奖励。和收入。

Profile Picture

乔希·哈米特

免费电子书: “最全面的网站速度优化指南: 2020版“(价值99英镑)

书籍

这个免费的电子书将教你如何提高您的网站的负载速度,然后又会改善您的网站上的访客展示,并帮助谷歌爱上它。


100%隐私。我们绝不会垃圾邮件!