众所周知,针对手机优化您的网站或 Web 应用程序已变得与针对台式机优化一样重要(如果不是更重要的话),自 2017 年以来的研究表明,近一半的网络访问者来自移动设备,而且这些数字似乎呈上升趋势。
不用说,无论用户使用什么设备,企业建站公司都希望为用户提供出色的用户体验 (UX) 体验……但移动用户面临着特定的挑战。
除了移动用户体验的明显障碍(这超出了我们在这里讨论的范围)之外,移动用户使用蜂窝服务的可能性很高,这通常意味着与使用 Wi-Fi 的访问者相比,下载和上传速度较慢。出于这个原因,在一些平台分数上移动设备的权重不同——这使得移动优化对于搜索引擎优化 (SEO) 和用户体验都至关重要。
幸运的是,企业建站公司可以通过五种简单、离散的攻击途径来分解如何达到峰值移动性能优化并避免陷阱。
避免渲染阻塞内容
如所讨论的,页面速度仅在蜂窝网络上的用户中被进一步强调。这就是为什么尽快加载您的内容至关重要的原因。只要屏幕上存在正在加载内容的反馈,用户通常更能容忍加载时间。您可以通过在更重要的位之前添加不必要的渲染阻止 javascript 和 CSS 来阻止可见内容。
那么什么是渲染阻塞内容呢?好吧,它是在浏览器可以继续加载页面的其余部分之前必须加载的任何资源。这意味着,从技术上讲,HTML 是一种阻止渲染的资源(尽管它很关键)。这个想法是确定非关键的渲染阻塞资源并将它们移动到页面的页脚或底部,使网站感觉更快
利用延迟加载
您可以将延迟加载视为避免图像的渲染阻塞。图像可能是您网站上一些[敏感词]的资产。尽管您当然可以压缩图像(稍后会详细介绍),但某些页面可以使用数十张图像,这会显着影响加载时间。因此,类似于将非关键渲染阻止资源移动到页脚,您可以在您的站点上“延迟加载”非关键图像。
延迟加载是卸载图像的加载,直到它在用户的视口中可见。这可以通过各种 javascript 插件来完成,一些浏览器甚至原生支持它,尽管在撰写本文时,通用支持还有很长的路要走。
延迟加载是一种强大的优化工具,尤其是对于具有大量图像的网站或 Web 应用程序。
优化您的服务器设置
有一点是您网站前端的优化收益递减。通常,在这种情况下,对您网站的后端、服务器或托管解决方案的更改将在提高您的移动搜索引擎平台得分(以及类似的优化测试)方面获得[敏感词]收益。
慢速 DNS 主机
我很遗憾地说,并非所有托管服务提供商都是平等的。更便宜或信誉不佳的解决方案通常会提供缓慢的服务器性能,这可能会破坏原本优化良好的站点,导致响应时间缓慢。如果这对您来说是个问题,请考虑升级到更好的优化计划或完全迁移到新主机。
不使用内容交付网络 (CDN)
使用内容交付网络 (CDN) 可能是您的移动用户的一大胜利。当有人访问您的页面时,他们通常会直接从站点的服务器上提取资源,这可能位于世界的另一端。CDN 允许在附近的服务器(或“节点”)中引用资产,在这些服务器中,缓存的资源可能更接近且可以更快地访问,从而提高您网站的性能和速度得分。
大量重定向
重定向对于您的网站可能是一个有用的工具(特别是如果您已将现有内容迁移到新 URL),但过度使用重定向可能会导致难以处理的链接,甚至更糟糕的是重定向循环。尽管它们不仅仅针对移动优化,但链和循环可能会导致加载时间变慢并影响您的 SEO 分数。当你发现它们时,一定要故意使用重定向并减少链。
压缩,压缩,压缩!
与此列表中的大多数优化方法一样,压缩通过解决使用蜂窝网络为访问者增加等待时间的资产来减少加载时间。Web 优化中最常见的错误之一是没有压缩您的资产。这可能包括使用大于 500kb 的图像、未压缩的 javascript 和 CSS,或者在您的服务器上不使用 GZIP 压缩。
保留缓存
最后,缓存是桌面和移动性能优化的强大工具。您网站上的内容可能不会经常更新。因此,让用户重新加载页面上的每个资源可能是不必要且耗时的。
缓存(在浏览器或服务器上)可以通过创建页面的复制(缓存)版本而不是每次用户访问页面时重新加载页面来提高性能。缓存可以自定义为在特定时间间隔或指定的自定义事件到期,其效果与使用 CDN 为您的资产获得的资源收益相同。
网站移动性能优化:双赢
随着基于手机的网络流量增加和谷歌寻求强调移动优先的性能,企业建站公司觉得在移动优化方面处于领先地位变得更加重要。