不懂AMP？看完这篇你就明白amp是什么意思了！_电脑知识

当前位置：首页 > 电脑知识

不懂AMP？看完这篇你就明白amp是什么意思了！: 2024-05-14 16:20:08 来源： windows10系统之家作者：爱win10

简介：

AMP 是 Accelerated Mobile Pages 的缩写，中文意思是加速移动网页。它是由谷歌于 2015 年 10 月提出的一个开源项目，旨在提高移动设备上网页的加载速度和性能，从而改善移动端用户的浏览体验。本文将全面介绍 AMP 的概念、工作原理、使用方法以及优缺点，帮助大家更好地理解这项技术。

工具原料：

系统版本：Windows 11，macOS Monterey

品牌型号：联想 ThinkPad X1 Carbon，苹果 MacBook Pro 14 英寸

软件版本：Google Chrome 90，Visual Studio Code 1.56

一、AMP 的工作原理

1、AMP 页面是基于 HTML 的一个子集，它遵循严格的编码规范，禁止使用某些标签和属性，同时引入了一些新的标签和属性，以优化页面性能。

2、AMP 页面会被缓存在谷歌的 AMP 缓存服务器上，当用户在搜索结果中点击 AMP 页面链接时，页面内容将从谷歌的缓存服务器加载，而不是原始服务器，这样可以大大减少加载时间。

3、AMP 页面中的所有资源，如图片、视频、样式表等，都必须使用 HTTPS 协议加载，以保证页面的安全性。

二、如何创建 AMP 页面

1、创建 AMP 页面的第一步是在 HTML 文档的 <html> 标签中添加 amp 属性，以声明这是一个 AMP 页面。

2、在 <head> 标签中引入 AMP 的基础 JavaScript 库和样式表，这是所有 AMP 页面必需的。

3、使用 AMP 专用的标签替换某些 HTML 标签，例如用 <amp-img> 替代 <img>，用 <amp-video> 替代 <video> 等。

4、严格遵循 AMP 的编码规范，不使用禁止的标签和属性，确保页面能够通过 AMP 验证。

三、AMP 的优缺点

优点：

1、显著提高移动端网页的加载速度，平均可减少 2 秒以上的加载时间。

2、提升移动端用户体验，减少页面跳出率，有利于网站留住访客。

3、优先展示在谷歌移动搜索结果中的 Top Stories 板块，为网站带来更多流量。

缺点：

1、开发 AMP 页面需要额外的学习成本，对开发者来说不够友好。

2、AMP 页面功能受限，某些常用的交互效果和广告形式不被允许。

3、谷歌对 AMP 页面的支配力过大，可能影响网站的自主权和品牌形象。

内容延伸：

1、除了谷歌，其他一些科技巨头也在推动类似的移动网页加速技术，如百度的 MIP（Mobile Instant Pages）、腾讯的 QMP（QQ Mobile Pages）等。

2、AMP 的出现对传统的响应式网页设计提出了挑战，开发者需要权衡是否值得专门为 AMP 单独开发页面模板。

3、尽管 AMP 对当前的网站开发模式产生了一定冲击，但从长远来看，它有助于推动移动端网页技术的进步和优化，最终让广大用户受益。

总结：

AMP 是谷歌推出的一项移动网页加速技术，通过严格的编码规范和缓存机制，可以显著提高页面加载速度和用户体验。尽管在开发成本和功能限制方面存在一些不足，但 AMP 代表了移动端网页技术发展的重要方向，值得业界重视和学习。对于网站开发者来说，是否采用 AMP 需要综合考虑网站定位、受众群体、开发资源等因素，但无论如何，优化移动端用户体验都是大势所趋，不容忽视。