javascript - 什么是 AMP HTML,它如何适应框架/工具 X?

标签 javascript html angularjs reactjs amp-html

好的,所以我们都可能听说过 AMP HTML现在来自谷歌。

我很好奇这将如何适应我们现有的工作流程。如果您正在编写 React 或 Angular 应用程序,AMP HTML 如何适应开发过程?这些框架中的每一个都已经有了一种定义组件的方法,而且 AMP 似乎只是添加到堆栈中。

我们中的大多数人也已经在使用其他工具,例如 browserify 或 webpack。我不太清楚 AMP 如何与其余部分相适应。其中一些工具已经允许我们以优化的方式为我们的网站提供服务。 AMP HTML 将在多大程度上改变这一切?

最佳答案

AMP HTML 基本上回归基础并尽可能提供最快的 HTML。我想起了 WAPNokia 7110

这是一套用于制作网页的严格规则,可以扩展,也可以由其他公司和开发人员进行扩展。

这如何与 SPA(单页应用程序)和其他 javascript 前端重型框架一起工作目前尚不清楚,这是由那些开发人员弄清楚的。

它的核心是带有自定义元素的静态 HTML 页面,旨在在低速连接和小 View 上尽可能快地加载。任何人都可以针对移动设备优化他们的网站,如果他们真的愿意,也可以将其减少到几 KB,无论是否为 AMP-HTML。

主要的好处是

  1. Google 会支持它,比如 Android、Chrome 和 Google 搜索、Google CDN。
  2. 页面加载速度非常快,而且看起来非常静止。

最初采用喜欢 Wordpress和其他发布商可能是一组单独的适合移动设备的 AMP 页面。这是来自 Google,它希望您使所有普通网页都适合移动设备,否则将面临 SEO 命中。

如果您从长远考虑,它是一个专注于性能的移动网络规范。如果采用,5 年后,任何网页都可以在移动连接上在几秒钟内加载,无论该连接的质量如何。如果我们等不及技术和电信公司提高速度,我们至少可以减小页面大小。

关于javascript - 什么是 AMP HTML,它如何适应框架/工具 X?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32999561/

相关文章:

javascript - Angularjs - 无法在选项卡单击上显示选项卡

javascript - Vue 3 + typescript : type check props in single file component

javascript - 如何以 hh :mm AM/PM in Javascript? 格式获取当前时间

html - 本地数据库存储默认数据

javascript - 相同的代码,相同的浏览器,不同的用户行为

javascript - 没有哈希值的 AngularJS 路由 '#'

javascript - 如何使用 babel cli 构建整个项目结构

javascript - 禁用脏话过滤器以通过 Web Speech API 进行识别

PHP MySQL - 从复选框获取数据

javascript - 为什么我的指令不显示我传递给它的字符串