页面速度现在是移动搜索排名的一个因素。这意味着它是所有搜索引擎优化(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中