• 17630273926
以用户为中心的优化:改善网站体验的3种方法
作者:郑州云优化 / 2019-11-12 17:01 / 浏览次数:
以用户为中心的优化:改善网站体验的3种方法
SEO是多方面的,每个优化因素都取决于其他因素。
您可以创建吸引用户并且与他们的搜索意图相关的一流内容,但是如果您的页面加载缓慢,则您的用户将永远没有机会阅读您为网站创建的出色内容。
用户不耐烦,如果必须等待几秒钟以上,他们会跳动。
ThinkWithGoogle加载时间与跳出率图表来自ThinkWithGoogle的数据
你能怪他们吗?想一想,当您不得不观看装载轮旋转时,会感到多么沮丧。
三种不同的加载轮图标
这是我们进行任何性能优化工作时需要具备的心态,因为当您从对用户有同感的位置着手处理事情时,最有意义的改进将发生。
了解用户的不同浏览条件
对用户的同情是一个很好的起点,但是我们也需要在理解用户如何访问您的网站的基础上提供支持。
例如,他们使用什么设备和浏览器来访问您的网站?他们正在浏览哪种互联网连接?
浏览条件的这些差异对性能的影响可能超出您的预期。
从WebPageTest在不同设备上测试CNN主页的JavaScript处理时间的结果证明了这一点。
CNN图的JavaScript处理时间
iPhone8是具有更好CPU的高端设备,它在4秒内加载了CNN主页,而MotoG4在13秒内加载了CNN主页。
但是,对于在36秒内加载相同页面的阿尔卡特1X来说,结果甚至更为惊人。
三种不同手机的处理时间
绩效并非“一刀切”。根据每个用户的浏览条件,它可能会发生巨大变化。
GoogleAnalytics(分析)中的“受众群体”标签是一个很好的起点,它可以开始挖掘并进行一些有关用户访问您网站的方式的研究。
例如,您可以在“受众群体”>“移动设备”>“设备”下查看最常用设备的划分。
GoogleAnalytics(分析)移动设备报告
这只是众多报告中的一份,因此请仔细分析您的分析帐户,以更好地了解您的用户以及可能影响他们在您网站上体验的因素。
以用户为中心的性能优化是未来
考虑到效果的不同性质取决于每个用户的浏览条件,营销人员可以做很多事情来改善我们加快网站访问速度的方式。
网站速度的未来应该集中在针对用户及其特定浏览环境定制性能上。
以下是可以优化以改善用户体验您的网站的方式的三个领域:
用户的设备
用户的互联网连接
用户的旅程
1.根据用户设备优化性能
确保每个用户在您的网站上都能获得积极,快速的体验的关键是实现基准性能水平,该水平适用于您要优化的最基本设备。
解决此概念的两种Web开发策略是:
渐进增强
优雅降级
渐进增强
渐进增强的重点是使页面的核心内容可访问,然后在用户设备或浏览器所允许的功能之上逐步添加更多技术上更高级的功能。
例如,该网站可能会优先提供HTML干净,可访问的内容。
然后,如果检测到用户的浏览条件可以处理更复杂的功能,则可以在顶部添加一些其他CSS视觉更改,或者通过JavaScript进行一些更高级的交互。
优雅降级
正常降级基本上与逐步增强相反。
该网站将以完整的体验开始,但是如果用户的设备无法处理更高级的功能,则通过关闭某些低重要性的元素,它将开始逐渐退回到逐渐简化的体验。
这些网络策略非常强大,因为如果您的网站即使在最基本的设备上都能快速加载并运行良好,请考虑一下它将在高端设备上加载多少速度。
2.根据用户的互联网连接优化性能
内部连接是用户浏览条件的最不稳定因素之一,尤其是对于移动设备而言。随着我们在移动设备上的使用,互联网连接势必会发生波动和下降。
但是,可以针对不同级别的Internet连接进行优化,以确保用户仍可以通过3G或2G连接获得对您网站的良好体验。
网络信息API
该网络信息API提供了对用户的互联网连接状态信息,包括其连接的类型和强度。
通过使用以下代码示例,可以使用NetworkInformationAPI来检测用户的Internet连接中的更改:
您还可以设置有关互联网连接发生变化应如何处理以及网站内容应如何采用的说明。
正如在GoogleI/O2018上演示的那样,如果用户的连接是4G,则可以设置要加载的视频,因为此连接将能够处理这种丰富的体验。
但是,如果用户正在2G或3G连接上浏览,则可以设置要加载的静态图像来代替视频,这样就不会对用户本来就有限的连接施加太大的压力。
GoogleI/O示例,根据连接类型将视频交换为图像
在这种情况下,用户不会期望观看视频或动画,也不知道他们缺少什么。重要的是他们正在迅速看到内容。
这有助于用户获得快速的体验,而不必等待很长时间才能加载非关键视频,从而提高了用户对速度的感知。
3.根据用户的旅程优化性能
优先安排要尽快加载的最重要资源的一种方法是用户的旅程。
当用户在特定页面上时,他们最有可能单击下一步?用户旅程中的下一页将需要哪些链接和资源?
同样,这是另一种优化优先事项的方法,而不是优化用户可能登陆的每个页面以及他们可能需要的每个资源。
页面之间的快速无缝旅程极大地促进了用户对速度的感知。
资源提示
让浏览器一次加载所有单个资源可能是一个效率低下的过程,这会增加用户坐下来等待页面加载的时间。
这是资源提示可以提供帮助的地方。资源提示是您可以向浏览器提供的说明,以帮助其确定最重要的优先顺序。
预载
预加载指定影响应该首先加载的当前导航的最高优先级资源。
<linkrel=“preload”as=“脚本”href=“example.js”>
预连接
预连接较早建立与服务器和其他来源的连接。对于连接性较差的用户,此过程可能需要很长时间。
<linkrel=“preconnect”href=“cdn.example.com”>
预取
预取指定了将来的导航或用户旅程的下一步所需要的关键链接和资源。
<linkrel=“prefetch”href=“example.jpg”>
Guess.js
Guess.js通过自动化预取重要资源的过程并优先考虑用户旅程中最可能需要的资源,从而将资源提示提高到一个新的水平。
它通过使用GoogleAnalytics(分析)数据来分析用户如何浏览您的网站,并使用诸如浏览量,以前的页面路径和退出之类的指标来工作。
然后,它使用机器学习对来自任何给定页面的下一页最有可能出现在用户旅程中的模型进行预测。
然后,它会预取用户在您浏览网站的下一步中可能访问的页面。这意味着,当用户单击该页面时,下一页将已经加载,从而提供快速,无缝的导航体验。
Guess.js如何工作
本文提到的优化方法将需要开发人员进行工作。
如果您在阅读过程中喜欢其中任何一个的外观,请确保与您的开发机构或工程团队坐在一起,从实现的角度讨论您的网站可能实现的目标。
结论
我们必须停止假设每个人都在最佳条件下访问我们的网站。
每个用户将拥有自己独特的浏览环境。这就是为什么我们需要更加努力地针对我们的用户以及构成他们的浏览体验的不同变量(例如,他们的设备和互联网连接)调整性能优化工作的原因。
但是,这样做并不容易。SEO或营销人员当然不应尝试自行解决。
我们需要花更多的时间与开发人员交谈,并向他们学习有关以用户为中心的性能优化的最新技术和方法。
【郑州云优化】郑州SEO、网站建设、网站设计、服务器空间租售、网站维护、网站托管、网站优化、百度推广、自媒体营销、微信公众号
如有意向---联系我们
热门栏目
热门资讯
热门标签

网站建设 网站托管 成功案例 新闻动态 关于我们 联系我们 服务器空间 加盟合作 网站优化

备案号:ICP备*********号 网站地图/sitemap 

公司地址:河南省郑州市郑州云优化 咨询QQ:1774525808 手机:17630273926 电话:17630273926