良好的网络体验是网站定位的关键。继续阅读我们从 Google 总结的这些技巧，以便您可以优化您的网站。
用户不想要一个需要他们大量滚动浏览的网站。加载速度也不会很慢。谷歌表示，加速网站速度的过程始于了解 RAIL 如何影响网站的性能以及如何使用它来衡量它。
他解释说，这是“一个以用户为中心的性能模型。所有 Web 应用程序在其生命周期中都有这四个独特的方面，并且性能以不同的方式适应它们：响应、动画、空闲、加载。”
您可能对 新算法 Google Penguin 感兴趣，它是什么以及如何做好准备。主要建议之一是，优化网站时您不应该只考虑一种设备，而应该考虑所有用户。确保在 100 毫秒之内响应用户。如果使用动画，帧速率必须小于 10 毫秒。
提供良好网络体验的基础知识
在这张表中，谷歌解释了用户在加载网站时如何感知这些延迟。
Google 表格需要一些时间加载在不到 100 毫秒的时间内提供响应可以让人们感觉不到任何延迟。我们所说的响应是指人们点击按钮、填写表格 ws电话列表 或启动动画等情况。如果某件事花费的时间超过 500 毫秒，请发表评论以便人们看到它正在加载。
10ms以下的帧率是指触摸滚动或拖动。框架必须经过 JavaScript -> 样式 -> 布局 -> 绘制 -> 合成。
最大化停机时间。预先加载最少量的数据以便更快地加载，禁用的时间用于加载剩余的数据。
一般来说，网站应该在 1 秒内加载。这并不是要加载整个网站，而是要创建这种感知。渐进式渲染将会有很大帮助，因为非必要的加载可以在禁用时间内延迟。
优化关键渲染路径
这是指内容在用户会话中显示的优先级。这需要浏览器做大量工作，包括 HTML、CSS 和 JavaScript 将其转换为像素。这是关键的表示路线。
优化此路线将提高您的页面性能。这也是构建交互式应用程序的基础。它是关于让您的网站的各个部分逐渐加载并允许用户看到对象。
履行代理职责用户希望页 户无需消耗大量电量即 面具有交互性并且简单。它们不仅应该加载迅速，而且看起来美观，一切都应该易于操作。
确保您的网站或应用程序内的所有代码运行良好非常重要。它们必须遵循我们之前提到的像素或框架的线。
一体化网络上的用户体验应该与他们的设备融为一体，舒适且轻松。可以实现与移动设备主屏幕的集成。在 Android 设备上，Chrome 会生成一个 WebAPK。
Google House 的展示感兴趣
配置您的网站，以便用户可以从菜单中添加到主屏幕。然后，您可以将您的网站转换为渐进式 Web 应用程序。目前，实现此目标有一定的标准，例如：拥有一个包含 short_name、名称、192 * 192 png 图标和 start_url 的 Web 应用程序清单文件；还包含在您的网站上注册的服务人员；通过HTTPs传输，并且至少被访问两次。
您可以在 Chrome DevTools 中测试应用安装横幅。
还通过 API 简化了支 海地名单 付方式，实现了集成。对于在移动设备上浏览的用户来说，这一点至关重要；这些设备上的转化仅占所有购买的三分之一。也就是说，人们在手机上放弃购买的频率是电脑上的两倍。
谷歌解释说，用户放弃移动购物是因为购物通常很困难、速度很慢并且需要多个步骤。有时为了安全会牺牲便利。大多数时候，它有很多形式和验证问题。
解决方案是支付请求 API
这是用于消除购买表单的 W3C 标准。它改进了购买流程，提供了更一致的用户体验，并允许网站所有者提供不同的付款方式。
用户知道，没有互联网，网站就无法加载，有时，当他们的连接速度很慢或时断时续时，他们就不会尝试访问网站。但这种看法必须改变，你必须提供信心。
可以通过将您的网站配置为离线加载来改变可靠性。随着 AppCache 的到来，我们开始了解如何处理离线内容。随后ServiceWorker开发了缓存控制以及请求管理。这使您可以创建自己的模式。
当您将ServiceWorker安装为依赖项时，您可以用它单独处理缓存中的响应。您可以将其用于 CSS、字体（文本）、图像、JavaScript、模板等。一般来说，对于任何您认为是静态的事件。如果这些元素出现故障，就会导致您的网站无法运行。