作者 | Brilliant Open Web團隊breezet

移動時代的前端似乎越來越混亂了，各種技術方案層出不窮，令開發(fā)者們目不暇接，不知如何選擇。然而，生態(tài)越是混亂，對標準的呼喚就越強，因為只有標準化才能使得整個生態(tài)健康良好地發(fā)展。

AMP技術團隊和MIP技術團隊都非常明白這個道理，一直致力于從標準化出發(fā)，改善移動Web的體驗。

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

• 注2：MIP，Mobile Instant Pages ，是一套應用于移動網(wǎng)頁的開放性技術標準。通過提供 MIP-HTML 規(guī)范、MIP-JS 運行環(huán)境以及 MIP-Cache 頁面緩存系統(tǒng)，使得移動頁面更加符合移動上用戶體驗的要求。MIP的官方網(wǎng)站是：https://www.mipengine.org/，GitHub地址是：https://github.com/mipengine）

近日，AMP團隊發(fā)表了《從AMP中學到的標準化課程》的博客，其中多次提及現(xiàn)在AMP正在解決和改善的移動Web的問題，也指出了能讓Web變好的一個關鍵路徑：讓AMP的優(yōu)秀實踐成為標準的一部分，讓更多的優(yōu)秀能力沉淀到瀏覽器中，讓非AMP頁面也能變得和AMP頁面一樣擁有極致的用戶體驗。其中特別值得關注的是AMP團隊公布了目前和AMP技術相關的一系列標準化事情，其中要解決的很多問題直中Web的體驗缺陷要害，非常值得大家期待。下面是對重點標準的介紹與解讀。

Web Packing

Web Packing用于解決內(nèi)容分發(fā)平臺在進行站點的內(nèi)容Cache時，站點源頁面（Origin URL）與Cache頁面（Cache URL）的準確映射關系的。相當于描述了通用的云端加速的標準解決方案。此方面能力的增強，能讓Web更便捷的使用頁面預取、頁面預渲染的極大程度提升頁面性能的解決方案。目前處于標準草案階段，并在IETF組織中進行討論。

Iframe promotion

Iframe promotion是一個既有標準的功能改善提議。這使得內(nèi)容分發(fā)平臺能通過Iframe完成從分發(fā)頁到內(nèi)容頁的良好頁面切換交互。目前正在討論孵化階段。

Layout stability

AMP一直在解決的一個核心問題就是讓頁面元素的渲染盡量的穩(wěn)定，這是移動上良好用戶體驗的一大關鍵點。但前端的組件技術是對此問題的一個hack處理，因此AMP也在思考如何對此進行標準的實現(xiàn)，即：提供一種可衡量用戶無預期（無用戶行為）的布局變化（比如未知尺寸的圖片loaded和iframe resize）。當前正在與瀏覽器實現(xiàn)者討論可行性。

Feature Policy

功能策略指的是能讓開發(fā)者（站點）有選擇的讓頁面能使用或不能使用瀏覽的功能和API，主要通過HTTP HEADER來進行設置和定義。當前已經(jīng)在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技術團隊一起討論相關的標準方案與實現(xiàn)，并努力推動AMP/MIP相關的標準方案在百度APP等瀏覽器的落地。也在努力研發(fā)一系列Web base的解決方案，讓更多的開發(fā)者能通過MIP或新的Web技術構建良好用戶體驗的Web應用。

在生態(tài)混亂的時代，我們對極致Web體驗的探索從未停止過，任何混亂與紛爭，都將被標準終結。對于Web來說，這是最壞的時代，也是最好的時代。

Brilliant Open Web

BOW（Brilliant Open Web）團隊，是一個專門的Web技術建設小組，致力于推動 Open Web 技術的發(fā)展，讓Web重新成為開發(fā)者的首選。BOW 關注前端，關注Web；剖析技術、分享實踐；談談學習，也聊聊管理。關注 OpenWeb開發(fā)者（ID：BrilliantOpenWeb）公眾號，回復“加群”，讓我們一起推動 OpenWeb技術的發(fā)展！

更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的前端生态混乱，AMPMIP在努力做标准化工作的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。