回到主页

搜索引擎排名-如何提高页面速度以获得更好的网站性能

搜索引擎排名

页面速度现在是移动搜索的排名因素。这意味着它在所有搜索引擎优化SEO)工作中都是一个至关重要的组成部分,因为它对用户体验有影响。

根据英国“金融时报”进行的研究,1秒的慢速页面导致读者参与度下降5%。

谷歌表示,如果屏幕加载时间超过3秒,那么移动网站访问量的一半以上都会被放弃。

底线很简单:页面速度在性能方面发挥着重要作用,无论我们是在讨论付费搜索还是有机搜索,读者参与,销售还是潜在客户。

幸运的是,提高页面速度并不是一些神秘而神秘的黑暗艺术。你不需要酿造特殊药水,召唤恶魔或出卖你的灵魂。你只需要对某些技术有一个正确的理解,并投入一些好的老式努力来将它们整合在一起。

建立基线

第一步是建立基线。通过这样做,我们可以获得可量化的速度测量,并确定我们需要做的工作来改进它。我使用的一些工具是:

  • WebPageTest.org。
  • GTmetrix.com。
  • Google PageSpeed Insights。

一旦你的工具排成一行并准备好基线,就该开始工作了。

了解网站的运作方式

大多数人 - 包括许多自称是开发人员的人 - 都缺乏对网站seo真正运作方式的正确理解。这就是为什么我们今天看到如此多的臃肿和低效的网站。

我们在互联网历史上有一个有趣的地方,任何人都可以通过几次点击创建一个网站。虽然这具有一定的优势,但它也创造了一个全新的问题。

想想这样:如果有人对架构一无所知,但是使用的软件可以让他们只需点击几下就可以为桥梁创建蓝图,那么一旦它建成后你会感觉很舒服吗?我当然不会。

那是因为建筑比我们个人的喜好要多得多。为特定目的需要特定的结构。有精确的计算来确定各种部件的承载能力。并且有代码和分区法律有助于确保建筑物安全并适合当地社区。

网站也是如此。

为了确保您的网站快速加载,您需要至少了解超文本标记语言(HTML),级联样式表(CSS)和JavaScript。理想情况下,您还应该至少掌握超文本预处理器(PHP)的工作知识和WordPress的内部工作原理。掌握这些元素可以让您深入了解网站的细节并修复那些减慢速度的因素。

最小化HTTP请求

曾几何时,带宽是我们今天所享受的一小部分,所以当时,我们会通过将大图像切割成一系列较小的图像来进行补偿。访问者不会等待单个大图像加载,而是会看到图像以块的形式加载。

今天,通过基本的互联网连接提供的带宽要好得多。这导致了懒惰的开发者和不耐烦的访客。

每个超文本传输​​协议(HTTP)请求都会增加页面加载所需的时间。经常显着。实际上,影响可能非常大,以至于具有更多HTTP请求的较小网页实际上可能比具有较少HTTP请求的较大网页花费更长时间来完全加载。

我们如何减少页面的HTTP请求数量?这是我们卷起袖子并开始深入研究我们网站的源代码的地方。我们在这里寻找的是合并或消除某些HTTP请求的机会。

CSS和JavaScript文件往往是最低调的结果,因为很多网站都有很多。有三种方法可以解决这个问题:

将所有CSS和JavaScript文件合并为一个CSS文件和JavaScript文件。
在前端安装一个模仿此功能的插件,同时在后端保持实际的CSS和JavaScript文件不变。
如果可能,请完全删除对CSS和JavaScript文件的调用。
在大多数情况下,您需要使用这些选项的组合。这是因为如果您的网站是基于WordPress构建的,那么将插件中的CSS和JavaScript文件合并到一个文件中可能会在更新其中一个或多个插件时出现问题。

通常,我会首先识别不需要的任何CSS和JavaScript文件并将其删除。您可以在此阶段提高速度,因为许多主题会加载大量不必要的文件。这可能包括您不使用的字体,用于颜色变化的单独CSS文件以及用于您未使用的功能的单个JavaScript文件,仅举几例。

接下来,我确保该网站的所有CSS和JavaScript文件都合并为一个CSS文件和JavaScript文件。

最后,我将利用一个插件,在插入页面时将所有CSS和JavaScript文件(主题和插件)合并到一个文件中,使实际文件在后台保持不变。

我建议使用sprite来修剪由图像文件生成的HTTP请求。这不适用于每个图像,但它有效地使用在整个网站中重复使用的图像。这可能包括您的徽标,社交媒体图标和导航元素。

这里的想法是,您将所有这些图像放在一个文件中,然后使用CSS定义该元素的容器,并将图像适当地放置在该容器中。现在,您可以简单地制作一个,而不是十几个或更多个别的HTTP请求。怎么样才有效率?

您可能还需要考虑使用FontAwesome.com等Web字体替换至少部分图像,这样可以在相同或更小的文件大小下提供更大的灵活性。

如果你走这条路,你应该下载必要的文件并在本地托管而不是远程托管。调用外部文件会对页面速度产生巨大而不利的影响。当网站从外部源加载文件时,我已经看到差异大到一秒或更长。

