将我的页面重写为 AMP 可以获得哪些好处?
what benefits would i get by rewriting my page as an AMP?
我最近发布了一个本地企业的网页。我将页面设计为移动优先且速度非常快。它在 PageSpeed Insights 上获得 100 分。它只需要一个 20Kb 的请求就可以交互,耗时 1.1 秒。
在我自己的手机上分析页面 phone 通过 4G 连接到互联网,需要 0.7 秒才能进行交互。
除图像外,页面内嵌了所有工件(css、html、javascript 和 svg 图标)。滚动时会加载图像。它有 682 个单词和 8 个 svg 图标。
Google gtag 脚本在页面加载后延迟 8 秒。
发布页面后,我偶然发现了这个 AMP 东西。我想知道我是否应该将页面重写为 AMP。
真的有那么快吗?。 AMP 页面做的第一件事是加载 amp 脚本,这个脚本是 60kb gzip 压缩的,是我需要获得交互的请求的 3 倍。
那么问题来了。我真的会获得性能优势吗?
和。我还能得到什么其他好处?
我会说你使用 AMP 没有意义。您的网页速度已经非常快,而且比 AMP 版本还快。做得好!
理论上,由于 pre-rendering,AMP 版本出现在 Google 搜索中时加载速度会更快。但是,您的页面不会总是预呈现,并且在任何情况下都会快速加载。
AMP 还有一些额外的好处:
- 避免烦人的内容跳转的静态布局
- well-tested components 易于使用
- 广告和分析需要的资源少得多
- 随着更多功能的添加,您的页面将保持快速(由于其设计方式)
如果这些对您来说很重要,那么您需要做出决定。
我最近发布了一个本地企业的网页。我将页面设计为移动优先且速度非常快。它在 PageSpeed Insights 上获得 100 分。它只需要一个 20Kb 的请求就可以交互,耗时 1.1 秒。
在我自己的手机上分析页面 phone 通过 4G 连接到互联网,需要 0.7 秒才能进行交互。
除图像外,页面内嵌了所有工件(css、html、javascript 和 svg 图标)。滚动时会加载图像。它有 682 个单词和 8 个 svg 图标。
Google gtag 脚本在页面加载后延迟 8 秒。
发布页面后,我偶然发现了这个 AMP 东西。我想知道我是否应该将页面重写为 AMP。
真的有那么快吗?。 AMP 页面做的第一件事是加载 amp 脚本,这个脚本是 60kb gzip 压缩的,是我需要获得交互的请求的 3 倍。
那么问题来了。我真的会获得性能优势吗?
和。我还能得到什么其他好处?
我会说你使用 AMP 没有意义。您的网页速度已经非常快,而且比 AMP 版本还快。做得好!
理论上,由于 pre-rendering,AMP 版本出现在 Google 搜索中时加载速度会更快。但是,您的页面不会总是预呈现,并且在任何情况下都会快速加载。
AMP 还有一些额外的好处:
- 避免烦人的内容跳转的静态布局
- well-tested components 易于使用
- 广告和分析需要的资源少得多
- 随着更多功能的添加,您的页面将保持快速(由于其设计方式)
如果这些对您来说很重要,那么您需要做出决定。