• 注册
    • 快速而简单的指南,让你的页面速度减半的傻瓜。

    • 查看作者
    • 快速而简单的指南,让你的页面速度减半的傻瓜。

      页面速度。我们都知道,从许多不同的角度来看,它是很重要的,从保持读者在你的网站上,到在谷歌中获得良好的排名。然而,我不认为我是唯一一个一提到这个话题就想把手指塞进耳朵里并开始大声唱歌的人。我知道这很重要,我知道我希望我的网站能更快,我只是不知道该怎么做。值得庆幸的是,我的担心是没有理由的--要做一些大的改进是很容易的

      我曾经调查过几次如何提高页面速度,即使有网页开发的背景,我也不知道我所读的指南在说什么。这一切似乎很快就变得非常技术化,我也就放弃了。直到我开始了我的新的权威网站,测试了它的速度和谷歌的评级,并意识到它是令人难以置信的糟糕,而不是像我的旅游博客那样只是糟糕。是时候学习了。而且要快。

      最后,我实际上很惊讶,提高我在谷歌PageSpeed Insights工具和Pingdom网站速度测试中的评级是如此容易。在一个下午,我在我的旅游博客和我的新权威网站上从超过5秒变成了不到2秒,在我的新权威网站上不到1秒。在这个网站上,我从近2秒到非常接近1秒的速度。我没有接触任何代码,一些最大的改进是令人难以置信的快速和简单。一旦我开始工作,实际上就很难停下来。提高页面速度可能会让人上瘾。

      要明确的是,本指南并不是一个提高页面速度的完整指南。除了我下面提到的那些,还有很多事情你可以做。然而,它是一个很好的指南,说明如何在不触及代码的情况下,快速而容易地提高你的网站速度,可能是戏剧性的。任何人都可以做这个清单!

      想要一个更快速的方法来获得出色的PageSpeed分数吗?点击这里,了解终极工具的情况。

      你将学到什么。

      1. 为什么页面速度很重要
      2. 如何测量页面速度
      3. 一些快速和简单的方法来提高你的页面速度,而不需要触及代码或做任何复杂的事情
      4. 一些更复杂的方法来提高页面速度
      5. 我的结果--我在3个网站上的页面速度的改善。

      以下是我应用这些步骤的三个网站的细节。

      网站1:我的旅行博客 - 沙龙在哪里

      我的旅游博客开始时的加载时间是令人尴尬的5.5秒,网站的移动端得分是39分,桌面端得分是75分。

      网站2:这个网站,数字游民崇拜者

      这是我一开始最好的网站,加载速度为1.86秒,网站评分为56(移动)和78(桌面)。

      网站3:我的新权威网站(即将宣布)。

      尽管这是一个没有多少内容的新网站,而且是一个静态的主页,但我有一些悲惨的统计数字。自己去看看吧。

      1.为什么页面速度很重要?

      想象一下,你看到这篇文章的链接,它看起来很有趣,你点击了它。突然间,你等了半分钟才加载页面,在这段时间里,你的脑海中闪过无数其他想法。你放弃了,转到别的地方。或者,你回到谷歌,点击另一个链接。

      这正是页面速度很重要的原因。我们都喜欢超级快的网站。如果一个网站加载速度快,我们就更有可能内容。根据Kissmetrics的报告,如果一个页面的加载时间超过3秒,有高达40%的用户会放弃它。这个统计数字本身就足以说明页面速度是多么重要。47%的消费者希望一个页面的加载时间少于2秒。拥有世界上最好的内容,但加载速度超过3秒,从而在你开始之前就失去一半的潜在读者或客户,这是没有意义的。

      页面速度也是谷歌用于在其结果页中对网站进行排名的200多个信号之一。跳出率也是一个考虑因素,所以如果你有40%的用户在你的页面还没有加载时就放弃了,那么这也不会提高你的排名。

      2.如何测量页面速度

      有很多方法,但我上面提到的两个工具,Pingdom速度测试和Google PageSpeed insights是我关注的。我在Pingdom中查看加载时间的速度,并力求使我的网站在2秒以内,以便与用户的期望保持一致。通过谷歌PageSpeed洞察力,你会得到一个桌面和移动速度的分数,满分100分。你希望这些分数越高越好,最好能有一个漂亮的绿色勾。

      3.一些快速和简单的方法来提高你的页面速度,而不需要触及代码或做任何复杂的事情

      这就是你读这篇文章的原因吧?让我们开始谈正事吧。

      a) 优化你的主页

      价格。免费
      时间:10分钟

      提高页面速度的最快速和最简单的方法是看一下你的主页,看看你可以删除什么。如果你是一个在主页上有很多图片和链接的人,这个提示是为你准备的。我的旅游博客通过从主页上删除一些图片和链接,实际上提高了将近3秒钟的速度。

      你有一个滑块吗?请仔细考虑一下你是否应该保留它。我把一半以上的图片从我的滑块上拿下来,这是对我的页面速度改善最大的地方。我不能让自己完全删除它......但我知道我也许应该这样做如果我再遇到网页速度问题,它将是第一个要去的东西。

      我还删除了我在主页上的两行指向其他文章的图片和链接。这使我的页面速度提高了大约半秒。

      b) 删除你不再需要的或特别慢的插件

      价格。免费
      时间:15分钟

      我惊讶地发现,这个网站和我的旅行博客都激活了很多网站不再使用的插件,这通常是由于旧的主题。删除所有你不使用的东西。

      接下来,安装WordPress的P3(Plugin Performance Profiler)。这个插件是免费的。运行测试,它将告诉你哪些插件花费的时间最长,以及它们都需要多长时间来加载。我在我所有的网站上运行了这个,并删除了那些我真的不需要的、性能很差的插件。我还寻找(并找到)了一个我需要的、速度很慢的替代插件。这改善了我所有网站的页面速度。

      当你完成后,记得删除这个插件。

      请注意:这个插件在过去几年中没有更新过,而且不能在PHP7下工作。这里有一些替代品,你可以试试

      c) 安装并优化W3 Cache插件

      价格。免费
      时间:15分钟

      W3 Total Cache是一个免费的WordPress插件,将为你执行缓存任务。

      什么是缓存?基本上,在WordPress中,每次有人在你的网站上请求一个帖子时,服务器都要把你的帖子的所有碎片放在一起,然后再给用户。有了缓存,这些页面,或者像你的侧边栏这样的部分页面,基本上都被保存起来,它使你的服务器不再每次都要重新计算它。这显然会加快事情的进展。

      它可以变得更复杂,但由于这是一个技术傻瓜的指南,我不希望你关掉,只知道缓存是一件好事,你应该希望它在你的网站上。 安装该插件,然后你需要进行正确的设置。这就是事情比较复杂的地方。为了简单起见,请看看这个关于类似主题的好文章。你也可以在这里阅读一份指南。

      请注意:只有在你正确设置的情况下,你才能从缓存插件中看到良好的时间节省。你的主机应该能够帮助你解决这个问题。

      不幸的是,我没有看到巨大的时间节省,但它确实改善了页面速度加载时间和我的评级。

      d) 安装一个图像压缩器

      价格。免费或5美元以上
      时间:15分钟-2天

      在这个网站上,我只花了不到15分钟就获得了一个账户,安装了插件并压缩了图片。对于我的旅行博客,我有超过4000张图片,所以花了几天时间来压缩我的图片。

      如果你还没有,安装一个图像压缩器。你可以得到一些插件,在你加载图片时对其进行压缩。你也应该用一个来压缩你所有的现有图像。

      理想情况下,这将是比较棘手的,但也能为你赢得加分,你也应该压缩你的主题和插件在你的网站上使用的图像,如果它们还没有被压缩。你可以在PageSpeed Insights测试中确定这些。它将给你任何没有被压缩的图片的URL,然后你可以用FTP从你的服务器上获取它们,压缩并复制回来。

      我使用的图像压缩器有两个。

      1.流行和免费的smush.it插件

      我开始尝试这个免费工具。对于一个免费的工具来说,它是好的。你可以把它设置为在上传时自动压缩图片,你也可以用它回去压缩你现有的图片。你可以在你的媒体库中分批进行,或者要求它全部进行。请注意,这是一个服务器密集型的任务,所以如果你的图片不多,只能一次完成所有的图片。在Where's Sharon,我有超过4000张图片,所以我只能分批进行。我还在论坛上看到有人抱怨说,如果他们试图一次做几百张,这个过程就会死亡。

      这个工具聊胜于无。然而,我发现它通常只能将我的图片文件大小提高2-5%,而且它的压缩量不足以通过PageSpeed Insights工具的图片优化测试。

      2.令人敬畏和便宜的(但不是免费的)Kraken图像优化器

      这是我最喜欢的插件之一。它将我的大部分图片压缩了50%以上。它还消除了我在PageSpeed insights中的图像优化问题。我把它设置为 "有损 "压缩。这意味着我放弃了一小部分的图像质量,但我根本无法注意到其中的差别。也有一个无损选项,它将我的图像压缩了大约5%。

      在这两种情况下,这是在通过smush.it插件运行图片后应用于我的图片的压缩。我想,如果不是这样的话,它可能会更高。与smush.it插件一样,在压缩过程中,一次压缩大量的图片确实影响了我的网站速度。试着在你的网站不忙的时候做。

      我原本打算只注册一个月,压缩我的图片,然后关闭我的账户。然而,它是如此的好,如此的有用,以至于我最终以每月5美元的价格留了下来,这让我在所有的网站上都有500MB的图片,这已经绰绰有余了,是一项值得的投资,不用再担心这些东西了。但要看到这个计划是很困难的--要注意 "微型计划 "的选项。但我第一个月确实从19美元的计划开始,以确保我可以压缩所有的图片。

      注意:上面的Kraken链接是一个联盟链接,但它只给我减少了每月的服务费--如果我不认为这个插件很棒,我是不会在乎的。

      压缩我的图像提高了我在所有页面速度测试中的评分,并确保我网站的所有页面的下载量都小得多。

      4.一些稍显复杂的方法来提高页面速度

      下面的两个技巧比较复杂,是为那些认真提高网站速度的人准备的。它们也没有那么快,但它们可以带来非常大的回报,所以我认为它们值得在这里提一下。

      a) 改变你的主题

      判断你的主题是否拖累了你,最简单的方法是?快速切换到一个主题,如WordPress的默认二十四小时。运行速度测试,看看有什么不同。然后你可以把它换回来。

      对于我的权威网站,我强烈怀疑是我的主题给了我如此糟糕的分数和页面速度。这是一个新的网站,没有很多插件,也没有很多内容,所以我不认为这可能是别的原因。当我把主题切换过来时,我看到了巨大的改善,所以是时候寻找一个替代品了。起初我并不高兴,因为我刚买了另一个主题并将其设置好,但我没有看到我有一个选择。 但我现在很高兴,因为我有一个更好看的网站,而且表现得更好。

      我研究了Thrive Themes。他们专门生产为速度、用户参与和可读性、转换率而设计的主题,当然也是响应式的。这正是我所寻找的。他们还整合了许多通常需要插件才能实现的元素,因此这节省了页面速度,也便于网站的启动和运行。它们看起来也非常好,所以我被说服了你可以一次性购买一个单独的主题,或者订阅所有的主题。如果你订阅,他们还包括kraken.io。

      我为我的新权威网站购买了Performag,我的PageSpeed Insight得分立即翻了一番,加载时间不到一秒。这是一个更容易设置的主题,也提供了比我以前的主题更多的控制。对于那些希望能够在帖子层面上定制帖子外观的人来说,你可以这样做,这是我以前没有遇到过的。

      它也是为社会分享而设置的,你可以很容易地设置你想在帖子层面分享哪张图片和描述,这意味着你可以为谷歌写一个与Facebook不同的帖子描述。

      无论如何,我的经验是非常积极的,我建议你给Thrive Themes看一看,如果你想提高页面速度,或者如果你只是想要一个新的看起来很新鲜的主题,尽一切可能提高读者参与度。

      注意:这是一个联盟链接,但我正在我的网站上使用这些主题之一,并强烈考虑也在我的其他网站上实施。

      b) 更换主机

      也许你能对页面速度做出的最可怕但最有效的改变是更换主机,前提是你还没有使用一个超级快的主机。我把这三个网站托管在一个虚拟服务器上,它相当不错。然而,我确实注意到我的加载速度的变化,所以我确实计划很快改变我的主机。

      在我的其他网站中,我使用了大量不同的主机。其中一个是在SiteGround托管的,我印象非常深刻。它快速、简单,而且价值很高,起价只有3.95美元。这家托管公司得到了很好的评价,并以其速度而闻名。我还发现他们的客户服务非常好。关于如何在这里设置主机的教程即将推出。

      注意:这是一个联盟链接,但我已经是一个客户和粉丝。

      5.我的成果

      那么我做得怎么样?对于一个下午的努力来说,非常好!

      网站1:我的旅行博客

      我从5.5秒到2秒以下。我的页面速度得分从移动端39分和桌面端75分上升到移动端60分和桌面端88分。

      地点2:这个地点

      我从1.86秒变成了1.03秒。我的页面速度得分从56(移动)到59,78(桌面)到86。

      网站3:我的新权威网站

      简而言之,我的网站速度为5.60秒,页面速度分数为21和35。这就是我现在的情况。

      这些分数并不完美,但我非常高兴我能够如此容易地做出这些改进。我也很高兴我终于尝试在页面速度方面做一些事情,而不是决定它太难了。不要犯同样的错误!

      你在提高页面速度方面有什么技巧?在遵循其中的一些技巧后,你能在多大程度上提高你的网站速度?

      在这里找到更多关于获得更多博客流量的文章。

      || 翻译:数字游民指南
      || 原文链接:The Quick And Easy Guide To Halving Your Page Speed For Dummies
    • 0
    • 0
    • 0
    • 15
    • 请登录之后再进行评论

      登录

      赞助广告,谢谢理解

    • 发表内容
    • 做任务