危机公关手册：优化网站移动性能的几种方法

众所周知，优化手机的网站或Web应用程序已变得与优化台式机一样重要（如果不是更多的话）。自2017年以来的研究表明，网络上所有访问者中有近一半来自移动设备，并且这些数字似乎呈上升趋势。

毋庸置疑，无论用户使用哪种设备，我们都希望为他们提供出色的用户体验（UX）体验，但是移动用户面临着特定的挑战。

除了移动UX的明显障碍（这不在我们的讨论范围之内）之外，移动用户使用蜂窝服务的可能性很高，这通常意味着与Wi-Fi上的访问者相比，下载和上传速度较慢。

幸运的是，我们可以通过五个简单的离散攻击途径来分解如何实现最佳移动性能优化并避免陷阱。

避免渲染阻止内容

如所讨论的，仅在蜂窝网络上的用户进一步强调页面速度。这就是为什么尽快加载您的内容至关重要。只要屏幕上存在正在加载某些内容的反馈，用户通常就可以容忍加载时间。

那么什么是渲染阻止内容？好吧，这是浏览器可以继续加载页面其余部分之前必须加载的任何资源。从技术上讲，这意味着HTML是一种阻止渲染的资源（尽管很关键）。这个想法是确定非关键的渲染阻止资源，并将其移动到页面的页脚或底部，以使网站感觉更快。

阻止渲染的内容通常是台式机和移动设备性能的最大罪魁祸首之一，因此请将可以移动的非关键文件移至页面底部。

利用延迟加载

您可以将延迟加载视为避免图像的渲染阻塞。图片可能是您网站上最大的资产。尽管您当然可以压缩图像（稍后再介绍），但是某些页面可以使用数十个图像，这会显着影响加载时间。因此，类似于将非关键的渲染阻止资源移至页脚，您可以在站点上“延迟加载”非关键的图像。

延迟加载正在卸载图像的加载，直到它在用户的视口中可见为止。可以使用各种javascript插件来完成此操作，并且某些浏览器甚至本机支持它，尽管在撰写本文时仍无法获得普遍支持。

延迟加载可以是功能强大的优化工具，尤其是对于具有大量图像的网站或Web应用程序而言。

优化服务器设置

有时候，网站前端的优化会带来越来越少的回报。通常情况下，对网站的后端，服务器或托管解决方案进行更改可以最大程度地提高移动得分（以及类似的优化测试），从而获得最大的收益。

这可以是广泛的类别，但我会提到最大和最常见的罪魁祸首：

慢速DNS主机

我很伤心地说，并不是所有的托管服务提供商都是一样的。较便宜或信誉较差的解决方案通常会降低服务器性能，从而破坏响应时间缓慢的本来很好优化的站点。如果这成为您的问题，请考虑升级到更好的优化计划或完全迁移到新主机。

不使用内容传送网络（CDN）

利用内容交付网络（CDN）对于您的移动用户而言可能是一个重大胜利。当有人访问您的页面时，他们通常会直接从网站的服务器中提取资源，而这些资源可能位于世界的另一端。CDN允许在附近的服务器（或“节点”）中引用资产，在这些服务器中，缓存的资源可能更近且可以更快速地访问，从而提高了站点的性能和速度得分。

大量重定向

重定向对于您的网站可能是一个有用的工具（尤其是如果您已经将现有内容迁移到新的URL），但是过多使用重定向会导致繁琐的链接，甚至导致更糟糕的重定向循环。尽管它们不仅仅针对移动优化，但是链和循环会导致加载时间变慢并影响您的SEO得分。一定要故意使用重定向，并在发现重定向时减少链接。

保留缓存

最后，缓存是用于桌面和移动性能优化的强大工具。您网站上的内容有可能不会经常更新。结果，让用户重新加载页面上的每个资源可能是不必要且费时的。

在浏览器或服务器上进行缓存可以通过创建页面的复制（缓存）版本而不是每次用户访问页面时重新加载页面来提高性能。可以将缓存自定义为在特定时间间隔或指定的自定义事件后过期，并且其效果与使用CDN获得资产所获得的资源收益是一致的。