前端生態混亂，AMP&MIP在努力作標準化工做

做者 | Brilliant Open Web團隊breezet

移動時代的前端彷佛愈來愈混亂了，各類技術方案層出不窮，令開發者們應接不暇，不知如何選擇。然而，生態越是混亂，對標準的呼喚就越強，由於只有標準化才能使得整個生態健康良好地發展。

AMP技術團隊和MIP技術團隊都很是明白這個道理，一直致力於從標準化出發，改善移動Web的體驗。

• 注1：AMP（Accelerated Mobile Pages）是谷歌提供的網頁加速技術，其官方網站是：https://developers.google.com/amp/。

• 注2：MIP，Mobile 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

BOW（Brilliant Open Web）團隊，是一個專門的Web技術建設小組，致力於推進 Open Web 技術的發展，讓Web從新成爲開發者的首選。BOW 關注前端，關注Web；剖析技術、分享實踐；談談學習，也聊聊管理。關注 OpenWeb開發者（ID：BrilliantOpenWeb）公衆號，回覆「加羣」，讓咱們一塊兒推進 OpenWeb技術的發展！