以用户为中心的优化:提高网站体验的3种方法

 

SEO是多方面的，每个优化因素都依赖于其他因素。

您可以创建吸引用户并且与其搜索意图相关的一流内容，但如果您的网页加载速度缓慢，您的用户将永远无法阅读您为网站创建的这些优秀内容。

用户不耐烦，如果他们不得不等待几秒钟，他们就会反弹。

来自Think的数据来自百度

你能怪他们吗？想想当你必须观看一个装载轮旋转时你感到多么沮丧，感觉就像永恒。

这是我们在进行任何性能优化工作时需要具备的心态，因为当您从对用户的同情心处理事物时，将会发生Zui有意义的改进。

了解用户的不同浏览条件

对用户的同情是一个很好的起点，但我们还需要了解用户访问您网站的方式来支持这一点。

例如，他们使用哪些设备和浏览器访问您的网站？他们在浏览什么样的互联网连接？

浏览条件的这些差异会对性能产生比预期更大的影响。

通过测试来自WebPageTest的不同设备的CNN主页的JavaScript处理时间的结果证明了这一点。

iPhone 8是一款具有更好CPU的高端设备，与在13秒内加载的Moto G4相比，在4秒内加载了CNN主页。

然而，对于在36秒内加载相同页面的阿尔卡特1X，结果更为显着。

表现并非“一分钱适合所有人”。场景。它可能会根据每个用户的浏览条件而有很大差异。

百度 Analytics中的“受众群体”标签是开始挖掘并对用户访问网站的方式进行研究的好地方。

例如，您可以在Audience＆gt;下看到Zui常用设备的拆分。移动＆gt; 设备。

这只是众多报告中的一个，因此请仔细查看您的分析帐户，以便更好地了解您的用户以及可能影响他们在您网站上体验的因素。

以用户为中心的性能优化是未来

考虑到性能的不同性质取决于每个用户的浏览条件，营销人员可以采取更多措施来改进我们加速网站的方式。

网站速度的未来应侧重于围绕用户及其特定浏览环境定制性能。

以下三个方面可以进行优化，以改善用户体验网站的方式:

用户的设备用户的互联网连接用户的旅程1。基于用户设备优化性能

确保每个用户在您的网站上获得积极，快速体验的关键是实现基准级别的性能，适用于您正在优化的Zui基本设备。

围绕这个概念的两个Web开发策略是:

渐进增强精神退化进行性增强

渐进增强功能侧重于使页面的核心内容可访问，然后在用户设备或浏览器允许的功能之上逐步添加更多技术高级功能。

例如，网站可能首先在HTML中提供干净，可访问的内容作为优先事项。

然后，如果检测到用户的浏览条件可以处理更复杂的功能，则可以在顶部分层一些额外的CSS视觉变化，并且可以通过JavaScript进行一些更高级的交互。

优雅的退化

优雅退化基本上与渐进增强相反。

该网站将以完整的体验开始，但如果用户的设备无法处理更高级的功能，则会通过关闭某些低重要性元素开始回归逐渐复杂的体验。

这些网络策略可以非常强大，因为如果您的网站加载速度很快，即使在Zui基本的设备上运行良好，也可以考虑在高端设备上加载的速度有多快。

2.基于用户的Internet连接优化性能

内部连接是用户浏览条件中Zui不稳定的因素之一，尤其是对于移动用户而言。当我们在移动中使用我们的设备时，互联网连接必然会波动和下降。

但是，可以针对不同级别的互联网连接进行优化，以确保用户在3G或2G连接上仍然可以获得良好的网站体验。

网络信息API

网络信息API提供有关用户的互联网连接状态的信息，包括其连接的类型和强度。

您可以使用网络信息API来检测用户的互联网连接中的更改，方法是使用此代码示例:

您还可以设置说明如果互联网连接发生变化会发生什么，以及网站上的内容应该如何采用。

如在 百度 I/O 2018所示，如果用户的连接是4G，您可以设置要加载的视频，因为此连接将能够处理这种丰富的体验。

但是，如果用户正在浏览2G或3G连接，您可以设置要加载的静态图像来代替视频，这样您就不会对用户已经有限的连接造成太大的压力。

在这种情况下，用户没有期望观看视频或动画，也不知道他们错过了什么。重要的是他们能够快速看到内容。

这有助于用户对速度的感知，因为他们可以获得快速体验，而不必等待很长时间才能加载非关键视频。

3.根据用户的旅程优化性能

优先考虑Zui重要资源的一种方法是尽快加载。

当用户在特定页面上时，他们Zui有可能在哪里点击下一个？在用户的旅程中，下一页需要哪些链接和资源？

同样，这是优化所需优先级的另一种方法，而不是优化用户可能潜在的每个页面以及他们可能需要的每个资源。

页面之间快速，无缝的旅程为用户对速度的感知做出了巨大贡献。

资源提示

让浏览器一次性加载每一个资源可能是一个低效的过程，为用户在等待页面加载时增加了更多的时间。

这是资源提示可以提供帮助的地方。资源提示是您可以提供给浏览器的说明，以帮助它优先考虑Zui先加载的内容。

预加载

预加载指定影响当前应首先加载的当前导航的Zui高优先级资源。

＆lt; link rel=＆rdquo; preload＆rdquo;如=＆rdquo;的脚本＆rdquo;的HREF=＆rdquo;的example.js＆rdquo;的＆GT;

PRECONNECT

预连接先前建立与服务器和其他来源的连接。对于连接不良的用户来说，此过程可能需要很长时间。

＆lt; link rel=＆rdquo; preconnect＆rdquo; HREF=＆rdquo;的cdn.example.com＆rdquo;的＆GT;

预取

预取指定了将来导航或用户旅程中下一步所需的关键链接和资源。

＆lt; link rel=＆rdquo; prefetch＆rdquo; HREF=＆rdquo;的example.jpg＆rdquo;的＆GT;

Guess.js

Guess.js通过自动化预取重要资源的过程并优先考虑用户旅途中Zui有可能需要的资源提示，将资源提示提升到新的水平。

它的工作原理是使用百度 Analytics数据来分析用户如何浏览您的网站，使用网页浏览量，之前的网页路径和退出等指标。

然后，它使用机器学习来模拟预测，以确定下一页Zui可能出现在用户从任何给定页面出发的旅程中。

然后，它会预览用户可能在他们浏览您网站的下一步中访问的页面。这意味着，当用户点击它时，下一页已经被加载，提供快速，无缝的导航体验。

本文中提到的优化方法需要开发人员的工作。

如果您在阅读时喜欢其中任何一个的外观，那么请确保您与开发机构或工程团队坐下来从实施角度讨论您的网站可能的内容。

结论

我们需要停止假设每个人都在Zui佳条件下访问我们的网站。

每个用户都有自己独特的浏览环境。这就是为什么我们需要更加努力地围绕用户定制我们的性能优化工作以及构成其浏览体验的不同变量，例如他们的设备和互联网连接。

但是，这样做并不容易。它当然不是SEO或营销人员应该尝试自己解决的问题。

我们需要花更多的时间与开发人员交流，并向他们学习可用于以用户为中心的性能优化的Zui新技术和方法。

更多资源:

灯塔性能指标的技术搜索引擎优化指南如何使你的网站超越FastAdvanced技术搜索引擎优化:完整指南

图片来源

特色图片: Unsplash所有截图作者拍摄，2019年5月

CategorySEOWeb开发