网页速度 ?是当今数字营销的关键因素。它对以下方面有重大影响:
访问者在您的网站上停留多久。有多少人转换成付费客户。您在付费搜索中以cpc为单位支付多少。你在自然搜索中排名不幸的是,大多数网站在网页速度方面表现不佳。这对他们的收入有直接的负面影响。
数字营销人员几乎可以花费我们几天的时间,绝对没有足够的时间做这些事情。结果,有些事情被推到了后面。
似乎最经常被推回的事情之一是优化页面速度。这很容易理解,因为大多数人并不能真正理解这种经常被忽视的细节的重要性,所以他们没有看到投入时间和金钱的价值在几秒钟以内就可以改善。
一些营销人员,包括那些专注于搜索引擎优化的营销人员,似乎是一个无关紧要的时间,已经被行业巨头的数据一直记录到我们自己的分析数据上,这是巨大的。
我会假设你像我一样,想要最大化你的结果,当然还有你的收入,对吧?然后让我们开始使你的网站比油脂嗅觉更快!(这是一个很直观的,不是吗?)
1.网站服务器带宽大小毕竟,这些订阅raven,semrush,moz以及我们每天使用的其他工具,我们都在努力节省金钱。这几乎就像一个额外的孩子。
许多人试图节省资金的一种方式是选择一种便宜的共享主机,这些托管可以容纳多少网站,因为它们可以适合服务器,就像一堆小丑堆积在一辆车上一样。表现被诅咒!
当然,你的网站大部分时间可以和大部分的网络主机一样可以使用,但是它会慢慢加载,让你的访问者不必担心,而不会变成买家。
“但这几乎不明显!”这些讨价还价的购物者坚持认为。
这是事情 – 这可能是几乎不明显的,因为它是你的宝宝,你喜欢它。但其他人只想尽快进入您的网站。
人们想要在您的网站上足够长的时间来做他们要做的事情,无论这意味着获得答案,购买产品或其他具体目标。如果你减慢他们的一点点,他们可能会讨厌他们的经验,离开而不转换。
想像这样:
大多数人无条件地爱自己的孩子。但别人的小孩尖叫,扔东西,在餐厅里打扰了他们的夜晚?他们讨厌那个孩子 这与你的网站是一样的。
它真的有多大的区别?根据亚马逊进行的一项研究,只有100毫秒的差异 – 一个人类甚至不能察觉的时间,就足以将销售额减少1%。沃尔玛发现类似的结果。
如果这么小的时间单位对销售产生了很大的直接影响,那么你认为多少次还会有什么样的影响?
但是,由于您的网站加载速度(或缓慢)也会对自然搜索排名和每次点击费用产生影响,因此并不会停止。换句话说,如果您的网站加载缓慢,您应该期望投资于这个关键领域的竞争对手吃午餐。
底线:跳过预算网站托管。如果他们像一种商品(主要是以价格为单位)出售它们,那么他们会像商品一样对待客户。
有很多web主机针对速度进行了优化,特别是对于wordpress网站,其中一些网站主机的价格与预算方案类似。所以请问,做一些测试,并投资一个网络托管,这将给你的表现,以满足您的访客和谷歌。
2.减少http交互次数网页呈现和运行所需的每个文件,如html,css,javascript,图像和字体都需要单独的http请求。请求的次数越多,页面加载的速度就越慢。
现在,如果你跟我说的大部分人一样,你可能在想“哦,我不用担心,杰里米。我知道我在做什么,我不会在我的网站上添加一堆blo肿的垃圾!“
这可能是部分真实的。你可能不会在你的网站上添加一堆blo肿的垃圾,但是我遇到的90%的网站 –? 仍然存在。
那个膨胀不在那里,因为bloat fairy在你睡觉的时候会咬住它。在那里,因为大多数网页设计师,无论技能或经验如何,都不会使页面速度成为优先事项。可悲的事实是,大多数人甚至不知道如何。
以下是问题开始的地方:
大多数主题加载一个或多个css文件和多个javascript文件。一些,如jquery或fontawesome通常从另一个服务器远程加载,这大大增加了页面加载所需的时间。
当您考虑由插件添加的附加css和javascript文件时,这将变得更加困难。只需从css和javascript文件中轻松完成几个或多个http请求。
当您考虑页面上的所有图像时,每个图像都需要单独的http请求,因此很快就会失控。
将javascript文件合并到一个文件中。将css文件合并到一个文件中。减少或消除加载自己的javascript和/或css文件的插件。在某些情况下,与重力表单一样,您可以选择禁用它们加载。使用精灵作为经常使用的图像。使用fontawesome或ionic icons等字体,而不是可能的图像文件,因为只需要加载一个文件。3.网址链接最后面用斜线来结束无论是从外部来源(链接建设努力)还是从您自己的网站,省略指向您的网站的链接上的尾部斜杠,对速度有不利影响。
就是这样:
当您访问没有尾部斜杠的url时,web服务器将查找具有该名称的文件。如果没有找到具有该名称的文件,它将会将其视为目录,并查找该目录中的默认文件。
换句话说,通过省略尾部斜线,您强制服务器执行不必要的301重定向。虽然看起来似乎是瞬间的,但它确实需要更长的时间,而且我们已经建立起来,每一点都加起来。
https://example.com(这是不好的)
或
https://example.com/services(这也不好)
vs
https://example.com/(这很好)
或
https://example.com / services /(这也不错)
4.启用压缩启用gzip压缩可以显着减少下载html,css和javascript文件所需的时间,因为它们被下载得更小的压缩文件,然后在进入浏览器后进行解压缩。
不要担心 – 您的访问者不必做任何额外的事情,因为所有现代浏览器都支持gzip并自动处理所有http请求。
5.启用浏览器缓存启用浏览器缓存后,网页的元素将存储在访问者的浏览器中,以便下次访问您的网站时,或访问其他页面时,浏览器可以加载该页面,而无需向服务器发送另一个http请求任何缓存的元素。
一旦第一页被加载,并且它的元素被存储在用户的缓存中,则只需要在后续页面上下载新的元素。这可以大大减少在典型浏览会话期间需要下载的文件数量。
6.减少资源减少css和javascript文件会减少不必要的空格和注释,以减少文件大小,从而减少下载时间。
幸运的是,这不一定是一个手动的过程,因为有几种工具可以在线将文件转换成一个较小的,最小化的版本。还有几个可用于wordpress的插件,将替换您的网站头部的链接用于您的常规css和javascript文件与其最小化的版本,而不会修改您的原始文件,包括流行的缓存插件,如:
w3总缓存wp超级缓存wp火箭可能需要一些努力才能使设置正确,因为细化可以经常打破css和javascript,所以一旦你完成了一切,一定要彻底测试你的网站。
7.优先折叠内容您的网站可以向访问者显示,如果它被编码为加载更快的内容(换句话说,在访问者滚动之前可见的内容)。
这意味着确保出现在折叠上方的任何元素也将接近html代码的开头,因此浏览器可以首先下载并渲染它们。
同样重要的是包含内联而不是外部css文件来呈现该区域所需的任何css和javascript。
8.优化媒体文件因为具有高质量相机的移动设备是常见的,诸如wordpress的现代内容管理系统使得上传图像变得方便,许多人只需拍摄照片并上传它,而不意识到,通常图像? 至少比四倍必要的。这会减慢您的网站,? 尤其是移动用户。
优化网站上的媒体文件有可能极大地提高您的网页速度,这样做相对来说比较容易,所以这对你的时间来说是一个很好的投资。
优化图像选择理想的格式。jpg是完美的摄影图像,而gif或png最适合具有大面积纯色的图像。8位png文件适用于没有 alpha通道(透明背景)的图像, 24位文件适用于具有alpha通道的图像。确保图像的大小正确。如果在您的网站上以800像素宽的方式显示图像,则使用1600像素宽的图像没有任何好处。压缩图像文件。除了作为顶级图像编辑程序,adobe photoshop具有令人敬畏的图像压缩功能,每月起价9.99美元。您还可以使用免费的wordpress插件(如? www image optimizer,? imsanity和tinyjpg)来自动压缩上传的图像。优化视频选择理想的格式。mp4在大多数情况下是最好的,因为它产生最小的文件大小。根据访问者的屏幕尺寸提供最佳尺寸(尺寸)。如果视频在背景中用作设计元素,则消除音轨。压缩视频文件。大多数时候我使用adobe premiere,但是camtasia也是一个很好的选择。减少视频长度。考虑将视频上传到youtube或vimeo,而不是在本地提供视频,并使用其iframe嵌入代码。你不应该停在那里,因为那只是划伤表面。
要真正优化您的网站上的媒体,您需要根据屏幕尺寸提供适当大小的图像,而不是简单地调整大小。基于图像的实现,有两种处理方式。
您的网站html中的图片可以使用src集合进行投放,这使得浏览器可以根据访问者使用的设备的屏幕尺寸来选择,下载和显示相应的图像。通过css放置的图像(通常作为背景图像)可以使用媒体查询来提供,以便根据访问者使用的设备的屏幕尺寸来选择适当的图像。9.利用缓存和cdn缓存使您的web服务器能够存