为什么页面速度至关重要? 如何测试和改善自己的

为什么页面速度至关重要?

由于页面速度慢,大多数网站失去了大约一半的访问者。 实际上,平均桌面网页 跳出率为42%,则移动网页的平均跳出率为58%,平均点击后目标网页的跳出率为60%至90%。 无论如何,不​​要以任何方式讨好数字,特别是考虑到移动设备的使用持续增长,并且越来越难以吸引和保持消费者的关注。

根据Google的说法, 最着陆页仍然是 缓慢的12.8秒。 这包括移动互联网接入盛行且4G速度是全球最高的一些地方。 

平均页面速度太长了,考虑到53%的用户仅在3秒后放弃页面,并且从那以后只会变得更糟:

页面速度和跳出率

那么,什么是好的页面加载速度? 近乎即时

幸运的是,有一个解决方案。 在开始之前,让我们进一步了解页面速度的重要性。

为什么页面速度很重要

eMarketer显示在2019年 全球数字广告支出将超过316美元 十亿 并且在可预见的将来只会增加:

2017年至2022年的数字广告支出

显然,品牌在广告上花费了大量资金,并希望从预算中获得最大收益。 但是,当人们点击广告时- 点击后目标网页 无法立即加载-他们可能会在几秒钟内点击回来,因此浪费了广告商的预算。

页面速度的成本影响巨大,您绝对应该将页面速度作为前进的重点。 在评估自己的数字广告系列时,请考虑以下一些指标和要点:

质量得分

缓慢的页面加载不仅使用户感到沮丧,而且还会导致质量得分下降。 由于质量得分与您的 广告评级,最终为您为每次点击支付的费用,加载缓慢的页面自然会降低得分。

转换率

如果更少的人一直在等待您的页面加载,则更少的人有机会进行转换。 他们甚至在看到您的报价,优惠,号召性用语等之前都放弃了您的页面。

以零售为例,甚至 一秒钟的延迟 移动加载时间最多可影响20%的转化率。

移动体验

2016年中,移动网络使用量 大量通过桌面流量:

行动装置超越桌面检视表

随着消费者消费 手机上有更多时间,则行销商和广告客户一直(而且仍然)被迫适应。 一种交付方式 针对移动设备进行优化的广告系列 是创建快速加载的页面。

这使我们获得了解决这些问题中每一个问题的#1页面速度解决方案。

AMP登陆页面提高页面速度

AMP, 开源框架 自2016年推出以来,它为广告客户提供了一种创建快速,流畅加载的移动网页的方式,该网页优先考虑用户体验。 

AMP页面对广告客户具有吸引力,因为它们提供了近乎瞬时的加载时间,同时仍支持某些样式和品牌可定制性。 由于它们限制了HTML / CSS和JavaScript,因此它们可以加快单击后目标网页的呈现速度。 另外,与传统的移动页面不同,AMP页面由Google AMP缓存自动缓存,以加快Google搜索的加载时间。

作为点击后优化的领导者,Instapage提供了使用AMP框架创建点击后目标网页的功能:

加速移动页面(AMP)

随着 Instapage AMP构建器,营销人员和广告商可以:

  • 无需开发人员即可直接从Instapage平台创建AMP单击后登录页面
  • 验证,A / B测试,并将AMP页面发布到WordPress或自定义域
  • 提供更好的移动体验,提高质量得分并带来更多转化

AMP加速的移动页面验证

加速移动页面(AMP)验证

自将AMP应用于其点击后体验以来,革命性的助听器公司Eargo取得了令人难以置信的成果:

AMP Instapage登陆页面

具有Instapage的AMP登陆页面

除了使用Instapage构建AMP页面外,还有几种其他方法可以提高页面速度。 以下是其中三个可帮助您入门。

3提高页面速度的其他方法

1.利用页面速度工具

网页速度洞察 是Google的速度测试,可为您的页面评分0到100分:

Pagespeed见解

计分基于两个参数:

  1. 首屏加载时间(用户请求新页面后,页面在首屏上显示内容的总时间)
  2. 全页加载时间(用户请求页面后浏览器完全呈现页面所花费的时间)

您的分数越高,您的页面就越优化。 根据经验,高于85的值表示您的网页效果良好。 低于85,您应该查看Google提供的建议以提高分数。

PageSpeed Insights提供有关网页的桌面版和移动版的报告,并提供改进建议。

与Google一起思考:测试我的网站由PageSpeed Insights团队发起的,仅测试移动网页的速度,而不是移动网页和台式机的速度。 这是页面加载速度(或速度)的另一个指标:

认为与谷歌测试我的网站

该工具显示您的加载时间,提供自定义建议以加快站点上的每个页面的速度,然后提供生成完整报告的选项。

2.完全优化的图像(压缩)

通过压缩,调整大小,重新格式化等方式优化图像可以帮助节省字节,加快页面加载时间并提高移动站点的性能。 其中 其他重要建议,Google表示要删除不必要的高分辨率图片和GIF,并在可能的情况下用文字或CSS替换图片。 

此外,由于压缩设置和调整大小后的图像可以自动执行,因此比以往任何时候都更容易。 例如,您可以使用脚本自动调整大小和压缩数百张图像,从而减少手工工作(在构建AMP页面时,自定义图像标签会自动执行许多相同的优化操作)。

有这么多可用的选项,很难选择最佳的图像格式。 这完全取决于用例,但以下是一些最常见的用法:

  • WebP: 摄影和半透明图像
  • JPEG: 没有透明度的照片
  • PNG: 透明背景
  • SVG: 可扩展的图标和形状

Google建议从WebP开始,因为WebP的压缩率比JPEG高30%,并且不会降低图像质量。

3.优先处理首屏内容

改善用户对网站速度的感知与提高网站速度本身几乎一样重要。 这就是为什么一旦对图像进行了优化,就必须确保在正确的时机交付它们。

请考虑以下因素:在移动设备上,网站的可见部分仅限于一小块区域, 在首页上方。 因此,您将有机会在该区域中快速加载内容,而折叠下面的其他元素将在后台下载。

注意:使AMP独特的原因在于它具有内置的优先资源加载功能,可确保仅首先下载最重要的资源。

减少站点上的图像数量可能是一个挑战,尤其是对于零售品牌(例如,具有许多产品的产品),但采用这三种策略至少要最小化图像对加载时间的影响仍然至关重要。 

使用AMP提高页面速度

如果由于页面加载速度慢而导致移动页面的跳出率高和转换率低,AMP页面可能是您的省钱之选。

开始创建点击后AMP页面,以为访问者提供快速,优化和相关的移动浏览体验,并在此过程中改善质量得分和转化。

你觉得呢?

本网站使用Akismet来减少垃圾邮件。 了解您的数据如何处理.