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

BrilliantOpenWeb發表於2018-03-28

作者 | 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技術的發展!

相關文章