Page 1 of 1

管理AMP(加速移动页面)格式

Posted: Sun Dec 22, 2024 5:08 am
by arafatenzo
基本上,AMP 格式有助于提高从移动设备浏览时的网站性能。该解决方案的特殊性在于页面可视化输出的格式,因为它始终基于经典的 HTML、CSS 和 JavaScript,但是其中采用和使用了不同的标签、函数或规则(在部分),所有这些都旨在消除最重的加载元素,而在任何情况下都不会放弃图形自定义、动画甚至赞助广告,从而为访问资源的人提供整体完整但更快的体验。

一个例子是专有的JavaScript 库,它使用异步加载技术最大化页面渲染,禁用太重的 CSS 选择器,还使用优化的缓存管理,使您可以将总加载速度提高到原始加载速度的近 3 或 4 倍。

那么 AMP 页面更好吗?
它们确实带来了一系列优势,但是 波兰手机区号 将网站或博客(甚至)切换到 AMP 并不是一项在没有准备和了解事实的情况下完成的工作,因为虽然加载速度确实非常出色,但另一方面另一方面,我们可能不得不放弃对我们来说仍然方便的功能,因此必须冷静地做出决定,并努力努力能够(即使很困难)在同一个解决方案中将著名的山羊和著名的卷心菜放在一起。

小提示:在 Google 的第一个正式版本中(直到今天我们仍然在谈论它并进行了大量实验),有人谈论提高移动搜索的曝光率,特别是在发布著名的移动优先索引之后。显然,大型信息门户等各大内容生产商立即对这一消息表示欢迎,并开始尽可能地实施新的介绍。

但是 AMP 页面本质上给我们带来了什么?让我们看看主要优点:

Image


1. 只运行异步脚本
在页面渲染期间,您不会注意到任何速度减慢或导航不稳定,因为所有加载都是同时进行的,并且第一个使用资源的脚本将使它们在缓存中可供所有后续脚本使用。

2、加载时静态资源减少
我们项目外部的所有内容都必须在 HTML 源中指定其尺寸,以便 AMP 已经拥有可用的所有内容(在导航期间下载每个内容之前)并准备正确的布局。

3. 所有 CSS 必须是“内联”且受尺寸限制
将样式表嵌入到页面中可以消除外部文件调用并减少显示时间。在 CSS 中,必须声明元素的尺寸,并且必须删除我们已知“花费”太多时间加载的所有选择器。

4. 优先加载资源
下载资源时,AMP 计划优先考虑那些它认为最重要的内容,例如,如果它们出现在前面提到的“首屏”内容中,或者用户可能已经经历了快速浏览,则将它们首先包含在 TO-DO 列表中。审查它们并轻松访问。