注意:使用下面的音频播放器来听这篇文章,并考虑订阅你最喜欢的播客播放器!
速度比以往任何时候都更重要,你的网站也不例外。你的访问者以及谷歌都希望你有一个快速加载的网站。
快速加载速度不再是一件令人满意的事情。今天,这是一项要求。
快速加载的网站在搜索引擎中的排名更高,弹跳率更低,参与度更高。据估计,如果亚马逊的付款页面加载速度慢一秒,亚马逊每年就会损失16亿美元。
即使你不是零售巨头,据估计,页面加载每延迟100毫秒,转化率就会下降7%。
这描绘了一个非常清晰的画面——一个缓慢的网站将直接花费你的钱。另一方面,减少页面加载时间-虽然不是神奇的解决方案-可以帮助您为用户提供更好的体验,并从谷歌获得更多流量。
目录
一个快速的个人案例研究
我是在自己做了这件事之后受到启发写这篇文章的。我的服务器上最大的两个网站是这个,以及我最大的电子商务品牌的网站。
虽然不是慢得离谱,但这两个都不是网站应该有多快的好例子。页面加载时间通常为3-6秒。GTMetrix给我的网站的评分是F,谷歌PageSpeed Insights给出的分数不到10。
然而,事情并不总是这样的。我的电子商务网站和我这里的网站都是巨大的,有一堆底层组件。我的婴儿用品品牌有一个博客,每月有成千上万的读者,还有一个论坛和电子商务商店。这里,在我的主页下面,我也有我的课程范围,一个从属节目,以及许多其他插件,这些都让我的网站陷入了困境。
虽然可以为速度建立一个框架(我将在本文中介绍),但这不是你可以一次关注就永远忽略的事情。随着时间的推移,你的网站很可能会变慢——所以你的工作是保持领先。
继续,让我们具体介绍一下我是如何将我的GTMetrix分数提高到“A”,以及将我的PageSpeed Insight的结果提高到83分的。
1.利用缓存插件
如果有一件事你可以立即提高你的网站速度,那就是利用缓存插件。
如果你以前从未听说过“缓存”这个术语,它的工作原理是这样的:
当一个人访问你的网站时,有很多不同的文件要加载和计算要运行。例如,计算一个页面上的评论数量,或者你网站的边栏里有什么。每一个计算都需要时间。缓存插件会提前完成这些计算,并提供服务结果一个文件中的计算。
这样,访问者就不必等待计算完成。你的网站提前做了这些,当你的访问者到达你的网站时,你已经准备好了结果。
缓存仅可以立即两倍或三倍的速度,您的网站加载,并为您的访问者提供这样更好的体验。
但是请注意,缓存会导致一些插件不能正常工作。这就是我推迟了这么多年的原因。通常,这种权衡是值得的,越来越多的插件实现了与缓存插件的兼容性。
我能推荐什么?
就我个人而言,我在我的大多数网站上使用并推荐WP最快缓存Pro。在比较了其他缓存插件的实际速度测试后,我选择了这个插件,这个插件在每次测试中都是最快的。
有很多营销人员在推广WP Rocket。WP Rocket很棒,但很多营销人员只是因为他们提供了比竞争对手更慷慨的会员计划而推广它。这是我使用WP Rocket的一个站点——不是因为它比WP Fastest Cache快很多(根据我的测试,它和WP Fastest Cache差不多),而是因为我使用了很多复杂的插件来构建这个站点,而WP Rocket使用其中的一些插件表现得更好。
如果你正在寻找一个付费插件,WP Rocket可能是目前最好的,但免费插件可以帮你实现90%的目标。
WP最快缓存提供了一个免费版本,所以如果你还没有缓存插件,我强烈建议你去看看。虽然免费版和付费版之间有明显的区别,但即使是免费版也比没有缓存的插件有了巨大的进步。
2.卸载不必要的插件
我已经提到过这一点,但是随着时间的推移,网站会变得臃肿和缓慢。
最常见的原因之一是添加了不必要的插件和软件。
每个插件都有成本。虽然有些插件不会像其他插件一样拖慢你的网站,但你要保持只安装你需要的插件的习惯,并且在你用完插件后立即卸载它们。
它们不仅会降低你的网站速度,还会带来潜在的安全问题。
对网站上当前安装的所有插件进行审计。哪些插件是实际上改善用户体验——即使他们减慢了你的页面加载时间?
速度不是一切
这是你要问自己的一个重要问题。当它归结到这一点时,你不应该有在谷歌pagespepeinsights上达到完美100分的目标。有时候,为了给访问者提供更好的体验,放慢你的网站速度是值得的,在决定保留哪些插件时,这是一件重要的事情。
例如,谷歌把我的电子商务商店打倒了,因为我们使用了比必要的更大的图像。这是为了让人们可以放大产品照片,仍然有水晶般清晰的质量。这对我们来说没有意义,对我们的顾客来说,仅仅为了加快十分之一秒的加载速度而缩小照片也没有意义。
生活的一个规则是保留你和你的访客需要的东西,但不要更多!
3.压缩图像
为了让人们浏览网页,他们必须将网页下载到浏览器中。影响页面文件大小的最大因素之一是其图像。
幸运的是,可以在不牺牲图像质量的情况下将图像大小缩小70%、80%,甚至90%。
如何?
答案是压缩。
图像压缩从照片中删除了一些不必要的数据,并且使用大多数插件,图像质量不会有明显的差异。
我使用的图像压缩插件叫做Smush Pro。一个网站每月收费7美元,上传后可以自动压缩图片。
然而,这是你可以用自由软件自己做的事情铯.
至少,你应该压缩出现在你网站上每个页面上的图像。一些例子是你的logo,或者你侧边栏中的图片!
另外,在WordPress中嵌入照片时,避免选择“全尺寸”照片选项。这很少是必要的,因为照片无论如何都会缩小以适应用户的屏幕。
相反,选择比你需要的大一点的尺码。这将提供一个更小的文件,而不会牺牲质量。
4.购买合适的虚拟主机
我使用的是专用服务器,我知道这是大多数新网站所有者通常不具备的优势。
但是,即使是在共享主机上,也有可能获得极好的页面加载时间。
在选择虚拟主机时,你要注意的最重要的事情之一是文件是从固态驱动器(SSD)而不是硬盘驱动器(HDD)上加载的。
当涉及到服务器功率时,硬盘驱动器通常是瓶颈,这对于WordPress网站,电子商务商店和论坛尤其如此。
固态硬盘处理请求的速度高达20倍。虽然这并不意味着你的网站加载速度将提高20倍,但它消除了一个可能降低你的网站速度的主要问题——特别是当你的访问者基数增长时。
当然,无论您使用的是共享主机计划还是专用服务器,任何事情都有其局限性。如果你的网站流量显著增长,可能是时候考虑升级了。
5.利用内容发布网络
最后,考虑利用内容传递网络来缩短页面加载时间。
这是特别重要的,如果你收到你的大部分流量远离你的网络主机所在的地方。
请记住,当访问者连接到您的网站时,数据必须从他们的位置物理传输到您的服务器所在的位置。在许多情况下,这是在地球的另一端。这会带来明显的延迟,并导致你的网站加载更慢。
为了展示一个例子,这里有来自SpeedTest.net的两个网速测试的比较。第一个来自离我大约100英里远的服务器,第二个来自欧洲的服务器,大约4800英里远。
正如你所看到的,有一个明显的区别。
克服这一问题的关键是利用所谓的内容交付网络(CDN)。
cdn将页面的缓存版本分发到位于世界各地的服务器。通过这种方式,访问者可以连接到物理上离他们最近的服务器,消除了距离带来的延迟。
这是一个非常简洁的概念,如果你收到全球范围的流量,它绝对值得考虑。随着流量的增长,cdn变得越来越有价值。对于全新的网站或流量非常低的网站,cdn可能弊大于利,特别是如果你的服务器已经位于世界上为你产生最多流量的地区附近。
我目前使用的CDN是Cloudflare。BunnyCDN是另一个很棒的选择。
结论
页面速度不是一切,但它是值得关注的。
通过实现其中的一项,您一定会注意到页面加载时间的显著改进。如果您选择实现所有这些,差异将是巨大的。
记得在开始之前使用GTMetrix或谷歌Pagespeed Insights等工具测试你的页面,这样你就可以确切地看到你提高了多少。
我期待听到所有关于你的惊人成绩!
为你的成功,
-詹bob官方粉丝群姆斯·麦卡利斯特
我同意你的观点,速度不是一切,尤其是以牺牲用户体验为代价。访问一个无法提供良好体验和丰富信息(如图形等)的超快网站是毫无意义的。
Tekkaus(引用)
Tekkaus最近发布了…阿迪达斯麦当劳全美比赛篮球鞋
特考斯说得好!我认为一旦你超过了某个点,进一步提高速度不会有太大的影响。一个速度极慢的网站显然是一个大问题,但我不会为了减少0.1秒的页面加载时间而费力删除那些改善用户体验的东西。
bob官方粉丝群(引用)
bob官方粉丝群詹姆斯·麦卡利斯特最近发表了一篇文章…5个小调整,大幅度提高页面加载时间
我使用wp rockert和cloudfare ..这已经提高了我的网站速度..此外,wp优化插件也用于压缩图像..使斜坡速度
Mahesh氟草胺(引用)
听起来是个很棒的组合!我使用相同的,除了我使用Smush Pro而不是WP优化。我得去查一下。谢谢分享,Mahesh!
bob官方粉丝群(引用)
bob官方粉丝群詹姆斯·麦卡利斯特最近发表了一篇文章…品牌的成功来自于坚持基本原则
嘿,詹姆斯,
这篇文章帮助我大大提高了我的博客加载时间。老实说,我不太了解WordPress,但是在这篇文章和其他一些很棒的文章和视频的帮助下,我成功地快速加载了我的博客(我相信它足够快了)。
所以,非常感谢你,希望你能写更多关于博客优化的文章。
还有一件事,如果你有空余时间,请访问我的博客,让我知道我应该怎么做才能更快地加载它。
再次感谢。
Nirodha(引用)
嘿Nirodha !太好了!提高WordPress的速度并不需要很多,随着可用工具的数量,现在比以前容易多了。
我看了一下你的博客,它似乎加载得特别快。GTMetrix也给了它A级,这是一个例外。伟大的工作!
bob官方粉丝群(引用)
bob官方粉丝群詹姆斯·麦卡利斯特最近发表了一篇文章…品牌的成功来自于坚持基本原则
嘿,詹姆斯,
非常感谢您花宝贵的时间浏览我的博客。我喜欢保持我的博客简单干净。我没有使用任何花哨的动画或边栏小部件。
这可能是加载速度更快的原因。
再次感谢。
Nirodha Abayalath(引用)
嘿,
谢谢这篇文章,我得到了一些知识,同时我有一个疑问。一个好的页面速度分数是多少?
赛Mithun(引用)
很高兴听到这个消息!
谷歌认为90分或更高的分数是理想的。只要你的分数不是很糟糕,我就不会太担心它,而是把更多的精力放在提高其他核心网络要素上。
bob官方粉丝群(引用)
bob官方粉丝群詹姆斯·麦卡利斯特最近发表了一篇文章…品牌的成功来自于坚持基本原则
嘿,
我同意你的观点,速度不是一切,尤其是以牺牲用户体验为代价。访问一个无法提供良好体验和丰富信息(如图形等)的超快网站是毫无意义的。
Sathish Arumugam(引用)
完全Sathish !有时我们必须从大局出发,牢记什么才是对我们的访客最好的。
bob官方粉丝群(引用)
bob官方粉丝群詹姆斯·麦卡利斯特最近发表了一篇文章…品牌的成功来自于坚持基本原则
在某些时期前,搜索引擎这一主题是超级重要的和确定的搜索,但随着反向链接的出现几乎不再让差异与第一个页面的优化在这些机制出现,但我依然认为,仍然不适合,但超级重要的对于用户来说,这有一个很大的影响,想象你冲浪在超级慢的网站,没有人喜欢,所以点击率数据大幅下降以及其声誉。
克劳迪奥·迪亚斯(引用)
嘿克劳迪奥·!
反向链接仍然是排名的最大因素。就排名而言,页面速度很重要,但这可能被大多数人夸大了。谷歌似乎在惩罚这样的页面异常慢,但即使慢于平均水平的网站仍然可以轻松占据榜首,如果他们有良好的链接指向他们。
bob官方粉丝群(引用)
bob官方粉丝群詹姆斯·麦卡利斯特最近发表了一篇文章…品牌的成功来自于坚持基本原则
网站速度是一件令人讨厌的事情!更糟糕的是,有很多事情可能会影响它,而且每个博客的设置都是不同的。谢谢分享,非常感谢!
skylar(引用)
这确实很困难!我在后台安装了很多插件,这些插件会降低普通文章的速度,但对于交付付费产品来说却是至关重要的。真的让事情变得很困难!尽管如此,这里的这些技巧还是相当普遍的,尤其是对于WordPress。很高兴你喜欢他们,斯凯拉!
bob官方粉丝群(引用)
bob官方粉丝群詹姆斯·麦卡利斯特最近发表了一篇文章…品牌的成功来自于坚持基本原则
我也有同样的问题。
延迟加载对商业网站非常不利。
谢谢你的分享。
感谢你的研究。
塔·sonawane(引用)
延迟加载是一种必须根据具体情况来判断的东西。当它被正确地执行时,它很少会损害用户体验。
bob官方粉丝群(引用)
bob官方粉丝群詹姆斯·麦卡利斯特最近发表了一篇文章…如果你想要快速扩展,你需要掌握付费系统
谢谢你的建议。我并没有真正意识到图像压缩的作用,并假设我必须添加更小的图像(按大小)来降低页面加载速度。很高兴知道我可以保持图像相同的大小
Lylia玫瑰(引用)
嗨,Lylia,谢谢你过来!
压缩非常简洁,不是吗?一开始我以为它会明显降低图像的质量,但事实证明,如果你不过度使用它,就不会有明显的区别!
bob官方粉丝群(引用)
bob官方粉丝群詹姆斯·麦卡利斯特最近发表了一篇文章…如果你想要快速扩展,你需要掌握付费系统
非常感谢这篇文章。我一直在努力提高我的网站页面加载速度。
nav汗(引用)
Naved Khan最近发布了…在COVID-19封锁期间提高效率的15个技巧
很高兴它能帮助到Naved!
bob官方粉丝群(引用)
bob官方粉丝群詹姆斯·麦卡利斯特最近发表了一篇文章…如果你想要快速扩展,你需要掌握付费系统
嗨,我只是想知道网站加载时间真的会影响你的搜索引擎排名吗?如果你怎么知道我们网站的加载速度呢?
nav汗(引用)
Naved Khan最近发布了…克服社交焦虑的5个简单方法
嗨导航!
是的,页面加载时间是一个排名因素,尽管它似乎不是一个相对大的因素。衡量速度的两个最佳工具是GTMetrix和谷歌pagesed Inisights。出于好奇,我为你的网站做了一份报告,它得到了一个很好的分数!
bob官方粉丝群(引用)
bob官方粉丝群詹姆斯·麦卡利斯特最近发表了一篇文章…如果你想要快速扩展,你需要掌握付费系统
WP火箭+1我把它安装在我的一个客户端站点上,然后迁移到一个新的WP安装上。一开始它的表现很糟糕,得分大约是40/100,但实际上我所做的只是打开插件,现在我们的得分是99/100。这是在尝试和调整了大量几乎没有改变针的小事情之后。简直不敢相信我的眼睛!
马特·桑德斯(引用)