📜  AMP (1)

📅  最后修改于: 2023-12-03 15:13:19.199000             🧑  作者: Mango

AMP - Accelerated Mobile Pages

AMP 是 Google 推出的一项移动 Web 加速技术,主要针对网页内容的加载速度进行优化,能够显著提升用户在移动端的阅读体验。

AMP 的特点
  • 避免使用慢速 JavaScript 库
  • 保证样式表的大小和效率
  • 将页面所有的资源进行预加载
  • 图片和视频需要设置宽度和高度属性
  • 对于 iframe 标签,必须设置宽度和高度属性
AMP 如何工作

当用户访问一个支持 AMP 的页面时,Google 的 AMP 缓存会提供该页面的 AMP 版本,同时在本地进行缓存。当用户再次访问时,Google AMP 缓存会直接提供缓存的页面,不必再从原服务器重新获取,从而实现访问加速。

AMP 的工作原理
  1. 自定义 HTML 标记:使用 AMP 自定义 HTML 标记来控制和限制使用的元素和属性,这些标记和属性能够保证页面以极快的速度加载。

  2. AMP JS: AMP JS 是一个高度优化的 JavaScript 库,可帮助 AMP 页面高效地进行加载和异步调用。它可以异步加载文档资源,并且还有一些内置的起点来控制 CSS 重要性,并且检测是否页面的外观发生了变化。

  3. AMP 缓存:Google AMP 缓存是一组服务器,可以在运行时获取 AMP 页面并提供缓存版本,从而在保持页面性能的同时,加速页面加载速度。

AMP 对 SEO 的影响

AMP 对 SEO(搜索引擎优化)有着显著的影响。通过它,用户可以更加方便地访问网页,并且在搜索结果中更容易被显示。同时,AMP 也是谷歌的搜索排名因素之一,因此使用 AMP 可以提高搜索排名,增加流量和转化。

总结

AMP 是一项强大的移动端网页加速技术,通过缩小页面的大小、控制资源和利用高度优化的 JavaScript 库,能够显著提升用户在移动端的阅读体验和搜索排名。在实际使用中,需要注意自定义 HTML 标记和处理 CSS 渲染,同时需要考虑最佳实践以确保性能和体验的最佳效果。