编程里 amp是什么意思 • Worktile社区

fiy

Worktile&PingCode市场小伙伴

在编程中，AMP是指“加速移动页面”（Accelerated Mobile Pages）的缩写。它是一种用于创建移动网页的开放源代码框架。AMP的设计目标是提供更快的页面加载速度和更好的用户体验，特别是在移动设备上。它通过限制页面上允许的功能和内容，以及使用缓存和预加载等技术，来实现更快的加载速度。

AMP的特点如下：

精简的HTML：AMP框架使用自己的HTML标记，限制了JavaScript的使用，并删除了页面中不必要的样式和元素，从而大大减小了页面的大小，加快了加载速度。
强制缓存：AMP页面会被自动缓存在Google AMP缓存中，这样当用户打开页面时，页面会从离用户更近的缓存中加载，减少了网络延迟，提高了页面加载速度。
预加载：AMP页面可以利用预加载技术，在用户浏览第一个页面时，提前下载并缓存后续页面的内容，以实现无缝的页面切换。
响应式布局：AMP框架支持响应式布局，使得页面能够适应不同大小的屏幕和设备，从而提供更好的用户体验。
第三方内容限制：为了确保页面的加载速度，AMP框架限制了对第三方内容（如广告、社交媒体插件等）的使用，只允许使用AMP自定的组件和库。

总之，AMP是一种旨在提高移动页面加载速度和用户体验的开源框架。通过精简HTML、强制缓存、预加载和限制第三方内容，AMP能够加速页面加载，并在移动设备上提供更好的性能。

1年前 0条评论

不及物动词

这个人很懒，什么都没有留下～

在编程中，AMP是指“加快移动页面”（Accelerated Mobile Pages）的简称。它是一种开放源代码项目，旨在提供更快的移动网页加载速度和更好的用户体验。

以下是关于AMP的五个要点：

加速移动页面：AMP是为了优化移动网页加载速度而创建的。它通过使用精简版HTML、优化CSS和限制JavaScript的使用，减少网页的加载时间。这样可以使用户更快地访问网页内容，提高页面的响应速度，并且减少用户的等待时间。
增强用户体验：加载速度对于移动用户体验至关重要。慢速加载的网页会导致用户的流失率增加，而快速加载的AMP页面可以提供更好的用户体验，增加用户停留时间和转化率。
移动优先：AMP的设计理念是移动优先。在移动设备上浏览网页的用户越来越多，因此AMP可以确保网页在移动设备上的展示效果更好。它针对移动设备的特点进行优化，例如自适应布局、快速响应和适配不同屏幕尺寸等。
SEO优化：AMP页面在搜索引擎优化方面具有优势。搜索引擎对网页的加载速度非常敏感，AMP页面的快速加载可以提高页面的排名。此外，一些搜索引擎和社交媒体平台还提供了对AMP页面的特殊支持，使得AMP页面可以在搜索结果中以更突出的位置显示。
丰富的组件和功能：尽管AMP限制了JavaScript的使用，但它提供了一套丰富的组件和功能，可以为网页增加交互性和动态效果。例如，AMP支持图像轮播、响应式图像、表单和广告等。这些组件和功能可以提供更丰富的用户体验，同时仍然保持了快速的加载速度。

总的来说，AMP是一种通过优化移动网页的加载速度和用户体验的开放源代码项目。它可以提高移动网页的加载速度，增强用户体验，并在搜索结果中起到SEO优化的作用。同时，AMP还提供了一套丰富的组件和功能，可以为网页增加交互性和动态效果。

1年前 0条评论

worktile

Worktile官方账号

在编程中，AMP是指Accelerated Mobile Pages（加速移动网页）的缩写。AMP是一种开源框架，用于创建快速加载和流畅的移动网页。它旨在提供更好的用户体验，并在移动设备上更快地加载内容。

AMP框架通过以下方式提升网页性能：

精简HTML：AMP限制了可以使用的HTML标签和属性，只允许使用一些核心的HTML标签，从而减少了网页加载的时间和带宽。
异步加载：AMP的脚本资源会异步加载，防止阻塞页面渲染，提供更快的用户体验。
图片延迟加载：AMP会自动将离屏图片替换为占位符，只在用户滚动页面到相应位置时才加载图片，减少了页面加载的时间。
内容预取：AMP使用预取机制，在用户浏览网页时，提前预取页面内容，从而实现快速加载。

创建AMP页面的操作流程如下：

在HTML中引入AMP框架：

<!DOCTYPE html>
<html amp lang="en">
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="...">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
</head>
<body>
  ...
</body>
</html>

使用符合AMP规范的HTML标签和属性，例如：

<amp-img src="image.jpg" alt="A beautiful image" width="300" height="200"></amp-img>
<amp-video src="video.mp4" width="720" height="480"></amp-video>

遵循AMP的规则和限制，例如：
- CSS样式只能通过内联样式表或使用AMP提供的组件进行定义，要限制样式表的大小。
- JavaScript脚本只能使用AMP提供的组件，例如amp-analytics用于分析跟踪。

在网页头部添加必要的元数据，例如：

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-...js"></script>
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1">
<style amp-custom>
/* 自定义样式表 */
</style>

使用AMP校验工具验证和优化页面，确保符合AMP规范。

总结：
AMP是一种用于创建快速加载移动网页的开源框架。通过精简HTML、异步加载、图片延迟加载和内容预取等技术，提供更好的用户体验。创建AMP页面需要遵循AMP规范，使用符合规范的HTML标签和属性，并添加必要的元数据。最后，使用AMP校验工具验证和优化页面。

1年前 0条评论