快。更快。即时。
随着我们步入 2024 年,一个突破性的时代即将到来——网站访问者可以预见即时页面加载将迎来重大转变,并成为新常态。
加入我们,探索网页浏览的演变,并扩展为您的网站访问者带来即时体验的方式。
即加载页面是什么意思?
页面瞬间加载是指根据用户请求快速无缝地显示网页。简单来说,就是当网站访问者从您的网站加载页面时,实现接近 0 秒的加载时间。
实现即时页面加载涉及优化各 Mint 数据库 种后端和前端资源,例如最小化文件大小、利用浏览器缓存和使用内容分发网络 (CDN)。
继续阅读以了解可添加到您的优化工具箱中的最新技术。
为什么即时页面加载很重要?
目标是通过提供快速、响应的信息访问来增强用户体验,这对于保持用户对您网站的参与度和满意度至关重要。
Uxify 最近进行的用户研究表明,网站访问者会在 2.75 秒后放弃访问某个页面,而如果后续页面的加载时间在 3 秒内,他们将 如何定义正确的外包 SLA? 会访问多出 60% 的页面。
提供即时体验也会对真实用户与您的网站互动的方式产生积极影响,从而特别传递核心网络生命力和最大内容绘制。
LCP 是众所周知的最具挑战性的性能指标,它是一个难以优化的复杂方面,而且幸运的是,它受到即时加载技术的严重影响。
当前网络浏览面临 的挑战
尽管网络工程师竭尽全力弥补万 AU 手机号码 维网的固有弱点,但 53% 的移动用户希望页面能够在 3 秒或更短的时间内快速加载。
为了弥补这一差距,如今网站所有者使用各种策略来减少等待时间并保持竞争力,例如:
-
Web 性能预算设置
-
手动和自动页面加载优化
-
图像、媒体和代码压缩
-
实际性能(核心网络指标)优化
-
用户行为分析、客户旅程优化等等!
不过,网站所有者不必仅仅依赖内部资源。
谷歌 Chrome 等浏览器和 NitroPack 等优化工具正在不断寻找帮助加快加载时间的方法,旨在实现难以实现的“即时体验”。
手动即时页面加载技术
利用浏览器功能和资源提示
实现即时浏览体验的一种方法是优化您的网站以实现快速的导航。
未来导航
您进入网站后网页的后续加载。
提示资源等link rel=prefetch
是易于实现的 API,在网页渲染中具有较低的优先级。它被添加到您网站的 HTML 中,并且得到了浏览器的良好支持(Safari 落后了)。
由 Barry Pollard 亲自介绍的 Chromium 最新一个令人兴奋的开发是推测规则 API。
推测规则 API 是用于预取或预渲染整个网页的较新、规范更好的 API。它是一种基于 JSON 的 API,允许指定预取或预渲染的链接以及更多高级用例。
通过使用 Speculation Rules API,您可以预期初始页面加载时间会明显快于 2.5 秒,甚至更接近最初几毫秒。这可以通过利用 API 指定要预渲染或预取的网页 URL 列表来实现,浏览器将在后台执行这些操作。
自 2024 年 1 月底起,Speculation Rules API 进行了全新增强,通过将 URL 添加到文档而不是列表中,基本上可以让我们更好地控制 URL。这使我们能够指定触发器以及浏览器执行页面和页面上元素的 URL 的优先级。然后,您可以指定“热切程度”,这基本上表示您对用户点击这些链接的信心程度。
自 2024 年 1 月底起,Speculation Rules API 进行了全新增强,通过将 URL 添加到文档而不是列表中,基本上可以让我们更好地控制 URL。这使我们能够指定触发器以及浏览器执行页面和页面上元素的 URL 的优先级。然后,您可以指定“热切程度”,这基本上表示您对用户点击这些链接的信心程度。
解锁 WordPress 上的即时页面加载
Adam Silverstein 透露,WordPress 性能团队正在致力于更稳定地实现新的推测规则 API。
目前,重点仍然是向生态系统中的网站所有者和开发人员提供一小部分 API 功能,以测试其效率和采用率,然后再将其纳入核心。以下是 WordPress 用户目前可以利用的功能:
-
Performance Lab 插件中的一个模块
-
仅实现推测规则 API 前端的独立插件(应用保守的“热切”级别,但开发人员可以自由修改行为)
-
WP-admin 路线默认被排除,但 WP 开发人员可以自行确定他们想要避免或优先考虑的路线(即避免预渲染和预取购物车,但优先考虑明显的未来导航)
WordPress 性能团队还在生态系统的插件中开发更复杂的实现。这旨在减轻开发人员在确定哪些路线是首要任务以及哪些路线是不可行的繁重工作。
如何自动加载任何网站上的页面
Uxify 推出导航 AI
Navigation AI 是 Uxify 的最新产品。它是一款由人工智能驱动的网页浏览优化器,可主动预测和分析用户行为,以便在客户旅程中预渲染整个页面。Navigation AI 允许网站所有者在桌面和移动设备上提供即时浏览体验,从而提高客户度和转化率。
加入 Navigation AI 候补名单,让您的网站为即时用户体验做好准备 →
导航 AI 如何工作?
Uxify 的 Navigation AI以 Speculation Rules API 为基础,提供了一种自动化解决方案,可以在预渲染和非预渲染页面之间实现高回报、低风险的平衡。它由精简的 JavaScript 代码片段实现,并且完全与平台无关,因为它在浏览器中运行。