哪个视频网站做直播销售,东莞企业网站电话,平顶山网站开发,网页版淘宝网登录入口作者 | Brilliant Open Web团队breezet
移动时代的前端似乎越来越混乱了#xff0c;各种技术方案层出不穷#xff0c;令开发者们目不暇接#xff0c;不知如何选择。然而#xff0c;生态越是混乱#xff0c;对标准的呼唤就越强#xff0c;因为只有标准化才能使得整个生态…作者 | Brilliant Open Web团队breezet
移动时代的前端似乎越来越混乱了各种技术方案层出不穷令开发者们目不暇接不知如何选择。然而生态越是混乱对标准的呼唤就越强因为只有标准化才能使得整个生态健康良好地发展。
AMP技术团队和MIP技术团队都非常明白这个道理一直致力于从标准化出发改善移动Web的体验。 注1AMPAccelerated Mobile Pages是谷歌提供的网页加速技术其官方网站是https://developers.google.com/amp/。 注2MIPMobile Instant Pages 是一套应用于移动网页的开放性技术标准。通过提供 MIP-HTML 规范、MIP-JS 运行环境以及 MIP-Cache 页面缓存系统使得移动页面更加符合移动上用户体验的要求。MIP的官方网站是https://www.mipengine.org/GitHub地址是https://github.com/mipengine
近日AMP团队发表了《从AMP中学到的标准化课程》的博客其中多次提及现在AMP正在解决和改善的移动Web的问题也指出了能让Web变好的一个关键路径让AMP的优秀实践成为标准的一部分让更多的优秀能力沉淀到浏览器中让非AMP页面也能变得和AMP页面一样拥有极致的用户体验。其中特别值得关注的是AMP团队公布了目前和AMP技术相关的一系列标准化事情其中要解决的很多问题直中Web的体验缺陷要害非常值得大家期待。下面是对重点标准的介绍与解读。
Web Packing
Web Packing用于解决内容分发平台在进行站点的内容Cache时站点源页面Origin URL与Cache页面Cache URL的准确映射关系的。相当于描述了通用的云端加速的标准解决方案。此方面能力的增强能让Web更便捷的使用页面预取、页面预渲染的极大程度提升页面性能的解决方案。目前处于标准草案阶段并在IETF组织中进行讨论。
Iframe promotion
Iframe promotion是一个既有标准的功能改善提议。这使得内容分发平台能通过Iframe完成从分发页到内容页的良好页面切换交互。目前正在讨论孵化阶段。
Layout stability
AMP一直在解决的一个核心问题就是让页面元素的渲染尽量的稳定这是移动上良好用户体验的一大关键点。但前端的组件技术是对此问题的一个hack处理因此AMP也在思考如何对此进行标准的实现即提供一种可衡量用户无预期无用户行为的布局变化比如未知尺寸的图片loaded和iframe resize。当前正在与浏览器实现者讨论可行性。
Feature Policy
功能策略指的是能让开发者站点有选择的让页面能使用或不能使用浏览的功能和API主要通过HTTP HEADER来进行设置和定义。当前已经在Chrome中落地标准处于孵化阶段。
想了解更多可以查看原文 Overview of web standards and features related to AMP
https://github.com/ampproject/amphtml/blob/master/contributing/web-standards-related-to-amp.md#overview-of-web-standards-and-features-related-to-amp
结语
与大家分享这一重要信息的意义在于我们看到国外的AMP团队正在通过推广AMP技术和从中总结的最佳实践标准让Web体验变得更好变得Native Like。
对于MIP技术团队来说我们也正在积极与AMP技术团队一起讨论相关的标准方案与实现并努力推动AMP/MIP相关的标准方案在百度APP等浏览器的落地。也在努力研发一系列Web base的解决方案让更多的开发者能通过MIP或新的Web技术构建良好用户体验的Web应用。
在生态混乱的时代我们对极致Web体验的探索从未停止过任何混乱与纷争都将被标准终结。对于Web来说这是最坏的时代也是最好的时代。
Brilliant Open Web
BOWBrilliant Open Web团队是一个专门的Web技术建设小组致力于推动 Open Web 技术的发展让Web重新成为开发者的首选。BOW 关注前端关注Web剖析技术、分享实践谈谈学习也聊聊管理。关注 OpenWeb开发者IDBrilliantOpenWeb公众号回复“加群”让我们一起推动 OpenWeb技术的发展
更多专业前端知识请上
【猿2048】www.mk2048.com
