1. 首页
  2. 网络营销赋能
  3. 海外营销

如何优化页面图像以提高网站速度

谷歌的官方口号是“不要做恶”,但长期以来一直有传言称该公司有第二个内部格言,他们倾向于保密:

“你要么快,要么就是你。”

我们过去曾写过关于网站速度的文章,毫无疑问它的重要性(如果有,请留意这篇文章的统计数据部分),但对于内容营销人员来说,提高网站的速度通常被认为是特别艰苦的技术练习完全超出你的控制范围。只有后端的全栈工程师可以大大加快速度,对吧?

事实证明,事实并非如此。正如来自Builtvisible的Tom Bennet在他最近在Brighton SEO上的精彩演讲中所解释的那样。在这里,我将介绍Tom提出的一些要点,以说明您应该如何以及为什么要专注于为用户提供闪电般的体验。

为什么网站速度很重要?
现在,我提到的统计数据不是吗?

根据官方Google网站管理员博客,网站速度至关重要。谷歌本身花费了大量时间检查您的网站是否与竞争对手保持同步。如果你比较慢,那么你在搜索结果中的位置就会受到影响。

但这不是唯一重要的因素。网站速度提升了整体用户体验。作为一个例子,汤姆提到了Firefox的这个非凡的统计数据:

布莱顿 – 搜索引擎优化网站速度换内容营销

当Firefox平均页面加载时间增加2.2秒时,表单下载量增加了15.4%。这相当于每年超过1000万次下载。

一旦你听到这样的数字,价值开始变得清晰。汤姆还抽出时间来引用史蒂夫·索德(Steve Souder),他是许多现代网络性能工作的先驱:

布莱顿 – 搜索引擎优化网站速度换内容营销,史蒂夫 – Souders的

所以,我们知道我们可以做些什么。但在哪里集中精力呢?

适用于搜索引擎优化的JavaScript网站的生存工具包 Google Search Console完整指南 谷歌测试谷歌地图的AR:本地搜索,超本地搜索引擎优化和用户体验的企业的考虑因素 像忍者一样建立反向链接:六种最佳技术
我们对于它可以做些什么呢?
为了说明,Tom使用bootstrap和jQuery构建了一个简单,相当标准的内容页面。内容营销行业每天都会产生数以千计的内容,所以应该相当相关:

布莱顿 – 搜索引擎优化网站速度换内容营销

接下来,我们启动页面并使用Yahoo的Yslow和Google PageSpeed规则集的组合来测量它。以下是初步结果:

布莱顿 – 搜索引擎优化网站速度换内容营销

这个F级将严重损害我们在谷歌眼中的可信度,而3.9秒对于用户来说似乎是一种磨难。如果你不相信我,慢慢数到四。您是否愿意等待网站上的每个页面打开?

但营销人员应该把重点放在哪些方面才能产生最大影响?

在像这样的典型页面上,图像是迄今为止最大和最常见的元素,因此这是我们应该集中精力开始的地方。

布莱顿 – 搜索引擎优化网站速度换内容营销

现在,这不仅仅是在Photoshop中打开图像并使其缩小的情况。分辨率确实很重要(我们仍希望我们的页面看起来很漂亮),但只能达到某一点,所以第一步是检查我们的图像大小:

布莱顿 – 搜索引擎优化网站速度换内容营销

正如您从页面元素中看到的那样,此图像已经以1024 x 683像素上传,但用户只能看到最大值为420 x 289,不到上传大小的一半。

一如既往,考虑用户体验非常重要,所以让我们自问几个问题:

我们应该使用哪些格式的图像?PNG非常适合具有较少颜色或透明度的图像,而PEGS非常适合拍摄照片。
尺寸:图像显示的最大宽度和高度是多少?
最后,你真的需要所有这些图像吗?
如果图像中有文本,请删除它并使用实际字体,并使用矢量图形或CSS来处理页面上的徽标或阴影等内容。正如汤姆所说

“最快的HTTP请求是未提出的请求。”

Google提供了一系列指南和建议,您应该查看。

因此,汤姆重新调整大小,重新格式化或替换他的图像。这是如何影响整体网站速度的?

布莱顿 – 搜索引擎优化网站速度换内容营销

勤奋的图像足以削减总页面加载时间高达1.2秒 – 或30% – 。

在这一点上它仍然没有火箭,但它更好,更好。汤姆在他的演讲中详细介绍了其他几个有用的提示,我将在未来尝试介绍,但是现在 – 时间来收紧这些图像。

免责声明:本文仅代表作者个人观点,与穷思笔记网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。

发表评论

登录后才能评论

联系我们

 

在线咨询:点击这里给我发消息

邮件:2267450086@qq.com

QR code