【amp是什么意思】这就是AMP

【amp是什么意思】这就是AMP

  【amp是什么意思】这就是AMP

【amp是什么意思】这就是AMP

  如果你是一位SEO爱好者最近应该有听说过AMP技术,什么是AMP?对网站优化加速有什么价值?无忧来给各位站长进行下讲解。

  源于是一种最新的SEO技术,是Google的AMP项目。

  AMP,AcceleratedMobilePages,译意大致是”加速的移动页面”,是Google去年10月份推出的一个提高移动页面访问速度的技术,你可以官方查看到相关的介绍。

  点击了解详情https://www.ampproject.org/zh_cn/docs/get_started/about-amp.html或者AMP项目博客

  来看看官方的视频讲解吧,需求科学上网。

  通过AMP可以构建快速渲染的静态内容网页。AMP实例由三个不同部分组成:

  AMPHTML

  AMPJS

  GoogleAMPCache

  AMPHTML是为确保可靠性能而具有某些限制的HTML,它进行了一些扩展,可以构建超出基本HTML的丰富内容。AMPJS库可确保快速渲染AMPHTML页面。GoogleAMPCache(可选)提供AMPHTML页面。

  AMPLandingPagesexperienceshowninaGoogleSearchflow

  AMP页面加速演示

  AMPHTML

  AMPHTML本质上是使用自定义AMP属性扩展的HTML。最简单的AMPHTML文件如下所示:

  <!doctypehtml>

  <html⚡>

  <head>

  <metacharset="utf-8">

  <linkrel="canonical"href="hello-world.html">

  <metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">

  <styleamp-boilerplate>body{-webkit-animation:-amp-start8ssteps(1,end)0s1normalboth;-moz-animation:-amp-start8ssteps(1,end)0s1normalboth;-ms-animation:-amp-start8ssteps(1,end)0s1normalboth;animation:-amp-start8ssteps(1,end)0s1normalboth}@-webkit-keyframes-amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes-amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes-amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes-amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes-amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><styleamp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

  <scriptasyncsrc="https://cdn.ampproject.org/v0.js"></script>

  </head>

  <body>HelloWorld!</body>

  </html>

  尽管AMPHTML页面中的大多数标记都是常规HTML标记,但部分HTML标记替换为了AMP特定标记(另请参阅

  AMP规范中的HTML标记)。利用这些自定义元素(称为AMPHTML组件)可以轻松高效地实现常见的模式。

  例如,amp-img标记可提供完整的srcset支持,即使在尚不支持该标记的浏览器中也是如此。

  了解如何创建您的第一个AMPHTML页面。

  AMPJS

  AMPJS库可实现所有AMP的最佳性能做法,

  管理资源加载,并为您提供上面提到的自定义标记,所有这些都是为了确保快速渲染您的页面。

  重大优化之一就是使来自外部资源的所有内容保持异步,让页面中的任何内容都能毫无阻碍地渲染。

  其他性能技术还包括:将所有iframe沙盒化、加载资源之前对页面上每个元素的布局进行预先计算,以及禁用性能缓慢的CSS选择器。

  如需详细了解优化和相关限制,请阅读AMPHTML规范.

  GoogleAMPCache

  GoogleAMPCache是一种基于代理的内容交付网络,用于交付所有有效的AMP文档。

  它可提取AMPHTML页面,对页面进行缓存,并自动改进页面性能。使用GoogleAMPCache时,文档、所有JS文件及所有图像都从使用HTTP2.0的同一来源加载,从而可实现最高效率。

  此外,GoogleAMPCache还带有内置验证系统,可确认页面能够正常工作,并且不依赖于外部资源。

  此验证系统运行一系列断言,确认页面的标记符合AMPHTML规范。

  另一个版本的验证器与各个AMP页面捆绑提供。此版本可在页面渲染时将验证错误直接记录到浏览器的控制台中,让您可以看到代码中的复杂变化可能会对性能和用户体验产生怎样的影响。

  本文属于专业SEO技术研究内供SEO爱好者阅读理解,非专业开发人员不要折腾哦。

相关文章

热度:224 【amp是什么意思】这就是AMP 又名溧阳站长网VS又名洪湖站长网 关键词排名如何快速进首页 热度:179 【amp是什么意思】这就是AMP 『又名瓦房店站长网』阻碍SEO优化快速出效果的内外因素 热度:166 【amp是什么意思】这就是AMP [德州+纳米光触媒+空气净化器]乐透过滤机器网站SEO网络营销策划 热度:178 【amp是什么意思】这就是AMP 『又名偃师站长网』提升权重刷排名之友链的重要 热度:129 【amp是什么意思】这就是AMP 『又名峨眉山站长网』网站SEO优化的前提基础 热度:214 【amp是什么意思】这就是AMP 『又名什邡站长网』SEO工具2018分析大全 热度:129 【amp是什么意思】这就是AMP 『又名醴陵站长网』SEO优化贵在坚持原创 解决高跳出网站 热度:218 【amp是什么意思】这就是AMP e58免费SEO技术:关键词内页排名的网站优化技巧
内容信息
         

         

发布 2018-09-22
浏览 1822 次
分类 seo教程 / seo技术
Tags
热门标签
学校 个人 企业 门户 公司 旅游 外贸 新闻 音乐 教育 导航 汽车 商城 视频 响应式 酒类 微信 单页 html5 摄影 红色 美食 工作室 营销型 图片 服装 农业 大气 蓝色 培训 自适应 产品 电影 设备 商务 高端 医院 小说 博客 中英 化妆品 英文 古典 炫酷 黑色 科技 淘宝客 bootstrap 环保 app 律师 茶叶 招聘 通用 家具 水果 物流 幼儿园 医疗 网络公司 分类信息 文化 双语 宠物 餐饮 健身 资讯 印刷 交易 建筑 配件 集团 食品 整形 文章 学院 同城 装修 房产 照明 led 橙色 软件 儿童 商品 活动 生态 化工 加盟 贷款 电子产品 理财 美容 苗木 卫浴 保健 家居 鲜花 蔬菜 二手车 园林 dj 超市 时尚 建材 留学 体育 清新 资源 政府 广告公司 婚庆 下载 asp 购物 展示 主题 论坛 酒店 简约 游戏网站 行业 动漫 销售 影视 全屏 扁平化 b2b 房地产 宣传 社区 交友 金融 产品展示 表白 绿色 it网站 传媒 婚纱 机械 培训机构 专题 建站 娱乐 咨询 地方 招商 创意 课程 养生 导购 母婴 广告 花店 数码 服饰 家政 房屋 监控 个人网站 个人博客 门户网站 音乐网站 学校网站 网站建设 工艺品 外贸网站 网址导航 婚庆网站 新闻网站 android 代刷网 php源码 整站源码 团购源码
更多标签 收起标签

【amp是什么意思】这就是AMP

m1938影视电影视频网站苹果cm…

【amp是什么意思】这就是AMP
类别: 电影源码

 33101
文件:1.24M 下载

【amp是什么意思】这就是AMP

久草CMS(9CCMS)X站影视系统电…

【amp是什么意思】这就是AMP
类别: 电影源码

 28622
文件:2.56M 下载

【amp是什么意思】这就是AMP

黑色精美柠檬视频电影网站源…

【amp是什么意思】这就是AMP
类别: 电影源码

 16424
文件:135M 下载

【amp是什么意思】这就是AMP

微信H5扫雷红包源码 可完美运…

【amp是什么意思】这就是AMP
类别: 其它源码

 13171
文件:25.8M 下载