去年 10 月,谷歌宣布加速

Google 的 AMP(加速移动页面)项目今天启动。你准备好了吗?在今天的专栏中,我将为您提供该优惠的概述,并向您展示如何开始。什么是 MPA? 去年 10 月,谷歌发布了 Accelerated Mobile Pages (AMP),这是一个高度可访问的框架,用于创建快速加载的移动网页。开源计划旨在让出版商在不牺牲他们可以依赖的广告收入的情况下,轻松提高移动读者的速度(从而提高用户体验)。虽然有经验的开发人员通常可以通过密集的性能优化来获得类似的结果,但由于资源限制,出版商往往忽略了这一点。 AMP 可以在不改变核心移动网络体验的情况下轻松实现这些优化。谷歌和其他领先的网络技术公司未来使用它还有一个额外的好处,他们通过将其大量集成到各自的平台中来鼓励使用它。

本质上是一个构建移动网页的框架

AMP 是如何工作的? AMP 本质上是一个构建移动网页的框架,由三个基本部分组成: AMP HTML:HTML 的子集,这种标记语言具有自定义标签和属性以及许多限制。但是,如果您熟悉标准 HTML,那么将现有页面调整为 AMP HTML 应该不会有任何问题。有关它与基本 HTML 有何不同的更多详细信息,请参阅 AMP 项目的  页面“必须”具有的必需标记列表。AMP JS:用于移动页面的 JavaScript 框架。本质上,它处理资源管理和异步加载。危地马拉 WhatsApp 号码列表  请注意,AMP 不允许使用第三方 JavaScript。AMP CDN:一个可选的内容交付网络,它将获取支持 AMP 的页面、缓存它们并自动执行性能优化。你打算如何 AMP 你的网站? 首先,您需要管理任何文章页面的至少两个版本:用户通常会看到的文章页面的原始版本,以及该页面的 AMP 版本。由于 AMP 不允许表单元素和第三方 JavaScript 之类的内容,您可能无法拥有潜在客户表单、页面评论以及您可能习惯的其他内容。在您的页面上有一个标准实现。 (尽管目前有一个使用 iframe 的 hack 提供了解决方案。

您可能还需要重写您的站点模板以适应这些限制

危地马拉 WhatsApp 号码列表

感谢 Conrad O’Connell 帮助我验证了这个 hack。)您可能还需要重写您的站点模板以适应这些限制。例如,AMP 中的所有 CSS 都必须是内联的并且小于 50 KB。由于自定义字体的加载强度,必须使用特殊的 amp-font 扩展名来加载它们,以便更好地控制这种加载。多媒体必须特别对待。例如,图像应使用自定义 amp-img 元素,并应包含明确的宽度和高度。 (将旧网站转换为 AMP 模板时,如果尚未使用宽度和高度属性,这可能是一个主要问题)。此外,如果您的图像是动画 GIF,您应该使用单独的 amp-anim 扩展组件。与图像类似,有一个自定义标签应该用于通过称为 amp-video 的 HTML5 嵌入本地托管的视频。但是,要嵌入 YouTube 视频 – 大多数网络视频都是这样 – 有一个单独的扩展组件 amp-youtube。还支持诸如通过 amp-carousel 的幻灯片和通过 amp-image-lightbox 的图像灯箱,

 

 

Leave a comment

Your email address will not be published.