dodo8如何加快你的页面速度,以获得更好的网站性能

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

根据《金融时报》的一项研究,页面慢1秒会导致读者参与度下降5%。

谷歌表示,如果屏幕加载时间超过3秒,那么超过一半的手机站点访问将被放弃。

底线很简单:页面速度在性能中扮演着重要的角色,无论我们讨论的是付费搜索还是有机搜索,读者参与度,销售还是潜在客户。

幸运的是,提高页面速度并不是什么神秘的黑魔法。你不需要酿造一种特殊的药剂,召唤恶魔,或者出卖你的灵魂。您只需要对某些技术有适当的理解,并投入一些老式的努力工作来将它们结合在一起。

建立一个基线

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

WebPageTest.org。

GTmetrix.com。

谷歌PageSpeed见解。

谷歌PageSpeed见解

一旦你有了你的工具和基线,是时候开始工作了。

了解网站是如何运作的

大多数人——包括许多自称是开发人员的人——缺乏对网站真正工作原理的正确理解。这就是为什么今天我们看到这么多臃肿低效的网站。

我们正处在互联网历史上一个有趣的时刻,任何人都可以通过点击几下就能创建一个网站。虽然这样做有一定的好处,但也带来了整个世界的新问题。

可以这样想:如果有人对建筑一窍不通,却使用软件,只需点击几下就能绘制出一座桥的蓝图,那么一旦这座桥建成,你开车穿过它会感到舒服吗?我当然不会。

这是因为建筑不仅仅是我们个人的喜好。有特定的结构需要为特定的目的服务。有精确的计算来确定各种构件的承载能力。还有一些法规和分区法来帮助确保建筑是安全的,并适合当地社区。

网站也是一样。

为了确保你的网站快速加载,你需要至少理解超文本标记语言(HTML),层叠样式表(CSS)和JavaScript。理想情况下,您还应该至少了解超文本预处理器(PHP)和WordPress的内部工作原理。掌握好这些元素可以让你深入了解网站的具体细节,并解决减慢网站运行速度的问题。

减少HTTP请求

从前,带宽只是我们今天所享受的一小部分,所以在那个时候,我们会通过将大的图像分割成一系列小的图像来弥补。访问者不会等待一个大的图像加载,而会看到图像被大块加载。

今天,即使是通过基本的互联网连接,可用的带宽也要好得多。这导致了懒惰的开发人员和不耐烦的访问者。

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

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

CSS和JavaScript文件在这里通常是唾手可得的,因为很多网站都有大量的CSS和JavaScript文件。有三个选项来处理这个问题:

将所有的CSS和JavaScript文件合并成一个单一的CSS文件和JavaScript文件。

在前端安装一个模仿此功能的插件,同时在后端不动实际的CSS和JavaScript文件。

如果可能,完全删除对CSS和JavaScript文件的调用。

在大多数情况下,您需要结合使用这些选项。这是因为如果你的网站是建立在WordPress上的,那么当一个或多个插件更新时,将CSS和JavaScript文件合并到一个文件中可能会导致问题。

通常,我将首先识别不需要的CSS和JavaScript文件并删除它们。在这个阶段,速度的提高是非常重要的,因为许多主题会加载很多不必要的文件。这可能包括你没有使用的字体,单独的CSS文件的颜色变化和单独的JavaScript文件的功能,你没有使用,仅举几个例子。

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

滚动至顶部