轻松搞定插件 

插件是使WordPress真棒的一些东西。它们也是一些可以使它变得糟糕的东西,因为它们可能编程很差,导致性能不佳。他们还经常加载几个CSS,JavaScript和图像文件,甚至是那些已经加载过的文件,比如JQuery。

这真的很快就会变得非常混乱。

每个插件,无论多么轻巧,都会在服务器网页时对您的服务器施加负担。添加一些,差异是显而易见的,这是在我们甚至讨论它可能需要加载的CSS,JavaScript和图像文件之前。

问题在于:添加插件通常很小但很快就演变成一个无法控制的怪物,因为网页设计师将自己呈现为Web开发人员并不知道如何编写他们需要的功能。所以他们在这里添加一个插件,在那里添加另一个插件,在你知道它之前,在幕后有几十个嗡嗡声。

我参与了一个项目,一个机构想要使用他们的“开发人员”,他实际上只不过是一个安装插件的人。为了实现客户想要的功能,“开发人员”最终安装了46个插件!你可以想象,网站的速度变慢了,因为“开发人员”不知道如何编程和依赖插件,他在管理区域内硬编码警告,让客户不要更新插件插件。

真是一团糟。

我建议花时间学习PHP和JavaScript,或雇用一个真正的开发人员,他们可以构建你需要的功能,而不会有太多臃肿的额外内容会减慢网站的速度。

放弃折扣网站托管

我们都想省钱,但你的网络托管不是你想偷工减料的地方。这不是商品。每月10美元托管来自底层网络主机的套餐和每月30美元托管套餐来自WP Engine等高端网络主机之间存在巨大差异。

便宜的网络托管是便宜的原因。

廉价托管软件包不是为了提高性能而构建的,它们只是将尽可能多的网站塞进每台服务器上,而不是为了速度而优化。因此,您的网站会缓慢加载。

我和很多客户进行了这次谈话,而且他们的反应常常会产生“好吧,它会很快为我加载”。

事情就是这样:事实并非如此。

大多数人对自己的网站建设存在无意识的偏见,因为他们对此有情感依恋。他们忽视了它的缺陷,因为它是他们的。有点像父母,他们的孩子不会在餐厅尖叫,而大多数其他客人都是。

但是不要相信我,有几种工具可以用来测试网站的实际速度。

几年前,我开始将网络托管作为首要任务,帮助我的客户更快地加载网页。一位朋友推荐了一家专业的WordPress托管公司,我决定尝试一下。

我以最好的方式被淹没了。直到那时,我一直使用讨价还价的网络托管,并尝试使用缓存插件优化速度。但是,一家WordPress托管公司专门为极速高速的WordPress提供服务,非常值得投资。即使在缓存和其他微调之前,我的速度也提高了40%。

投资强大,高质量的网络托管,并对您通常的速度进行相同的微调。与大多数(如果不是全部)竞争对手相比,您将获得显着的改进。

利用缩小,缓存和CDN

一旦你完成了我之前的所有步骤并且已经达到了这一点,你就可以进行微调了。您的后续步骤仍然可以创建显着的改进,但是当您继续前进时,您应该期待一些试验和错误。

缩小。 缩小是从CSS和JavaScript文件中删除不必要的字符的过程。这包括空格,注释和尾随分号。这里的目标是使文件更小。

这个可能很棘手,因为它经常打破一个网站,所以你需要尝试看看你有多积极,你可以包括哪些文件。

您可以手动处理文件,但我更喜欢使用插件来动态执行此操作,以便我的文件易于阅读。它使编辑更容易。这可能已经内置到他们的系统中,具体取决于您的Web主机。

缓存。缓存可以显着提高页面速度,因为它可以保存动态生成的HTML文件,并在每次发出请求时从缓存中提供它们(即重用以前生成的数据),而不是每次加载页面时都从WordPress运行所有PHP脚本。

像缩小一样,缓存可能会很棘手,因为某些设置可能会破坏您的网站,因此也希望在这里遇到一些试验和错误。

你有两个选择:

如果您仍在使用廉价网络托管,则可以使用W3 Total Cache,WP-Rocket.me或WP Super Cache等插件。
如果您正在使用针对WordPress优化的Web主机,则他们可能已在其系统中内置了缓存。
内容分发网络。内容传送网络(CDN)在世界各地的不同服务器上托管您的文件的多个副本(HTML,CSS,JavaScript,图像,字体等),以便访问者直接从服务器下载文件而不是从一个更接近他们的人。这样可以大大加快下载速度。

有免费和付费选项,您必须评估他们提供的与您的需求相比。

我建议访问HTML-CSS-JS.com以查找可靠的HTML,CSS和JS工具以及编辑器,代码优化器等。

速度对您的成功至关重要
提高页面速度不是一些神秘的过程,但它对SEO,用户体验和转换非常重要。花时间学习如何提高页面速度或聘请专业人士来帮助您。这样做有助于提高您的利润,排名和客户保留率。

所有文章
×

还剩一步!

确认邮件已发至你的邮箱。 请点击邮件中的确认链接,完成订阅。

好的