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

众所周知，优化手机网站或Web应用程序和优化台式机一样重要(如果不是更多)。自2017年以来，研究表明，近一半的网络访问者来自移动设备，这些数字似乎在上升。毫无疑问，无论用户使用哪种设备，我们都希望为他们提供优秀的用户体验（UX）但移动用户面临着特定的挑战。除了移动UX除了明显的障碍(这不在我们的讨论范围内)，移动用户更有可能使用蜂窝服务，这通常意味着和Wi-Fi与上述访问者相比，下载和上传速度较慢。幸运的是，我们可以通过五种简单的离散攻击方法来分解如何优化最佳移动性能，避免陷阱。只有蜂窝网络上的用户才能进一步强调页面速度，以避免渲染阻止内容被讨论。这就是为什么尽快加载你的内容很重要。只要屏幕上有反馈，用户通常可以容忍加载时间。那什么是渲染阻止内容呢？这是浏览器可以继续加载页面其他部分之前必须加载的任何资源。从技术上讲，这意味着HTML它是一种防止渲染的资源(尽管至关重要)。这个想法是确定非关键渲染来阻止资源，并将其移动到页面的页脚或底部，使网站感觉更快。阻止渲染的内容通常是台式机和移动设备性能的最大罪魁祸首之一，因此请将可移动的非关键文件移动到页面底部。您可以将延迟加载视为避免图像渲染堵塞。图片可能是你网站上最大的资产。虽然可以压缩图像(稍后介绍)，但有些页面可以使用几十个图像，会显著影响加载时间。因此，您可以在网站上延迟加载非关键图像，类似于将非关键渲染阻止资源转移到页脚。延迟加载正在卸载图像加载，直到它在用户的视野中可见。各种可用javascript一些浏览器甚至自己的机器都支持这个操作，尽管它在写这篇文章时仍然得不到普遍的支持。延迟加载可以是一种强大的优化工具，特别是对于具有大量图像的网站或Web应用程序而言。网站前端的优化有时会带来越来越少的回报。通常，更改网站的后端、服务器或托管解决方案可以最大限度地提高移动分数（以及类似的优化测试），从而获得最大的收入。这可以是一个广泛的类别，但我将提到最大和最常见的罪魁祸首：慢速DNS我很难过地说，并非所有的托管服务提供商都是一样的。较便宜或信誉较差的解决方案通常会降低服务器性能，从而破坏响应时间缓慢的本来很好优化的站点。如果这是您的问题，请考虑升级到更好的优化计划或完全迁移到新主机。不使用内容传输网络（CDN）利用内容交付网络（CDN）这对你的移动用户来说可能是一个重大胜利。当有人访问你的页面时，他们通常会直接从网站的服务器中提取资源，这些资源可能位于世界的另一端。CDN允许在附近的服务器（或节点）中引用资产。在这些服务器中，缓存更快地访问，从而提高网站的性能和速度得分。对于你的网站来说，大量的重定向和重定向可能是一个有用的工具(尤其是如果你已经将现有内容转移到新的内容)URL），但过度使用重定向会导致繁琐的链接，甚至导致更糟糕的重定向循环。虽然它们不仅针对移动优化，但链和循环会减慢加载时间，影响你SEO得分。一定要故意使用重定向，并在发现重定向时减少链接。最后，缓存是优化桌面和移动性能的有力工具。您网站上的内容可能不会经常更新。因此，用户可能不需要和耗时地重新加载页面上的每一个资源。通过创建页面的复制(缓存)版本，而不是每次用户访问页面时重新加载页面可以在浏览器或服务器上进行缓存。缓存自定义可在特定时间间隔或指定自定义事件后过期，其效果和使用CDN获得资产的资源收益是一致的。