AMP 專案開發藍圖
AMP 的持續開發工作由各個工作群組進行，每個群組都具備 AMP 特定領域的知識或興趣。
為了讓社群瞭解他們的工作進度，所有群組都會定期提供狀態更新，詳細說明已完成的工作和接下來的規劃。
這裡列出的所有更新都以 GitHub 上的 issue 形式提供，我們誠摯邀請您加入討論！
選取工作群組
Stories (故事)
狀態更新：2022 年 8 月 1 日星期一已完成事項
AMP Story Paywall (AMP 故事付費牆)
Story analytics (故事分析)
- ✨ 新增上一頁索引 #38289
Story videocache (故事影片快取)
Story localization (故事在地化)
- 🚀 從 js 移除在地化字串 #38280
營利
狀態更新：2022 年 5 月 9 日星期一已完成事項
Amp monetization (AMP 營利) - 2 個新的廣告聯播網整合 - Google Ads 現已推出頂端固定廣告
Story ads (故事廣告) - 推出新一輪自動廣告 + CTA 實驗 - 測試新的 CTA 按鈕選項 - 修正進度列溢位錯誤 - 故事廣告點擊率下降調查
效能
狀態更新：2022 年 5 月 9 日星期一Stories (故事)
狀態更新：2022 年 5 月 2 日星期一已完成事項
Story Preview (故事預覽)
amp story 360 (AMP 故事 360)
- 🐛 移除 GL 內容處理 #38144
Amp story captions (AMP 故事字幕)
- 允許播放器取得/設定字幕狀態 #37898
- 在 amp-story 文件中並從快取提供時，使用 amp-story-captions 轉譯影片字幕 #37899
- 實作預設、可覆寫的 CSS #37900
- ✨ 具有樣式的 style-preset 屬性 #37967
- ✨ 從檢視器取得和設定字幕狀態 #38009
i18n (國際化)
- 請勿在可本地化的 UI 字串中使用串連 #38060
amp story shopping (AMP 故事購物)
amp-story-shopping (AMP 故事購物)
Story attachment (故事附件)
- 🐛 修正 cta-image=none 顯示連結圖示的問題 #38109
Story system-layer (故事系統層)
- ✨ 新增可切換字幕的 CC 圖示 #37884
amp-animation (AMP 動畫)
- ✨ 新增一個允許覆寫平移縮放比例的新屬性 #37965
其他
- amp-story-cta-layer I2D (AMP 故事 CTA 層 I2D) #34450
- 🚀 amp-story：使用 Services.urlForDoc 而非公用程式函式 #38026
- 🐛 amp-story-shopping 在所有標記都無效時不會顯示 CTA，並修正頁面附件開啟時重新整理時遠端購物資料載入的問題 #38035
- 🌐 amp story shopping 「立即選購」CTA 大小寫 #38096
- 🧪 實驗：故事自動推進和新的 cta 按鈕 #38097
- 🐛 移動 md 檔案目錄以修正損壞的連結 (story-shopping、story-page-attachment、story-page-outlink) #38134
- 新增將頁面計數取得至故事訊息 API 的可能性 #38170
接下來的規劃
- amp story captions 更新文件 #38146
- 透過 amp-orig-src 的 amp-video 快取 #37425
- Story 中的載入體驗不佳：影片海報和影片播放之間出現白光 #31358
營利
狀態更新：2022 年 5 月 2 日星期一Stories (故事)
狀態更新：2022 年 4 月 8 日星期五已完成事項
amp-animation (AMP 動畫)
- ✨ 新增一個允許覆寫平移縮放比例的新屬性 #37965
Story performance (故事效能)
Story animations (故事動畫)
- 🐛 置中垂直平移 #38017
amp-story-shopping (AMP 故事購物)
- 將 productDescription 新增至所有範本和最大長度 #37993
amp story captions (AMP 故事字幕)
- 🐛 關閉範例 html .vtt 檔案中的 voice 標記 #37977
Page Attachments (頁面附件)
amp story shopping (AMP 故事購物)
amp story page attachment (AMP 故事頁面附件)
- 🐛 新增路徑 metadata 文件 #37988
AMP Story Paywall (AMP 故事付費牆)
- ✨ 處理 amp-story-subscriptions 中的授權狀態，並顯示/隱藏付費牆對話方塊 #37892
Story analytics (故事分析)
- 🐛 修正預先轉譯分析未觸發的問題 #37975
Story localization (故事在地化)
- 🚀 #37969
其他
接下來的規劃
- Story 中的廣告載入體驗：影片海報和影片播放之間出現白光
- ✨ [Story interactive (故事互動)] 啟用互動式免責聲明對話方塊
- 🐛 [Story performance (故事效能)] 首次載入時停用初始頁面上的動畫
- amp-story-player：Safari 中看不到上一個和下一個故事按鈕
- [I2R] 透過 amp-orig-src 的 amp-video 快取
- 🌐 [amp story shopping (AMP 故事購物)] i18n 「reviews (評論)」字串大小寫說明
- ✨ [amp-animation (AMP 動畫)] 新增一個允許覆寫平移縮放比例的新屬性。
效能
狀態更新：2022 年 4 月 2 日星期六效能
狀態更新：2022 年 4 月 1 日星期五Stories (故事)
狀態更新：2022 年 3 月 2 日星期三已完成事項
amp story page attachment (AMP 故事頁面附件)
- CTA 可分頁內嵌 CTA #37933
影片快取
- ✨ 從快取回應附加字幕軌 #37893
Story localization (故事在地化)
Story performance (故事效能)
Observable (可觀察)
- ✨ 讓 observable 在觸發時安全地移除處理常式 #37887
Story system-layer (故事系統層)
- 🚮 移除未使用的 storyHasAudio 狀態屬性 #37220
amp story shopping (AMP 故事購物)
接下來的規劃
- 推出 amp-story-shopping (AMP 故事購物) (分析、驗證和文件)
- amp-story-captions (AMP 故事字幕) (可自訂 CSS 和智慧型預設值，自動使用 amp-story-captions 元件)
營利
狀態更新：2022 年 3 月 2 日星期三已完成事項
Amp monetization (AMP 營利) - 為 amp-ad-exit 用途新增同步 UACH 巨集 - 頂端固定廣告指標分析
Story ads (故事廣告) - 重構故事頁面以納入廣告頁面 - 分析故事廣告效能發生的衰退
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新：2022 年 3 月 1 日星期二已完成事項
Alan * 本衝刺期休假
Beck * 在設計審查中簡報 Bento 調整大小防護
Dhruv * 調查 amp-analytics 與 GA4 相容所需的變更 * 調查與 amp-img 和 amp-render 相關的錯誤
Keshav * 測試的維護工作，例如重新對應依附元件、強化獨立單元測試和 e2e 測試
William * 與 Formidable 合作處理其 Bento PRS 的移植作業
經驗學習
接下來的規劃
- 實作 bento 調整大小防護
- 為 bento 日期顯示和日期倒數計時器網頁元件推出 mustache 支援
- 升級 third_part/ 中的 mustache
- 繼續強化測試
Stories (故事)
狀態更新：2022 年 3 月 1 日星期二已完成事項
Story localization (故事在地化)
- ✨ 使用內嵌 JSON 進行本地化套件 #37836
Story attachment (故事附件)
- 🐛 開啟 outlink 錯誤，因為 closeButton 為空值 #37833
營利
狀態更新：2022 年 3 月 1 日星期二已完成事項
Amp monetization (AMP 營利) - 修正 Google Ads 問題，該問題導致廣告 FIE 轉譯中斷 - 自動推進啟動實驗資料分析
Story ads (故事廣告)
營利
狀態更新：2022 年 2 月 2 日星期三已完成事項
Amp monetization (AMP 營利) - 自動廣告允許供應商修改遠端廣告設定 - 修正檢視器和頂端固定廣告衝突：現在廣告會顯示在錨點下方
Story ads (故事廣告) - 廣告徽章和圖示位置更新 PR
Stories (故事)
狀態更新：2022 年 2 月 1 日星期二已完成事項
Story video (故事影片)
- 🚀 針對第一個網路故事頁面的第一個影片，使用內嵌影片回應而非發出 XHR 要求 #37499
Story documentation (故事文件)
- 📖 修正頁面附件文件位置 #37669
amp story page attachment (AMP 故事頁面附件)
amp story shopping (AMP 故事購物)
- 產品標記功能 #36734
- 附件範本邏輯 #36735
- PLP 範本邏輯 #36736
- PDP 範本邏輯 #36738
- PDP 輪播介面 #37091
- 🐛 如果頁面上沒有購物標記，則不轉譯購物 CTA #37503
- ✅ 將 i18n CTA 標籤邏輯移至 shopping-attachment 元件 #37515
- ♻️ 將 tag-id 重新命名為 product-id #37527
其他
- 🖍 新增購物標記翻轉功能，以避免位置過於靠右 #37195
- ✨為 amp-story-shoppping 元件新增 camelCase #37533
- 🐛 amp-story-shopping 為 RTL 模式新增正確的邊界 #37568
接下來的規劃
- 購物開發預覽
- Amp story subscriptions (AMP 故事訂閱) (付費牆)
- 效能
營利
狀態更新：2022 年 2 月 1 日星期二已完成事項
Amp monetization (AMP 營利) - 供應商設定更新
Story ads (故事廣告) - 廣告徽章和圖示位置更新 - 新的分析巨集更新：實驗已開始 - 自動推進啟動開始
Stories (故事)
狀態更新：2022 年 1 月 4 日星期二已完成事項
效能
- 🧪 在桌機版上隨選延遲載入分享選單 #37044
- 🚀 如果故事已轉換，則停用第一頁上的動畫 #37135
- ♻️ 將效能服務擷取至變數 #37137
- 🚀 從本地化套件移除未使用的字串 #37229
- 🚀 從主要 amp-story 套件移除分享選單 #37235
- 🌐 在從系統層移除後，移除音訊文字本地化 #37218
- 🚀 將分享選單移至個別套件 #37179
分頁按鈕
- 🐛 分頁向前按鈕可見性狀態 #37098
購物
系統層圖示
- 🖍 已取代圖示和樣式 #37122
影片
- ✨ 新增 ACAO 標頭 #37160
接下來的規劃
- 透過進一步移除頁面附件 UI、本地化字串和 CSS 來縮減套件大小
- 處理購物標記和附件
- 讓系統層更具回應性、新增 CC 圖示並更新「Ad (廣告)」標記
營利
狀態更新：2022 年 1 月 4 日星期二接下來的規劃
Amp monetization (AMP 營利) - 即將推出的廣告聯播網整合
Story ads (故事廣告) - 探索更多發布商營利的方式 - 故事廣告中繼分析標記實作
效能
狀態更新：2022 年 1 月 4 日星期二已完成事項
- 🚀 推出 amp-story 內嵌 CSS 實驗。
- 🐛 修正 amp-toolbox 中的「latestVersion (最新版本)」錯誤。
- 🧪 針對
amp-toolboxAmpStoryCssTransformer 建立關於 LTS 的測試。 - 💅 將 TS 新增至 Core 和 Bento。
- 🚀 將建構系統移轉至 esbuild。
- 🐛 修正 amp-analytics 中各種 LCP 問題的 AMP LCP 修正。
接下來的規劃
- amp-geo 實驗的手動測試
- amp-toolbox 中的 Amp 快取網址重新寫入程式碼
- 對更多 Bento 目錄進行類型檢查
- WASM Jolt 原型
Stories (故事)
狀態更新：2022 年 1 月 3 日星期一已完成事項
amp story shopping (AMP 故事購物)
Story analytics (故事分析)
Amp story page attachment (AMP 故事頁面附件)
- 重新整理附件開啟時的頁面會擲回錯誤。 #37430
Story video (故事影片)
- ✨ 檢查快取回應是否包含音訊 #36283
Story performance (故事效能)
- 🚀 移除互動式主機樣式 #37472
amp story (AMP 故事)
- 🐛 將 toggleAttribute 變更為 set/removeAttribute #37420
接下來的規劃
- 購物 PLP 和標記
- Amp story subscriptions (AMP 故事訂閱) (付費牆)
- 效能
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新：2022 年 1 月 1 日星期六已完成事項
- 修正在檢視器中用戶端 ID 在下一頁遺失的長期存在錯誤 (#36984)
- 繼續處理 Bento 重構，以更新 Bento 和 AMP 元件的類別階層
- 繼續處理 React storybook 測試
經驗學習
接下來的規劃
- 建構並發布 @bentoproject/core
- 移除
bento實驗旗標 - 開始調查 bento-analytics (bento 分析)，即 amp-analytics 的 bento 連接埠
- 完成 React storybook 測試
Stories (故事)
狀態更新：2022 年 1 月 1 日星期六營利
狀態更新：2022 年 1 月 1 日星期六已完成事項
Amp monetization (AMP 營利) - 網頁插頁式廣告使用者體驗討論
Story ads (故事廣告) - 廣告徽章與關閉按鈕重疊問題的修正 UX 討論 - 新的分析巨集提案：用於故事廣告
- 分析故事廣告明顯衰退 - 在 Google 轉換器上啟動 amp-img 伺服器端轉譯
營利
狀態更新：2021 年 12 月 6 日星期一已完成事項
Amp monetization (AMP 營利) - 網頁插頁式廣告實作 PR
Story ads (故事廣告) - 已決定：為分析目的新增故事廣告中繼標記 - 調查回報的故事廣告錯誤
接下來的規劃
Amp monetization (AMP 營利) - 網頁插頁式廣告使用儲存空間檢閱：用於頻率上限 - 3p iframe 將具有決定性子網域
Story ads (故事廣告) - 探索更多發布商營利的方式
營利
狀態更新：2021 年 11 月 8 日星期一已完成事項
Amp monetization (AMP 營利) - amp-ad 固定式廣告查詢參數修正，以及 doubleclick 的自動隱藏修正 - 檢閱 Bento Google Ads 的提案
Story ads (故事廣告) - 廣告 CTA 遺失調查
接下來的規劃
Amp monetization (AMP 營利) - 網頁插頁式廣告實作 - 廣告轉換器：實驗移除 amp-pixel 伺服器端轉譯
Story ads (故事廣告) - 從使用 AdSense/DoubleClick 的流量收集故事指標
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新：2021 年 11 月 5 日星期五已完成事項
- 將共用依附元件移至
bento.js - bento 獨立元件的 e2e 測試
- bento 啟動準備
- 重構故事範本以使用 JSX (而非
htmlFor()和其他範本策略)
經驗學習
Stories (故事)
狀態更新：2021 年 11 月 5 日星期五已完成事項
Story performance (故事效能)
amp story shopping (AMP 故事購物)
amp story page advancement (AMP 故事頁面推進)
- ♻️ 處理抽屜上的點擊 #36715
Story (故事)
- 在頁面索引 != 0 上載入故事時，storyContentLoaded 事件不會觸發 #36571
其他
接下來的規劃
- 持續處理故事購物專案
- 故事內嵌的技術方法調查
amp-story中amp-subscriptions相容性調查- 初始頁面載入的效能和使用者體驗改善調查
Stories (故事)
狀態更新：2021 年 11 月 2 日星期二已完成事項
Amp story shopping (AMP 故事購物)
Story performance (故事效能)
- 🚀 如果 dvh 可用，則使用 dvh 而非 vh #37003
Story responsiveness (故事回應性)
- 🐛 需要使用預設值溢位可見內容 #36912
Story audio (故事音訊)
- 🖍 將音訊等化器從影片移至故事系統層 #36264
文件
- 📖 新增 amp-video 文件，說明快取與 crossorigin 不相容 #36772
amp story 360 (AMP 故事 360)
- ♻️ 使用 JSX #36942
amp story panning media (AMP 故事平移動態媒體)
提示：隨時按下 control+c 即可進入 REPL。
已完成事項
Amp story shopping (AMP 故事購物)
Story performance (故事效能)
- 🚀 如果 dvh 可用，則使用 dvh 而非 vh #37003
Story responsiveness (故事回應性)
- 🐛 需要使用預設值溢位可見內容 #36912
Story audio (故事音訊)
- 🖍 將音訊等化器從影片移至故事系統層 #36264
文件
- 📖 新增 amp-video 文件，說明快取與 crossorigin 不相容 #36772
amp story 360 (AMP 故事 360)
- ♻️ 使用 JSX #36942
amp story panning media (AMP 故事平移動態媒體)
amp-story-page-attachment (AMP 故事頁面附件)
- ♻️ 修訂文件中的 cta 文字 #36426
Story documentation (故事文件)
- 📖 更新內嵌元件文件 #36904
Story embeds (故事內嵌)
- 🚀 移除對展開元件 (例如 amp-twitter) 的支援 #36851
rel=stylesheet
- ✨允許連結指向已轉換 amp 文件中的 amp-story-1.0.css #36844
其他
- FireFox 瀏覽器中的 Web Stories 預覽具有溢出螢幕的虛擬裝置 #36964
接下來的規劃
- ✨ [Story interactive (故事互動)] 啟用互動式免責聲明對話方塊
- 🐛 [Story performance (故事效能)] 首次載入時停用初始頁面上的動畫
- ✨ [Story video (故事影片)] 檢查快取回應是否包含音訊
- 🚀 [Story performance (故事效能)] 移除重複的分享樣式 [WIP]
- 🚀 [Story performance (故事效能)] 僅在轉換器尚未執行該動作時才變更 dvh。Story 中的載入體驗不佳：影片海報和影片播放之間出現白光
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新：2021 年 10 月 2 日星期六已完成事項
- Bento 獨立模式的手動驗證 + 更新 README 中的程式碼片段
- Bento 獨立模式的 E2E 測試
bento-timeagobento-youtubebento-fit-text- 將 Bento 獨立版作為 NPM 的一部分運送
- 運送
bento.js - 從 z-index CSS 檢查中移除
dist/
經驗學習
Stories (故事)
狀態更新：2021 年 10 月 2 日星期六已完成事項
Story performance (故事效能)
amp-story-page-outlink (AMP 故事頁面外連結)
- 🐛 強制頁面外連結使用 target='_top'，以防止在 Safari 上導覽中斷 #36428
story-ads (故事廣告)
- 🐛 使用 target=_top #36419
amp story 360 (AMP 故事 360)
- 🚮 移除不必要的 .then 陳述式 #36409
Story documentation (故事文件)
- 📖 新增影片上需要自動播放 #36398
Story devtools (故事開發人員工具)
- 🐛 已修正驗證器未載入的問題 #36404
Story loading (故事載入)
- 🐛 在預先轉譯期間傳送 storyContentLoaded #36307
Amp story panning media (AMP 故事平移動態媒體)
- 🐛 設定 amp img 元素的寬度和高度 #36340
桌機版單頁
- 2021-background 預設值未最佳對齊 #35796
接下來的規劃
- 購物體驗開發 - LCP 改善
營利
狀態更新：2021 年 10 月 2 日星期六已完成事項
Amp monetization (AMP 營利) - amp-lightbox amp-ad 固定式 CSS 衝突已修正 - amp-ad 固定式屬性驗證器已更新，允許頂端和右下角 - amp-ad 固定式廣告查詢參數修正，以及 doubleclick 的自動隱藏修正
Story ads (故事廣告) - 已修正 Analytics 時間戳記遺失問題 - 探索放寬 amp 廣告要求的構想 - 已修正黃色進度列未正確填滿的錯誤 - 已修正在滑動時使用 top=_blank 的相關錯誤
接下來的規劃
Amp monetization (AMP 營利) - 固定式廣告實驗重新開始 - 網頁插頁式廣告頻率上限討論
Story ads (故事廣告) - Analytics 重新設計 - 執行具有新 CTA 的自動推進以監控影響 - 完成新增新庫存的文件 - 選擇加入實驗的新示範頁面
Stories (故事)
狀態更新：2021 年 10 月 1 日星期五amp-story-panning-media (AMP 故事平移動態媒體)
- 🐛 在 amp-img el 上設定寬度 #36217
其他
接下來的規劃
- 開發 amp-story-shopping (AMP 故事購物) 設計文件
- 故事影片編解碼器開發
營利
狀態更新：2021 年 10 月 1 日星期五已完成事項
Amp monetization (AMP 營利) - 已推出固定式廣告 gutter - amp-sticky-ad 至 amp-ad 升級實驗再次執行：效能優於修正前，但仍需要調查 - amp-auto-ads 支援插入頂端固定廣告 - 解決大量新的聯播網整合 PR
Story ads (故事廣告) - Analytics 重新設計討論 - 自動推進啟動分析
接下來的規劃
Amp monetization (AMP 營利) - amp-sticky-ad 至 amp-ad 升級實驗調查 - 快速擷取廣告聯播網時間戳記
Story ads (故事廣告) - Analytics 重新設計 - Analytics 時間戳記調查 - 執行具有新 CTA 的自動推進以監控影響
Bento
狀態更新：2021 年 10 月 1 日星期五Stories (故事)
狀態更新：2021 年 9 月 2 日星期四已完成事項
Attachment Forms (附件表單)
Amp story player (AMP 故事播放器)
- ✨ 啟動面板播放器 #35423
Panning media (平移動態媒體)
Story interactives (故事互動功能)
- 📖 為資訊對話方塊新增文件 #36079
Story performance (故事效能)
- 🖍 為單位和範例故事新增 CSS 規則 #36007
影片
- 如果影片快取要求失敗，則回退至原始來源 #36071
其他
接下來的規劃
- Amp story shopping (AMP 故事購物) 技術設計
- LCP 改善
營利
狀態更新：2021 年 9 月 2 日星期四已完成事項
Amp monetization (AMP 營利) - 固定式廣告 gutter 程式碼完成 (寬 120 像素，在可視區域 > 寬 1024 像素時) - amp-sticky-ad 至 amp-ad 升級實驗修正 - 檢視器中 attribution-reporting 工作程式碼完成
Story ads (故事廣告) - 管道修正 - Analytics 改善文件
接下來的規劃
Amp monetization (AMP 營利) - 網頁插頁式廣告新設計將在設計審查中進行
Story ads (故事廣告) - 推出新的版位演算法 - 以素材類型為基礎的分析
Bento
狀態更新：2021 年 9 月 2 日星期四已完成事項 🍱
amp-reddit：測試amp-iframe：實作 可見度功能amp-mathml：已轉換為 Bentoamp-lightbox-gallery：錯誤修正worker-dom：改善效能- 更多文件！
接下來的規劃 ⏩
amp-dailymotion：轉換為 bentoamp-analytics：轉換為 bentoamp-jwplayer：轉換為 bento- 將 bento 套件發布至 npm
Stories (故事)
狀態更新：2021 年 9 月 1 日星期三已完成事項
Story performance (故事效能)
- 🚀 將「僅載入第一頁」實驗設定為 50% #35770
- 🚀 設定故事預先樣式 #35829
- ♻️ 簡化範本 CSS，使用 attr 屬性而非 class 類別 #35861
- 🚀 將僅載入首頁實驗設定為 1 #35970
Story animations (故事動畫)
- 🐛 修復預先渲染恢復動畫 #35987
Story 影片
- 📖 為 Google 快取新增影片文件 #35609
Story 圖片
- 在 iOS 15 的 Stories 上，長按圖片會展開圖片 #35381
Amp story page attachment (AMP 故事頁面附件)
- 🐛 將 title 屬性傳遞至可拖曳的抽屜式頁首 #35863
動畫預設
- 桌面面板模式，在頁面轉換後啟動動畫 #29753
其他
- amp-story-page-outlink 屬性 cta-accent-color 的預設值 #34983
- Story 播放器上的暫停按鈕無法運作 #35640
- 🐛 在附件關閉時重設頁面附件捲動位置 #35778
- 移除桌面 3 面板 UI 和相關程式碼。 #35623
- 解決 Chrome 上 ScreenOrientation lock Illegal invocation 錯誤 #35659
- 🐛 切換工具提示疊加層上的桌面屬性 #35772
接下來的規劃
- Stories 中的購物整合
- 已翻譯字串更新
營利
狀態更新：2021 年 9 月 1 日星期三已完成事項
Amp 營利 - attribution-reporting 端對端測試
Story 廣告 - 生態系統分析改進 - 新 CTA 實驗開始 - 自動推進發布
接下來的規劃
Amp 營利 - attribution-reporting 跨不同檢視器支援 - 網頁插頁式廣告
Story 廣告 - 監控新 CTA 效能 - 規劃自動產生的 DV3 廣告範圍
效能
狀態更新：2021 年 9 月 1 日星期三Bento
狀態更新：2021 年 9 月 1 日星期三已完成事項 🍱
元件
BentoDailymotion程式碼完成useIntersectionObserver自訂 Hook 已合併並由amp-timeago、amp-iframe使用BentoCarouselRTL 支援中的錯誤修正- 新增切換預留位置和後備資源的支援，並在 AMP 模式 ampproject/amphtml#35821 中使用
- 將 Bento Preact 元件重新命名為以
Bento為前綴
工具
- 持續將 Storybook 從 knobs (已棄用) 遷移至 controls
- Storybook 文件更新至
testing.md和樣式建議 - 修正
eslint-plugin-react會將小寫名稱 (<div>) 視為已使用變數的錯誤 https://github.com/yannickcr/eslint-plugin-react/pull/3070 - 為現有 Bento 元件的 npm 發布建立
README.md檔案
接下來的規劃 ⏩
- 為 Bento 與 AMP Web Components (bento-.js 和 amp-.js) 建置擴充功能兩次
- 繼上次衝刺後的文件最後一哩路
amp-mathml/bento-mathml/BentoMathml持續進展amp-dailymotion/bento-dailymotion持續進展
Stories (故事)
狀態更新 2021 年 8 月 3 日星期二Amp story
Story performance (故事效能)
- 🚀 將「僅載入第一頁」實驗設定為 50% #35770
動畫預設
- 桌面面板模式，在頁面轉換後啟動動畫 #29753
Bento
狀態更新 2021 年 8 月 3 日星期二已完成事項 🍱
amp-date-display: 支援timeZoneName和timeZoneNameShortamp-iframe: 將 iframe 包裝在 shadow-dom 和 ContainWrapper 中- 修正損壞的 npm bento 套件
- 修正 SSR'd AMP 頁面上零星的渲染問題
接下來的規劃 ⏩
- 文件衝刺
useIntersectionObserver: 自訂 Hookamp-tiktok: 修正 CLS 問題bento-dailymotion: wipbento-reddit: wip- 修正跨 Bento 元件的預留位置/後備資源切換
Stories (故事)
狀態更新 2021 年 8 月 2 日星期一已完成事項
Story performance (故事效能)
Story 互動式
- 新增在滑桿上支援表情符號 #35113
- 🖍️ 圖片測驗的 A/B/C/D 泡泡的色彩邏輯 #35174
- 🐛 圖片測驗和投票的選後填滿錯誤修正 #35274
- 🐛 修正圖片測驗的選後動畫不精確問題 #35292
- ✨ 啟用互動式免責聲明並新增文件 #35293
- 🖍️ 圖片測驗和投票的百分比文字的文字陰影 #35324
- 在行動裝置上拖曳時停用滑桿上的疊加層 #35358
- ✅ 將具有無效端點的圖片測驗和投票新增至範例 #35359
- ✨ 新結果元件的骨架 #35400
- 🖍️ 樣式設定缺少圖片的圖片測驗和投票 #35420
- 🖍️ 調整滑桿樣式以在 Firefox 上運作 #35432
- RTL 支援 #35340
Amp story player (AMP 故事播放器)
影片
- 透過 CSI 追蹤影片快取實驗。 #35242
- 統一舊版和遠端影片快取系統的 CacheState 追蹤。 #35252
- 預先渲染和預先載入遠端影片快取。 #35272
- 僅向檢索器提供常青非快取影片來源。 #35357
- 實驗以限制 Story 首頁上的最大影片位元率。 #35389
其他
- 無法在 Stories 中搭配 <feBlend> 使用 SVG #35430
- 改善 Stories 的螢幕方向鎖定 #35478
- amp-story-desktop-one-panelbackground-blur 在選取器中包含影片 #35131
接下來的規劃
- 新互動式元件 (圖片測驗和投票/滑桿) 的文件/驗證和發布
- 桌面單面板發布
- 影片改進
- iOS15 錯誤修正
營利
狀態更新 2021 年 8 月 2 日星期一接下來的規劃
Amp 營利 - 本週開始擴大使用 amp-ad 渲染 amp-sticky-ad 的伺服器端控制實驗 - 網頁插頁式廣告 UI 的進一步工作 - 實驗性支援左/右黏性廣告，並設有保守的大小限制
Story ads (故事廣告)
Bento
狀態更新 2021 年 8 月 2 日星期一一般更新 🆕
- 歡迎 @kvchari 加入團隊 🎉 🎉 🎉
已完成事項 🍱
amp-audio實作已開始amp-brightcove連接埠完成amp-copy實作已開始amp-dailymotion連接埠正在進行中 (Preact 層完成)amp-iframe針對原生 iframe 的調查 - 調查結果amp-lightbox-gallery連接埠完成，手勢功能除外amp-sidebar連接埠完成，手勢功能也除外amp-render發布後續錯誤修正amp-twitter預留位置錯誤修正
接下來的規劃 ⏩
amp-analytics早期調查和設計amp-audio持續進展amp-copy在設計審查中討論amp-dailymotion連接埠正在進行中 (AMP 層)amp-iframe持續進展- 調查現有的手勢程式庫和 Bento 的未來解決方案
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 8 月 1 日星期日已完成事項
- 修正關於單一範本根元素的兩個
amp-render問題。 amp-dailymotion(Classic) 的自動播放變通方案amp-consent:- 移除兩個舊的實驗標記。
- 允許
SOURCE_URL替換。 - 支援
CONSENT_INFO和CONSENT_PAGE_VIEW_ID_64 - 調查
promptUI閃爍問題，設計新的 API 以防止此問題。 - 釐清
amp-story-consent的未定義行為 - 移除
amp-audio動作中多餘的amp-story檢查 - 修正 CSS 選取器洩漏到渲染的 amp.dev 範例中
- 禁用詞維護
- Bento 連接埠和相容性的進展
amp-iframe調整大小amp-analytics設計amp-dailymotion連接埠amp-reddit連接埠
經驗學習
接下來的規劃
Kidist 本週將離職。請務必向她道別！
- 完成
amp-iframe的功能 (交叉點條目) - 修正
amp-next-page問題 - Bento 連接埠和相容性的進展
amp-iframe調整大小amp-analytics設計amp-dailymotion連接埠amp-reddit連接埠- 建置個別的
bento-*二進位檔 amp-consent: 根據伺服器回應支援重新標記提示後按鈕。
Stories (故事)
狀態更新 2021 年 8 月 1 日星期日營利
狀態更新 2021 年 8 月 1 日星期日已完成事項
Amp 營利 - 調查在 Safari 11 上回報的廣告問題 - 提議並實作使用者代理程式用戶端提示參數 - 允許廣告歸因報告 - 修正 amp-ad 黏性廣告的 Doubleclick 擴充功能廣告請求參數 - 清理 amp.dev 上的 amp-ad 供應商清單 (新增遺失的供應商) - 防止高頻率重複的廣告調整大小請求
Story ads (故事廣告)
Bento
狀態更新 2021 年 8 月 1 日星期日已完成事項 🍱
- 自動包裝已準備就緒
amp-analytics:0.1功能範圍界定和設計討論amp-facebook-*元件現在是有效的 AMPamp-iframe透過IntersectionObserver進行無執行階段動態調整大小，正在進行中 https://github.com/ampproject/amphtml/pull/35566amp-ima-video正在進行中- 準備 React/Preact 和 Bento 模式的範例文件
- 從 AMP 特定執行階段依賴性 (建置常數、
getMode等) 推斷ProxyIframeEmbed
接下來的規劃 ⏩
amp-analytics服務庫存和調查amp-dailymotionWIPamp-iframeWIPamp-ima-videoWIPamp-redditWIP- React/Preact 相容性改進
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 7 月 7 日星期三已完成事項
amp-render已完成程式碼。 🎉amp-tiktok已完成程式碼。 🎉- 完成
amp-analytics上的工作階段支援。 - 完成
amp-analytics上影片事件的多個元素選取。 amp-next-page和amp-analytics上的錯誤修正- 在 IE 上支援
new Set(iterable) - 修正
html-templatelint 規則，以處理無效的多行自動關閉標籤，並自動修正相關的 SVG 標籤。
經驗學習
接下來的規劃
- 將
amp-iframe連接埠移植到 Bento。 - iOS 15 上的
amp-carousel問題。 amp-dailymotion到 Bento。- 登陸自動包裝以在沒有
v0.js的情況下執行元件 - 將瀏覽器事件通用地傳播為分析事件
Bento
狀態更新 2021 年 7 月 7 日星期三已完成事項
- 自動包裝變更為使用限制性方法
- 適用於 new Set 的 IE Polyfill
amp-lightbox-gallery基本、群組、標題和唯一性功能- AMP 層的 Bento 元件中的
forceChangeHeight->attemptChangeHeight - 開始處理
amp-iframe amp-render最後的發布位元，包括resizeToContents、驗證和部落格amp-tiktok已合併- 使 Bento 編譯器執行緒安全
- 移除
amp-viz-vega - 在設計審查 + 實作中討論整合
amp-facebook PreactBaseElement中的overflow支援
接下來的規劃
- 接管 GA4
- 登陸自動包裝，將工作拆分為限制性存取此方法
- amp-lightbox-gallery 影片支援、分析事件和驗證
- 未來幾週內 AMP 0.1 元件變更以從其
buildCallback中提取 - 分離修改 DOM 的部分，包括amp-fit-text amp-dailymotion實作
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 7 月 1 日星期四已完成事項
- 瀏覽器事件傳播至 Analytics 的進展。
- Bento amp-iframe 正在進行中 (基本 PR、預留位置行為)
- 修正
amp-titkok中略過的測試 - 已驗證
amp-carousel上的 iOS 捲動貼齊錯誤 - 修正 Storybook 問題，其中輸出檔名包含
~ - 修正損壞的
z-index格式設定，以及產生方式
經驗學習
某些 WebKit 變更僅在上游瀏覽器 Beta 版上，且某些導入的錯誤僅出現在 iOS 上。在發布之前，對 iOS Beta 版執行手動測試通過非常重要。
接下來的規劃
(@dmanek 本週 OOO) (@alanorozco 是建置警察)
- Bento
amp-iframe: 執行階段調整大小和同意聲明資料 - Bento
amp-dailymotion - 登陸傳播瀏覽器事件
- GA4
營利
狀態更新 2021 年 7 月 1 日星期四已完成事項
Amp 營利 - 網頁插頁式廣告規劃。與 Google AdSense 和 GAM 團隊合作，以釐清 AMP 和供應商之間的技術界線，並完成介面。 - 網頁插頁式廣告原型運作正常。下週進行設計審查。 - 修正舊樣式黏性廣告棄用通知
Story 廣告 - 關於新興市場 Story 廣告策略的討論 - 開始與檢視器共用實驗，以自動推進廣告和頁面 - 修正錯誤，以針對桌面支援傳送正確的大小 - 修正不穩定的實驗測試
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 6 月 7 日星期一已完成事項
- 工作階段分析 PR 適用於 SessionId、CreationTimestamp 和 SessionCount (https://github.com/ampproject/amphtml/issues/33990)
- AMP 表單回滾，新增在變更時缺少對驗證的支援 (https://github.com/ampproject/amphtml/pull/34849)
amp-render繫結 API 變更amp-render驗證變更- 已發布
amp-tiktok amp-dailymotionbento 版本 PR
經驗學習
接下來的規劃
- 工作階段分析:
LastEventTimestamp和Engaged - 適用於快速連結的新 AMP 元件，設計
amp-iframe錯誤amp-render完成其他 PR-
amp-dailymotion繼續工作
營利
狀態更新 2021 年 6 月 7 日星期一已完成事項
Amp 營利 - 已合併頂部黏性廣告實作 - 頂部黏性廣告效能分析 - 網頁插頁式廣告原型已開始 - 在 inabox 上關閉 INI InOb 以減輕效能問題 - 修正在未簽署中的 <gwd-animation> 錯誤 - 在 amp-ad-exit 中支援新的轉換追蹤 API
Story 廣告 - 新的黃色進度列變體實作
Bento
狀態更新 2021 年 6 月 7 日星期一已完成事項
一般 - 改善 ...rest 物件展開運算子的效能: - 在模組之間共用 objectWithoutProperties 協助程式 (縮減大小，ampproject/amphtml#34601) - 提升省略的索引鍵 (執行階段效能，babel/babel#13384) - Bento 入職文件 是 Bento 相關資源的中心位置 - npm 自動發布現在已上線
元件 - amp-dailymotion 實作已開始 - Facebook 和 amp-facebook 現在已完成程式碼 - amp-render 最後一哩路: - binding 支援 - 文件 - 剩餘的 TODO 和錯誤修正 - LightboxGallery、Facebook、amp-fit-text 的單元測試 - 新增至 Sidebar 的 Toolbar 已合併
接下來的規劃
一般 - 自動包裝 (因此 Bento 元件將可在頁面上沒有 v0 的情況下使用！) - 3p Iframe Bento 貢獻指南 - src/core 遷移繼續進行，我們可能可以在此衝刺中開始類型檢查 Bento 元件
元件 - amp-dailymotion 的持續工作 - amp-ima-video 實作的 VideoProxyIframe - amp-facebook-page 和 amp-facebook-like - LightboxGallery UI 功能
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 6 月 2 日星期三已完成事項
- 完成
amp-tiktok的最終細節 - 繼續處理 bento
amp-dailymotion - 已登陸
amp-analytics的SessionId(https://github.com/ampproject/amphtml/pull/34521) - 工作階段分析 PR 適用於上次事件時間戳記 (https://github.com/ampproject/amphtml/pull/34816) 和工作階段計數 (https://github.com/ampproject/amphtml/pull/34850)
- 用於 Linker 的選擇加入相同網域比對 (https://github.com/ampproject/amphtml/pull/34821)
- 適用於直播控制項的
amp-ima-video錯誤修正 (https://github.com/ampproject/amphtml/pull/34865) - 適用於
amp-analytics的多影片選取器 PR 正在進行中 (https://github.com/ampproject/amphtml/pull/34841)
經驗學習
接下來的規劃
- 登陸工作階段分析的其餘部分 + engaged 巨集
- GeoHash 實驗的設計審查
- 登陸自動包裝
- 登陸 Bento dailymotion
- 適用於
amp-analytics的自訂瀏覽器事件的設計 - 發布
amp-render
營利
狀態更新 2021 年 6 月 2 日星期三User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 5 月 2 日星期日已完成事項
- 工作階段分析隱私權審查通過，
sessionId巨集支援已開始 - 繼續研究 SSR
amp-consent內嵌同意聲明對話方塊 amp-render預留位置、後備資源、載入器和繫結屬性支援，以及文件amp-tiktok預留位置、載入器和驗證
經驗學習
接下來的規劃
- Bento dailymotion 元件
- 補充工作階段資料支援
amp-render研究版面配置容器支援 + 其他工作amp-next-page問題- 研究
amp-consent回報的問題
營利
狀態更新 2021 年 5 月 2 日星期日已完成事項
Amp 營利 - 頂部黏性廣告不調整 padding-top - 在 amp-auto-ads 中，在上方插入廣告大多看不見，但會導致 CLS - 3p 供應商分割擴大至 50% - 調查 infra 的迴歸
Story ads (故事廣告)
Bento
狀態更新 2021 年 5 月 2 日星期日已完成事項
amp-facebook整合內部實作並進行測試amp-render- 後備資源支援
- 預留位置支援
- 驗證
amp-sidebar- Toolbar 的 Preact SSR 實作
- NPM 發布
- 與 Dev Rel 進行關於 NPM Readme 建立的初步對話
- 已完成發布所需轉換的 13 個元件 (最新的是
amp-base-carousel)
接下來的規劃
amp-render- 載入指示器
- 繫結支援
amp-sidebar- Toolbar 的 amp SSR 實作
- NPM 發布
- 轉換剩餘的兩個 Dev Preview 元件
- 套件檔案和產生指令碼所需的更新
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 5 月 1 日星期六已完成事項
- 在檢視器中支援文字片段反白顯示
amp-renderURL 變數替換支援amp-analytics工作階段分析設計審查- 移除檢視器上
amp-consent同意聲明儲存限制
經驗學習
接下來的規劃
- 工作階段分析設計審查補充資料的隱私權審查
amp-analyticsSESSION_ID低熵支援amp-consent減少內嵌同意聲明提示的 LCPamp-render後備資源/預留位置支援 + 其他修正amp-next-page錯誤修正
Bento
狀態更新 2021 年 5 月 1 日星期六已完成事項
- 建置 Bento 影片播放器的指南
- 支援
amp make-extension標記--nojss amp-video-iframe已合併並通過驗證amp-vimeo已合併並通過驗證amp-ima-video連接埠正在進行中- 需要重組
ProxyIframeEmbed以與VideoBaseElement結合使用 - 由兩個版本載入的 iframe 的變更: 結構化子項和統一的方法名稱
- OWNERS 變更和測試清理
amp-ima-video使用者體驗改進- 調查將
sandbox屬性引入amp-facebook-*元件 - Preact
Twitter元件和 Storybooks 已合併 - npm 發布
- npm 上的 10 個元件，例如
amp-fit-text - 另外 4 個元件需要檔案結構轉換才能發布
amp-sidebar工具列 Preact 實作已合併- (無效 AMP): 支援在與
amp-img整合的元件中使用img正在進行中
接下來的規劃
- 繼續進行中的工作
amp-ima-videoamp-sidebar工具列img支援- npm 發布
- Bento 影片播放器透過 AMP 層中的同意聲明服務傳遞同意聲明
amp-brightcove的 Bento 連接埠- 調查安全移除
examples/，這些範例已透過 Storybook 範例完整涵蓋 - 其他
amp-facebook元件的 Bento 連接埠 amp-render對placeholder的支援
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 4 月 2 日星期五已完成事項
amp-next-page錯誤修正，其中子項陰影文件未使用與主機頁面相同的檢視器 CID- GA4 會議，在
amp-analytics中建立關於工作階段分析的設計文件 - 與檢視器團隊討論現有的 localStorage 大小限制，以允許儲存更大的同意聲明資訊條目
amp-render: XSSI 前綴支援和重新整理功能amp-next-page錯誤修正，以在檢視器中提供時錯誤地取代歷程記錄amp-tiktok: 驗證器支援、載入器支援和後備資源支援
經驗學習
接下來的規劃
- 工作階段分析設計審查
- 實習計畫
amp-renderurl 替換支援amp-render預留位置和後備資源支援- 更多
amp-next-pageP1 amp-img棄用amp-analytics中的SESSION_ID
營利
狀態更新 2021 年 4 月 2 日星期五已完成事項
Amp 營利 - 3p 供應商分割已擴大至 10% 的生產環境 - 頂部黏性廣告實作完成 - 合併初步修正，以解決 amp-auto-ads 上的 CLS 問題，並進行更多調查 - 啟動保留實驗，以測試 amp-auto-ads CLS 修正的營收影響 - 由於缺少 CORS 標頭，修正開發伺服器上損壞的 A4A 包裝 - 網頁插頁式廣告專案規劃會議。與 AdSense 和 Arrow 團隊審查設計草稿。 - 已發布未簽署
Story 廣告 - 自動推進廣告實驗 - 影片服務增強規劃 - 為版位實驗新增分支 (10 密度) - 新廣告徽章 - 修正錯誤，其中廣告頁面在自動分析中被計為自然頁面
接下來的規劃
Amp 營利 - 網頁插頁式廣告設計 - 頂部黏性廣告 - amp-auto-ads CLS 進一步調查
Story 廣告 - 自動推進廣告 - 影片服務後續追蹤 - 檢閱廣告版位實驗結果
Bento
狀態更新 2021 年 4 月 2 日星期五已完成事項
amp-facebook-comments初始實作amp-renderxssi-prefix和子物件支援- URL 替換替換正在審查中
- 在設計審查中討論
amp-sidebar工具列功能 amp-video-iframe實作正在審查中amp-vimeo實作- 開發人員預覽元件的驗證貢獻
- 移除「精簡」檢視器的概念
- 擴充功能產生器實作現在在 Bento 和 Classic 中共用。
- Chore: 棄用 Storybook 使用
withAlly，並取代為更新的組態 - Chore: 更新某些 OWNERS 檔案以屬於 Bento/Components
接下來的規劃
amp-facebook-*後續工作和元件- 嘗試包含
sandbox(先前僅針對這些項目排除) - 依列舉而非自訂元素標籤名稱分支元件嵌入
amp-render- 預留位置和後備資源支援
layout=containeramp-sidebar- 調查 CLS
- 根據設計審查學習執行工具列功能
- 手動將 Bento 元件發布至 npm
- 深入探討處理第三方問題和貢獻
- 將 mustache 編譯為 JSX 的設計審查
- 重新設計自動播放偵測。
- 下一個 Bento 影片播放器，可能是
amp-brightcove或amp-dailymotion
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 4 月 1 日星期四已完成事項
amp-tiktok已合併- 處理獨立圖片的
amp-img驗證 amp-analytics中SESSION_ID巨集的工作已開始- 處理
amp-render(amp-script 支援、後備資源/預留位置) amp-next-page觸發早期捲動事件的錯誤已修正amp-carousel索引和搖晃投影片錯誤已修正
經驗學習
接下來的規劃
- GA4 MVP 支援的設計
amp-next-pageCLIENT_ID 錯誤- 實作
session_id巨集 - 完成 TikTok 測試
- 繼續
amp-render工作
Bento
狀態更新 2021 年 4 月 1 日星期四完成了什麼 🍱 ✅
amp-render可繫結 src PR 已合併- 與快取團隊合作處理開發人員預覽元件的驗證器變更 (仍在實驗中)
- Storybook 已升級至版本 6
- 由於 Chrome 團隊在 API 中的變更，已從
amp-accordion移除顯示鎖定 - 此處提供早期 Bento 回饋 (技術/產品) here
- Bento 編譯器在安全性與隱私權審查中
- 在 4/6 的 Deep Dive 中簡報關於 Shadow DOM - 投影片, 影片
接下來的規劃 ⏩
- 繼續所有開發人員預覽元件的驗證器工作 (仍在實驗中)
amp-render支援物件和 amp-render- AMP 模式中的
amp-sidebar工具列功能 amp-twitter正在進行中的工作amp-next-page初始評估
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 3 月 3 日星期三已完成事項
- 各種
amp-renderPR 已發布 amp-next-page分析amp-next-page-scroll錯誤amp-tiktoke2e 測試已發布SESSION_ID巨集設計審查amp-carousel事件傳播至檢視器錯誤修正- 在 A4A 中傳送至 doubleclick 和 adsense 的美國隱私權字串
經驗學習
接下來的規劃
- 繼續處理
amp-render(預留位置 + 後備資源、動態調整大小、amp-script 案例) SESSION_ID實作- 提交
amp-tiktokPR amp-img棄用amp-analytics中的使用者代理程式用戶端提示低熵amp-analytics中的人口統計資料和興趣分析
Bento
狀態更新 2021 年 3 月 2 日星期二完成了什麼 🍱 ✅
- 自動化設計審查問題建立
- 開始驗證開發人員預覽元件 (仍在實驗中)
- 總結 carousel 元件的 CLS 調查
- 為 Bento 元件引入排程，例如 lightbox 和 sidebar
- 在 Preact 模式中合併
SidebarToolbar功能 - 現在在建置/發布期間產生 npm 二進位檔以供 npm 發布
- 具有遠端、可繫結
src和amp-state通訊協定的amp-render初始實作 amp-twitter的原型
接下來的規劃 ⏩
- 與 infra 👋 🏗️ 合作以發布 npm 二進位檔
- 驗證所有開發人員預覽元件 (仍在實驗中)
- AMP 模式中的
amp-sidebar工具列功能 amp-render支援amp-script通訊協定和placeholderamp-twitter正在進行中的工作- 收聽下週深入探討中的 shadow DOM 示範
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 3 月 1 日星期一已完成事項
amp-tiktokPR 已發布以供審查amp-render繼續工作amp-next-pagescrollTo 錯誤修正- 關於在 a4a 中支援
us_privacy參數的討論 - TCF PostMessage API 的部分發布
- 細微同意聲明開發人員文件
- 支援在
amp-form外部的<input>支援form屬性
經驗學習
接下來的規劃
- 提交
amp-tiktok - 完成
amp-render amp-next-page取代歷程記錄錯誤amp-analytics中的session_id巨集- 從
amp-analytics和amp-consent設計中分割 linker/cookie writer 模組
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 3 月 1 日星期一已完成事項
- 效能
- 修正週，專注於程式碼健康狀態和測試涵蓋率 (已關閉 12 個問題，另有 7 個問題正在進行中)
amp-consentTCF PostMessage Proxy API 已發布，收集意見反應addtl_consent已新增至 doubleclick 和 adsense 請求 url- 文字片段反白顯示，探索伺服器端轉換
經驗學習
接下來的規劃
amp-consent細微同意聲明發布amp-analytics中的session_idMACROamp-tiktok實作amp-render實作
營利
狀態更新 2021 年 3 月 1 日星期一已完成事項
AMP 貨幣化 - 從廣告傳遞已通過的版本資訊給 FIE - 推出免簽章功能 - 使用 esbuild 改善供應商 JS 建置效能，在測試和發佈流程中重新開始建置
故事廣告 - 導入滑動追蹤觸發器 - 修正媒體池無法辨識廣告頁面距離的錯誤 - 導入新的 StoryAdPagemanager 類別，作為版位演算法重構的一部分
接下來的目標
AMP 貨幣化 - 推出供應商拆分實驗！
故事廣告 - 將現有演算法實作為新的 StoryAdPlacementAlgorithm 子類別 - 實作新的版位演算法
營利
狀態更新 2021 年 3 月 1 日星期一已完成事項
修復週 - 修復/關閉 7 個問題。另有 2 個正在進行中 - （程式碼已完成，待安全審查）變更 3p iframe 以對 frame.html 使用確定性網域 - 重新啟用 AMPHTML-AD Visual diff 測試 https://github.com/ampproject/amphtml/issues/31199 - 允許在免簽章中使用 AMP polyfills - 讓 test-amp-a4a.js 不再那麼不穩定 - 將故事廣告 CTA 移至 shadow DOM - 更新故事廣告的 AdSense 文件
AMP 貨幣化
故事廣告
接下來的目標
AMP 貨幣化 - 3p frame 拆分 PR 因影響 CI 效能而還原，一旦修復後將開始實驗 - 推出免簽章功能！
故事廣告 - 會議討論新的版位權衡。- 版位演算法的封裝。- 實作滑動追蹤
Bento
狀態更新 2021 年 3 月 1 日星期一完成了什麼 🍱 ✅
amp-fit-text伺服器端實驗，以衡量 v0 的效能amp-render基礎實作amp-sidebar工具列設計- 調查
amp-carousel、amp-base-carousel和相關元件中的 CLS
經驗學習 👩🎓
接下來的規劃 ⏩
- Bento npm 發佈
amp-render- 從
amp-script載入 - placeholder 支援
- 從
- 修復一些 carousel CLS 問題
- 初探
amp-twitter - 影片停靠功能積極開發中
Bento
狀態更新 2021 年 3 月 1 日星期一已完成事項 ✅
修復週 🔨
amp-youtube在命令式 API 中支援currentTime和durationhttps://github.com/ampproject/amphtml/pull/32804amp-selector對混合disabled+selected狀態具有樣式支援 https://github.com/ampproject/amphtml/pull/32825amp-accordion0.1和1.0尊重預先存在的role屬性 https://github.com/ampproject/amphtml/pull/32915amp-timeago0.1和1.0已遷移至最新的timeago.js函式庫（從third_party/到node_modules），現在支援 7 種以上語言amp-sidebarhttps://github.com/ampproject/amphtml/pull/32837、amp-social-sharehttps://github.com/ampproject/amphtml/pull/32881 和amp-accordionhttps://github.com/ampproject/amphtml/pull/32958 的 e2e 測試- 記錄 基於媒體的屬性 並在
amp-fit-text上啟用 https://github.com/ampproject/amphtml/pull/32824 BaseElement['props']重構以簡化子項配置 https://github.com/ampproject/amphtml/pull/32936objstr:- 在更多元件中使用 https://github.com/ampproject/amphtml/pull/32893
- 編譯完成 https://github.com/ampproject/amphtml/pull/32872
- JSS
- 轉換編譯輸出為
export const className以縮減檔案大小 https://github.com/ampproject/amphtml/pull/32888 - 收集 z-index https://github.com/ampproject/amphtml/pull/32847
- 轉換編譯輸出為
- Shadow DOM polyfill https://github.com/ampproject/amphtml/pull/32820
通用 🍱
LightboxGalleryPreact 實作- 用於 npm 套件的元件檔案重組
- 使用 ES build 產生 NPM 二進位檔
- 延遲建置和非同步暫停系統 的設計審查
- 使用
gulp get-zindex [--fix]以確保css/Z_INDEX.md是最新的
經驗學習 👩🎓
- 我們可以透過對
<head>節點停用 prettier，停止 prettier 炸毀 HTML 文件上的樣板程式碼。
接下來的規劃 ⏩
amp-lightbox-galleryAMP 層amp-sidebar積極開發中- 影片停靠功能積極開發中
- 分析
amp-fit-text0.1->1.0自動升級的效能影響
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 2 月 1 日 星期一已完成事項
amp-next-page處理提交的多個同意聲明amp-render設計審查amp-tiktok工作amp-fit-textdeflaking e2e 測試amp-consentTCF 2.0 PostMessage API & 細緻化同意聲明 PR
經驗學習
接下來的規劃
amp-render實作amp-next-page讀取器 ID 問題amp-tiktokamp-fit-textCSS 問題amp-consentTCF 2.0 PostMessage API & 細緻化同意聲明- 拆分 Linker/Cookie Writer 設計
- 在 a4a url 請求中使用
addtl_consent
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 2 月 1 日 星期一已完成事項
- 處理
amp-next-page內amp-consent的 PR amp-render設計amp-tiktok設計審查amp-fit-text新增更好的測試- 透過 CookieWriter 在
amp-consent中進行 CID 同步 amp-consentTCF PostMessage API 法律核准
經驗學習
營利
狀態更新 2021 年 2 月 1 日 星期一已完成事項
AMP 貨幣化 - AMP 現在建置個別的 3p iframe integration.js，並完成重構以動態選擇 3p iframe 的 JS - AMP-AD CSS 實驗已開啟（封鎖頂部橫幅固定廣告）- 執行 CWV 實驗，關閉廣告 render-on-idle 功能。結果非常雜訊。未從 canary 流量取得足夠的資料點。- 推出 fie/inabox amp 元素的 eager 建置 - 允許廣告聯播網在免簽章中選擇退出用戶端驗證
故事廣告 - 新故事廣告演算法影響的探索
Bento
狀態更新 2021 年 2 月 1 日 星期一已完成事項
- npm 套件進行中
- 影片停靠功能進行中
- 貢獻 obj-str Babel 轉換，以改進類別名稱建構
- 側邊欄動畫已完成
- 開始使用 amp-fit-text 在 AMP 中為 Bento 元件啟動載入實驗
- 元件隔離的進度：測量、暫停/恢復和延遲建置。將在明天的設計審查中簡報。
- aspect-ratio 推出持續進行中
- 開始重構記錄寫入器的專案。
- 開始 lightbox gallery 的工作
經驗學習
- 我們一直在不同瀏覽器版本上渲染和測試視覺差異，這解釋了一些不穩定性。
Bento
狀態更新 2021 年 2 月 1 日 星期一已完成事項
- 🎉 我們推出了 開發者預覽版！
- 🎯
amp-social-share:focus透過 shadow DOM 支援 - ⬆️
amp-date-countdowncountUp功能 - 📦 在 npm 上發佈 Bento 元件 的設計文件
- ✅ e2e 測試現在支援跨元件版本共用 fixtures
- ⏰ 在 Bento 元件中調度 DOM 事件
- 📝 記錄 Bento 模式的命令式 API
- 🛥️ Preact 停靠功能的草稿實作
- 📸
aspect-ratio推出 - 🐛 各種錯誤修正
- iOS 網頁滾動
[placeholder]元素的非零line-height- 媒體屬性
經驗學習
接下來的規劃
- 📝
delegatesFocus的文件/深入探討 - 📂 元件檔案結構中的 Demo 變更，為在 npm 上發佈做準備
- 🛥️ 媒體停靠功能的持續進展
- 💡
LightboxGallery設計與實作 - 🔖
Sidebar持續進展
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 1 月 5 日 星期二已完成事項
amp-consent從檢視器提供的文件之 CSS 修復amp-carouselcherry pick 還原，以解決 CSS 樣式覆寫發佈者樣式的問題- 與 DevRel & Bento 團隊討論
amp-render block-rtc&always-serve-npaPR 已合併
經驗學習
- 謹慎使用
!important樣式，因為發佈者可能想要使用自己的樣式
Bento
狀態更新 2021 年 1 月 5 日 星期二已完成事項
- 大多數人休假中
- 年終錯誤大掃除的錯誤修正
- 命令式 API
- amp-sidebar 的工作已開始
經驗學習
- 透過
display: contents的 box-styles 傳播 1 頁文件
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2021 年 1 月 1 日 星期五已完成事項
- 處理
amp-next-page檢視器錯誤 amp-render腦力激盪和需求--amp-list的子集amp-fit-textResizeObserver 錯誤修復和測試amp-carousel觀察子元素錯誤修復- TCF PostMessage Proxy API 的法律審查
經驗學習
營利
狀態更新 2021 年 1 月 1 日 星期五已完成事項
AMP 貨幣化 - 為 RTC 請求導入 CLIENT_ID 巨集 - 將 FIE 廣告的個別資源管理器推出至 100%（實驗結果為正面）- RTC 變更所捕獲的迴歸被判定可能為 WAI。另一個實驗已開始驗證此假設。- AMP-AD CSS 變更實驗已開始 - 調查滾動反應式廣告實作及其效能限制
故事廣告 - 開始廣告版位設計文件 - Impression 計數變更以小百分比執行中
接下來的目標
AMP 貨幣化 - 頂部橫幅固定廣告實作 - 動畫固定廣告創意格式 - wg-monetization 接管 amp-access
故事廣告 - 完成廣告版位設計文件
Bento
狀態更新 2021 年 1 月 1 日 星期五已完成事項
- 準備好進行開發者預覽。等待一些 amp.dev 更新公開。
- 與開發者預覽相關的小錯誤修正。
- 側邊欄：RTL 和樣式修正
- 我們現在在整個 AMP 中都有 ResizeObserver polyfill
- 初始 resize-code 重構。
經驗學習
接下來的規劃
- 持續進行：影片停靠功能
- 開始：lightbox gallery
- 社群分享：焦點外框工作
- 持續進行：amp-truncated-text
- 升級 storybook
- 開始：適用於 (P)react 元件的 npm 套件
基礎架構
狀態更新 2020 年 12 月 7 日 星期一Bento
狀態更新 2020 年 12 月 7 日 星期一已完成事項
- carousel 基礎功能大多已完成
- Accordion：顯示鎖定已完成。
- 命令式 API：設計已完成。
- 疑難排解 IntersectionObserver 規格問題。
經驗學習
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2020 年 12 月 2 日 星期三已完成事項
amp-render的設計文件已完成，設計審查於 12/02 進行- 服務 NPA 廣告的程式碼已完成（於 2021 年第一季發佈）
amp-ima-video錯誤修正amp-fit-text無障礙功能修復審查中
接下來的規劃
- 在取得設計審查的回饋後，開始實作
amp-render - 開始設計
amp-listv2 - 致力於完成細緻化同意聲明的設計
- 致力於
amp-fit-texta11y 更新的 e2e 測試 - GA4 團隊將於 12/4 提供更新
基礎架構
狀態更新 2020 年 11 月 9 日 星期一已完成事項
- 迎接為期 2 週的發佈凍結期（beta 通道已更新，但非 stable/lts）
- 將 AMP 專案 CLA 遷移至最新的 OpenJS 協議
- Visual diff 基礎架構重新設計的進度
- 在 E2E 測試期間，檢測縮小化的程式碼以取得涵蓋率的進度
Bento
狀態更新 2020 年 11 月 9 日 星期一已完成事項
- 影片 iframe 程式碼已合併以用於 Preact
- 停靠功能的進度
- 靜態 Storybook 部署
- 將 CE disconnect/connect 實作為 Preact mount/unmount
- 建置媒體屬性的支援，包括布林媒體屬性
- amp-bind 在 Storybook 中受到支援
- accordion 的命令式 API 已完成
- accordion 的 Bind 協定已完成
- 持續移除 viewportCallback 的進度
- 開始 lightbox 實作
經驗學習
接下來的規劃
- 影片 iframe 的 amp-video-iframe 繫結
- carousel 中的自動前進
- carousel 縮圖
- carousel 對齊功能
- accordion 的 DOM 事件支援
- 重組 accordion 以獲得更好的 Preact 語意並支援顯示鎖定
- lightbox 的 Preact 和 AMP 繫結實作
User Interface & Accessibility (使用者介面與無障礙功能)
狀態更新 2020 年 11 月 2 日 星期一已完成事項
- 在
amp-autocomplete中新增prefetch的支援 amp-sidebar版面配置錯誤修正amp-render設計- 協調
amp-img棄用驗證變更的文件和公告 - 在 iframe 設計中執行 worker 已完成
analytics-chunk實驗清理backupCid實驗已在 canary & prod 中開啟- 發佈者發出訊號以始終服務 NPA 設計已完成
- 修正 video-analytics 單一百分比錯誤
- 修正
amp-base-carousel的 RTL 邊緣計算錯誤 - 修正
amp-carousel的滾動對齊
接下來的規劃
amp-render完成設計- iframe 實作中的 worker-dom
- 繼續與 GA 團隊洽談，以建立
amp-analytics中 GA4 支援的設計 - 目的 1 同意訊號
Bento
狀態更新 2020 年 11 月 2 日 星期一已完成事項
amp-accordion:- 外部 API 重組
- 無障礙功能屬性
amp-base-carouselsnap-align功能，可將投影片檢視於 carousel 檢視區的start或centeramp-lightbox初始實作amp-selector:- Arrow 鍵導覽和選取配置的
keyboard-select-mode功能 - Preact 單元測試
- 資源載入器和 intersection observer 的持續修正
- 命令式 API 設計與討論
- 為
amp-instagram、amp-youtube、amp-lightbox撰寫文件 - 從
BaseElement移除viewportCallback - PR 部署機器人與 Storybook 的整合
經驗學習
- 您可以透過將
import 'preact/debug';新增至故事的開頭，在 Storybook 中執行 Preact Devtools。 - 我們確保 AMP 中的
hidden為display:none，但在 Bento 模式中使用它更為脆弱（可覆寫）。
接下來的規劃
- 完成開發者預覽功能集並規劃 beta 版
- 命令式 API 的持續進展
amp-accordion:- 顯示鎖定
- 最後潤飾
amp-base-carousel:- e2e 測試
orientation功能，可將 carousel 配置為水平或垂直滾動dir="rtl"支援amp-selector與表單的整合
基礎架構
狀態更新 2020 年 10 月 2 日 星期五已完成事項
- 來自 10/26-11/8 的發佈凍結基礎架構更新
- AMP 已完全從 Google CLA 移至 OpenJS CLA
- 套件管理已從 Yarn 遷移至 NPM
- Travis 整合已從 travis-ci.org 遷移至 travis-ci.com
Bento
狀態更新 2020 年 10 月 2 日 星期五已完成事項
- 為混合長度和串流 carousel 類型建立原型
- Accordion：a11y 支援和樣式。
- Accordion：命令式 API 的工作已開始。
- 影片 iframe 和 YouTube 元件的程式碼已完成。
- 開始 lightbox 元件。在設計審查中簡報。
- 在整個執行階段中，以
IntersectionObserver取代viewportCallback。
經驗學習
接下來的規劃
- 繼續處理影片停靠功能
- 繼續處理串流和混合長度 carousel 類型。
- 繼續處理 lightbox 元件。
- 繼續處理 accordion 命令式 API、a11y 和結構。
- 支援媒體查詢屬性。
基礎架構
狀態更新 2020 年 10 月 1 日 星期四已完成事項
- 發佈流程的內部改進，包括來自 10/26-11/8 的凍結
- Beta 版瀏覽器/作業系統包含在手動測試矩陣中
- 現在可以在 E2E 和手動測試期間收集涵蓋率資料
- 已部署新的 OpenJS CLA 以用於
ampproject（尚未封鎖，最終將取代 Google CLA） - 套件管理的修正（Yarn 1 即將終止生命週期）
接下來的規劃
- 套件管理解決方案的設計審查（Yarn 1 vs. Yarn 2 vs. NPM）
- 自動化測試的測試結果收集和報告
- 發佈流程和錯誤報告的文件
- OWNERS 檔案的語法檢查
- 繼續處理進行中的發佈專案
基礎架構
狀態更新 2020 年 9 月 2 日 星期三已完成事項
- IE 11 整合測試現在正在封鎖
- 調查在 iOS 模擬器上執行 Karma 測試
- cherry-picks 和視覺測試產生的內部基礎架構改進
- 將自訂 AMP 封閉編譯器升級到 9 月，發現損毀 (https://github.com/ampproject/amp-closure-compiler/issues/22#issuecomment-699145802)
接下來的規劃
- 修正封閉損毀
- 重構內部 CI 程式碼
- 調查允許 iOS 測試的替代方案
- 將 Beta 版瀏覽器/作業系統納入手動測試矩陣
- 繼續進行中的專案（涵蓋率、發佈基礎架構、編譯工具鏈）
分析
狀態更新 2020 年 9 月 2 日 星期三已完成事項
- Inabox 廣告可見度追蹤：監聽視窗調整大小事件
- 啟用 CMP iframe 在背景執行 1 秒，以便他們可以在使用者動作後傳送更新
- 永遠服務非個人化廣告的簡易配置
- 在 localStorage 中備份 CLIENT_ID
- 偵錯：當使用者快速滾動到底部時，分析未載入
接下來的目標
- 分析服務監聽 img 的 onload 事件（
<amp-img>棄用工作的一部分） - 討論：元素層級細緻化同意聲明決策支援
- 討論：透過 postMessages 將 TCF 2.0 同意字串傳遞至 iframes
基礎架構
狀態更新 2020 年 9 月 1 日 星期二已完成事項
- 視覺差異內部的更新（以及發佈流程期間的穩定性修正）
- 發佈流程期間 cherry pick 內部的更新
- CI 管線改進的初步規劃
- 檢測縮小化的建置以進行程式碼涵蓋率測量
接下來的規劃
- 在 dev-server 和自動化測試期間檢測縮小化的執行階段
- 開始合併跨建置系統特定於 CI 服務的程式碼
- AMP 原始碼目錄重組的初步規劃
- 繼續處理其他進行中的專案
執行階段
狀態更新 2020 年 9 月 1 日 星期二已完成
- Justin
- Bento 自動封裝的進度
- 讓自動注入的 script 標籤在 ESM 中解析為模組
- 修正封閉編譯器以正確支援解構中的序列運算式
- Jake
- Bento 樣式
- 設計審查 (https://docs.google.com/document/d/1EiBj4Hy7cxhgl8GXw-8FeW7zIyL8reRI7NC9dJB7SR0)
- 確定性類別名稱產生和監看模式支援 (https://github.com/ampproject/amphtml/pull/30065, https://github.com/ampproject/amphtml/pull/30115)
- 修正
- 教導 babel-plugin-tests 如何在 Windows 機器上通過 (https://github.com/ampproject/amphtml/pull/30165)
- 協定轉接器：支援 load-more 屬性 (https://github.com/ampproject/amphtml/pull/30101)
- 資源系統 IntersectionObserver 實驗錯誤
- 使用過時的 measure: https://github.com/ampproject/amphtml/pull/30188
- Fill 版面配置跳過版面配置: https://github.com/ampproject/amphtml/pull/30167
下一步
- Justin
- 完成自動封裝，撰寫文件
- 開始 amp-img SSR 測試
- 更新 perf 指標以處理 SSR 實驗
- Jake
- Docker 化最佳化工具：遭審查封鎖
- 建置期間版面配置大小調整的整合測試
- 總結 Bento 樣式工作
- 研究執行階段/內部 csi 的更好實驗分析
分析
狀態更新 2020 年 9 月 1 日 星期二已完成事項
- 支援透過巨集收集同意聲明中繼資料
- 在報告可見度時，除了 intersectRatio 之外，還檢查元素大小
- 設計：在 localStorage 中備份 CLIENT_ID
- 偵錯：由於檢視區中流體 inabox 廣告大小調整，導致錯誤的可見度觸發器
- 偵錯：與故事團隊合作解決影片播放百分比觸發器問題
接下來的目標
- 引入一種簡單的方法，繞過使用者同意聲明決策並始終服務非個人化廣告
- 細緻化同意聲明支援設計
- 在 web worker 中執行 3p 服務提供者腳本 (I2I)
基礎架構
狀態更新 2020 年 8 月 3 日 星期一已完成事項
- 視覺測試內部的改進
- 產生 github 發佈工作流程的改進
- AMP 現在可以在 Windows 上建置和測試
- 發現 Safari 上測試不穩定的原因（不完整的 iframe 清理）
- 調查縮小化建置的程式碼涵蓋率
執行階段
狀態更新 2020 年 8 月 3 日 星期一已完成
- Justin
- amp-img SSR CL 已登陸
- 確保 SSR'd
<img>可見：https://github.com/ampproject/amphtml/pull/29955
- 確保 SSR'd
- 各種錯誤修正
- https://github.com/ampproject/amphtml/pull/29951
- https://github.com/ampproject/amphtml/pull/29950
- https://github.com/ampproject/amphtml/pull/29947
- 致力於自動封裝
- amp-img SSR CL 已登陸
- Jake
- 🎉推出 strict 實驗 (ampproject/amphtml/pull/29929)
- 合併 bento 樣式 babel 轉換 (ampproject/amphtml/pull/29777)
- 📈 開啟 pull request 以將 Docker 化 AMP Optimizer 新增至 amp-toolbox
- 修正
<amp-script>: 如果 init 失敗，請勿指派 onerror (ampproject/amphtml/pull/29875)<amp-script>: 改進的錯誤訊息 (ampproject/amphtml/pull/29875)worker-dom: 值 hydration 的 dirty 旗標 (ampproject/worker-dom/pull/913)worker-dom: .click() 支援 (ampproject/worker-dom/pull/919)
- Will
- 離開 wg-runtime。再見 Will！🎺😿
已學習
下一步
- Justin
- 完成自動封裝
- 修正 amp-img SSR 的後續事項
- Fixit:
- 擴充功能中的 amp-bind SSR 支援
- Jake
- 透過 amp-toolbox 審查 AMP Optimizer
- Bento 樣式:
- 設計審查
- 確定性類別名稱產生
- 執行 css 最佳化工具/決定 jss 外掛程式
- fixits:
<amp-script>驗證器擴充功能錯誤: ampproject/amphtml#29457
執行階段
狀態更新 2020 年 8 月 3 日 星期一已完成事項
- amp-img SSR 工作即將完成，現在在建立 CL 之前清理程式碼
- Bento Context 和 Styles 的審查
- TC39: 邏輯指派運算子將在 ES2021 中
- 合併 amp-list、
amp-script[nodom]的協定轉接器 (https://github.com/ampproject/amphtml/pull/29329, https://github.com/ampproject/amphtml/pull/29541) - worker-dom 的 "nodom" 二進位檔 (https://github.com/ampproject/worker-dom/pull/882)
- 調查
intersect-resources中 1% 廣告查詢迴歸，並建立另一個候選修正
經驗學習
- 對於可能影響廣告的變更，請從最小化開始並逐步擴展，而不是從大型重構開始並縮減
接下來的規劃
- Bento 二進位檔的自動封裝模式
- 修正 amp-img SSR 的更多 TODO
- 支援
<link rel=preload imagesrcset> - 支援 SSR'd
<img>的自動 srcset 產生 - 清理程式碼路徑
- 研究 inputmask 錯誤，以查看是否與 strict 實驗相關
- 追蹤 removeCalcTask & 內容優先順序。CSI 效果似乎可忽略不計。
- 新 amp-list/amps-script 功能的文件和啟動實驗: ampproject/amphtml#29603
- 實作 Bento JSS 提案
- Fixit
- 清理 "layoutbox-invalidate-on-scroll" 實驗 ampproject/amphtml#25203
- amp-bind: 移除 treewalking 的需求 ampproject/amphtml#27590
- Fixit
<amp-script>改進 hash 錯誤: ampproject/amphtml#29614<amp-script>驗證器擴充功能錯誤: ampproject/amphtml#29457- Fixit: AMP.navigateTo
- ampproject/amphtml#26248
- ampproject/amphtml#24798
分析
狀態更新 2020 年 8 月 3 日 星期一分析
狀態更新 2020 年 8 月 3 日 星期一已完成事項
SESSION_ID: 決定儲存到 session storage 並繞過 Storage API 作為第一步。- 分析暫時收集元素寬度/高度 & 在最大 intersect ratio 下的檢視區寬度/高度（用於偵錯）
- 同意聲明 UI 支援 dir=rtl
- 從
<amp-story-consent>停用promptUISrc
基礎架構
狀態更新 2020 年 8 月 1 日 星期六已完成事項
- 開始棄用超過 6 個月舊的舊 RTV
- 開始自動化新的發佈建立，作為 cherry-pick 工作流程的一部分
- 在
ampproject/amp-closure-compiler中新增 windows 原生編譯器 - 修正預設
gulp伺服器的watch邏輯中的競爭 - 用於單元/整合測試的測試案例層級報告的新資料庫
- 模組/nomodule 推出的錯誤報告/監控
接下來的規劃
- 圍繞發佈建立/標記的基礎架構增強功能
- 擴展視覺測試
- 在
@ampproject/amp-closure-compiler下將原生編譯器發佈到 npm - 為 E2E 測試新增報告
- 使用對應到原始碼的對應來檢測縮小化的程式碼
- 自動化錯誤報告問題建立
執行階段
狀態更新 2020 年 8 月 1 日 星期六已完成事項
Justin
- amp-img ssr 工作的 CL 審查，在其他 go 轉換器中尋找錯誤
- 協助偵錯 cherry-pick 問題
- https://github.com/ampproject/amphtml/pull/29771
- https://github.com/ampproject/amphtml/pull/29775
- 清理 2 個古老的實驗 (fixit!)
- https://github.com/ampproject/amphtml/pull/29728
- https://github.com/ampproject/amphtml/pull/29665
- 致力於自動封裝，但不滿意
- 對於 amp-mode，捆綁 2 個元素實作似乎很浪費，而在 bento-mode 中捆綁特定程式碼
- 為 amp-bind 建立實驗性快取轉換
Jake
- 🎉 推出協定轉接器 (ampproject/amphtml/pull/29689)
- 📈 在 bento css 整合方面取得進展 (ampproject/amphtml/pull/29713, ampproject/amphtml/pull/29794)
- 🔎 製作 amp-optimizer docker 映像檔原型
- 🛠️ 修正
- inputmask 不正確的使用方式 static this: of ampproject/amphtml/pull/29646
- inputmask 嘗試遮罩 svgs: ampproject/amphtml/pull/29624
<amp-script>改進 hash 錯誤: ampproject/amphtml#29614
Will
- 將 “intersect-resources” 推向 100% 生產環境
- 修正 amp-list 中的幾個電子郵件相關錯誤 (ampproject/amphtml#29726)
- 與 AMP.navigateTo 相關的 Fix-it 錯誤
經驗學習
- 在我們的錯誤記錄中，我們取得了參照網址，這可以顯著幫助重現問題
接下來的規劃
Justin
- 完成 amp-img ssr 和相關轉換器的 CL
- 完成 Bento 的自動封裝
- 更新 amp-bind 程式碼以支援 SSR 轉換
Jake
- 繼續處理 bento css + amp-optimizer docker 映像檔
- 🤞 推出 StrictCompilation
- fixits
<amp-script>驗證器擴充功能錯誤: ampproject/amphtml#29457
Will
- 轉換計畫
- Fix-it: 清理舊的 TODO
分析
狀態更新 2020 年 8 月 1 日 星期六已完成事項
- Web Worker in iframe: 非來源 iframe: 初始化約 80 毫秒延遲，但仍可存取 IndexDb db。3P iframe: 初始化約 300 毫秒延遲。
- 支援非 AMP 元素的可見度追蹤
- 同意聲明 UI Lightbox 模式 PR 已合併
接下來的規劃
- 同意聲明：當未使用 Storage API 時，移除發佈者來源上的同意字串大小限制。
- 將 CID 儲存到來源上的 localStorage 作為備份
- 分析：可見度追蹤以在從 IntersectionObserver 使用 intersectionRatio 值之前檢查元素的大小。
分析
狀態更新 2020 年 7 月 6 日 星期一已完成事項
- 修正 amp-analytics FID、LCP 收集
- 調查並修正在 inabox 中的 IntersectionObserver polyfill 問題
- 修正滾動觸發器問題
- 擴展
<amp-story-consent>配置支援
執行階段
狀態更新 2020 年 7 月 2 日 星期四已完成事項
- 合併 PR 以用於驗證器以支援 amp-img SSR
- Bento 的程式碼審查，包括 AMP 程式碼中的 Context API
- 合併實驗以移除 calcTaskTimeout (https://github.com/ampproject/amphtml/pull/28453/commits)
- 合併伺服器實驗以用於在 strict 模式中編譯 v0/擴充功能 (https://github.com/ampproject/amphtml/pull/28793)
- 合併 AMP.goBack 的跨文件導覽 (https://github.com/ampproject/amphtml/pull/26585)
- 修正在 “intersect-resources” 中 rootMargin vs. loadRect 太小的問題
經驗學習
- 小貓很可愛
接下來的規劃
- 完成 amp-img SSR 快取轉換
- 為 Bento "自動封裝" 模式建立原型，以支援 AMP 執行階段內/外的元件
- 總結進行中的 worker-dom 功能工作
- worker-dom 的精簡二進位檔 (https://github.com/ampproject/worker-dom/pull/882)
- 協定轉接器 (https://github.com/ampproject/amphtml/pull/29329)
- 繼續調查 “intersect-resources” 的廣告查詢中約 1% 的迴歸
分析
狀態更新 2020 年 7 月 2 日 星期四已完成事項
- 更新
<amp-story-consent>以支援新格式的配置 <amp-consent>文件改進（metaData、TCF 支援、promptUISrc、inline postPromptUI）- 當初始高度大於 80vh 時，
<amp-consent>UI lightbox 模式。 (#29204) - 決定在 ampdoc 變為非活動狀態時，保持分析服務執行並維護狀態。（這表示較低層級的計時器觸發器將繼續觸發，除非有
stopSpec） - 未經特殊批准，AMP 中將不允許所有 3rd 背景跨來源 iframe 使用。 (#28471)
分析
狀態更新 2020 年 6 月 2 日 星期二已完成事項
- Fixit 週關閉 9 個問題
- 同意聲明中繼資料 PR 已登陸。導入
getConsentMetadata以取得 TCF v2 相關的同意聲明中繼資料，包括同意字串類型、gdprApplies 和其他同意字串資訊。 - 同意聲明 UI Lightbox 設計
- 預設啟用分析事件的
data-vars屬性 - 進一步擴展同意聲明資訊儲存限制至 1200 個字元
- 為 amp-consent reprompt 動作新增
expireCache支援 - 棄用並清理 analytics mApp 支援。
接下來的規劃
- OpenJS 世界峰會
- 同意聲明 UI 燈箱模式 API 設計
- 在分析調查中使用 InOb Polyfill
- 將 iframe 傳輸功能擴展到所有分析供應商 (仍在討論中)
基礎架構
狀態更新 2020 年 5 月 2 日星期六已完成事項
- 已部署 Error Monitor UI (測試版)
gulp任務現在可以在測試期間以程式設計方式建置執行階段 (#28326)- 為 Renovate PR 建立分組與審查者指派 (#28322)
- 調查/偵錯因 Sauce Labs 導致的連線中斷失敗 (#28343)
- 將效能測試新增至 Travis CI (#28148)
接下來的規劃
- 透過
gulp release將發行二進位檔的產生移至開放原始碼 - 自動為常見的執行階段錯誤建立 issue
- 為
renovate設定變更新增預先提交檢查 - 測試/部署新版本的
karma-sauce-launcher
執行階段
狀態更新 2020 年 5 月 2 日星期六摘要
Justin * 開啟延遲 buildCallback 的 PR * 對 LCP 的影響不如我們預期的那麼大，也許對 FID 有幫助 * PR 審查
Jake * 提交了一個修正程式，以便我們在 documentHeight 準備好之前不會傳送它。可能一次解決兩個錯誤：(b/154603596, b/143078110)。 * 進行中 * 新指標 eer/ser (https://github.com/ampproject/amphtml/pull/28401) * 改善 e2e viewer 測試 (https://github.com/ampproject/amphtml/pull/28531)。 * 將執行階段頁面新增至 gulp 效能 (https://github.com/ampproject/amphtml/pull/28503)。 * 協議配接器 worker-dom 實作 (https://github.com/ampproject/worker-dom/pull/850)。
Will * intersect-resources * 閒置渲染的候選修正程式已合併，等待廣告指標
已學習
- 使用 DCL 正規化 LCP 等指標
下一步
Justin * 完成 buildCallback PR * 最終撰寫關於同源 iframe 中 WorkerDOM/amp-bind 的文件 (使用同步訊息傳遞) * 研究移除 Owners System，並以 InOb polyfill 取代
Jake * IE11 最低支援探索 * 繼續進行許多進行中的 PR，目標是最終最佳化 * 載入 rect * 資源載入優先順序
Will * intersect-resources * 生產環境發布和手動 QA 測試計畫
分析
狀態更新 2020 年 5 月 2 日星期六已完成事項
- 在 Canary 中啟用了
analytics-chunks實驗。 - 將同意聲明字串大小限制擴展到 1kb
- 決定引入同意聲明 UI 新的燈箱模式 文件
- 決定目前**不**繼續進行 AMPHTML Ad 的獨立分析解決方案。
- 決定保留現有的連結器涵蓋範圍。目前**不會**自動啟動連結器到所有瀏覽器。
接下來的規劃
- 同意聲明元數據和同意聲明供應商 API 重新設計
- 同意聲明 UI 燈箱模式
- 關於細緻化同意聲明支援的下一步
- 為 CustomEvent 和 StoryEvent 分組目標元素 Issue
執行階段
狀態更新 2020 年 5 月 1 日星期五摘要
- Justin
- 自動將堆疊追蹤框架連結到錯誤報告中的程式碼
- 新增對 module/nomodule 腳本配對的支援
- 修正 closure 類型縮小的 devAssert/userAssert
- 持久性 browserify 快取！
- 協助移除 AmpPass，以及基礎架構建置的各種修正
- 將 linting 新增至 chai 斷言，修正測試
- 新增一些遺失的未解析元素 CSS 樣式
- 使模糊影像在其
opacity: 0時不可互動。 - 修正 Safari 9 和 Yandex 中的 CEv1
- 再次在生產環境中進行
getMode().test和 friends DCE
- Jake
- documentHeight 錯誤修正、單元測試和整合測試。
- amp-script worker 例外狀況以使用者錯誤而非開發人員錯誤捕獲。
- 協議配接器單元測試和手動 e2e 測試。
- e2e 測試流程的小幅改進 (--extensions 和 --fast 選項)
- Will
- “intersect-resources” 實驗
- 修正廣告迴歸
- 看起來 LCP 改善 1-2%，FID 改善 5-6%
- 審查了程式碼 mauve 在 CSI 資料中的最新進度
- “intersect-resources” 實驗
已學習
- 單元測試中的持久性模組狀態很棘手
- 舊版瀏覽器在流量中仍然佔據一小部分 (但很明顯) 的百分比
- 這是否有效地限制了我們真正的瀏覽器支援集？
下一步
- Justin
- 希望將持久性檔案轉換快取新增至 Babel
- 延遲 buildCallback (現在我已經研究過了，應該更容易了)
- 查看是否有任何元素預期非常早期的 buildCallback
- Jake
- 用於視口內但未渲染延遲的新指標
- worker-dom 協議配接器 PR
- IE11 最低支援探索
- Will
- 找出並執行手動 QA 計畫，並開始生產環境發布🤞
分析
狀態更新 2020 年 5 月 1 日星期五已完成事項
- 效能提升
- 在 Canary 中執行
analytics-chunks實驗。(排除 AMPHTML 廣告) -
同意聲明
- 關於允許同意聲明對話方塊在頁面載入時接管全螢幕的討論 Issue
- 在原始同意聲明字串之上新增元數據。 PR
- 修正導覽列顯示時的同意聲明對話方塊 UI。 Issue
- 同意將原始同意聲明字串儲存限制擴展到 1kb。
- AMP 團隊將監控「儲存大小超出限制」錯誤率。
- 來自 Google AMP Viewer 的更新：如果目前的限制對於 TCF V2 同意聲明字串而言太小，則願意將大小限制擴展到每個網域。
Bento
狀態更新 2020 年 4 月 6 日星期一完成了什麼 🍱 ✅
amp-render可繫結 src PR 已合併- 與快取團隊合作處理開發人員預覽元件的驗證器變更 (仍在實驗中)
- Storybook 已升級至版本 6
- 正在調查輸出 CLS 變更的視覺差異測試
- 與 bento.dev 和法務部門討論命名事宜
- 審查可能導致現有/未來 bento 遷移問題的元素
接下來的規劃 ⏩
- 根據 chromium 團隊支援的變更，移除顯示鎖定的現有實作
- 與 infra 👋 🏗️ 合作以發布 npm 二進位檔
- 驗證所有開發人員預覽元件 (仍在實驗中)
- AMP 模式中的
amp-sidebar工具列功能 amp-render支援amp-script通訊協定和placeholderamp-twitter正在進行中的工作- 請關注今天深入探討中的 shadow DOM 示範
執行階段
狀態更新 2020 年 4 月 2 日星期四摘要
- Justin
- 再次修正 IE 11 中的 CEv1
- 修正 IE11 中的整合測試，新增簡單的 amp-img 測試
- 開啟 PR 以根據是否使用大寫/小寫來使用 localName/tagName
- 快速
Promise.resolve()轉換以共用執行個體 - 禁止較新的 ES 功能，移除 Promise.p.finally 用法
- Jake
- Mauve 相關
- 從 toggleLoading 中移除 force 選項。之後：修正了它導致的錯誤 (gh/27508, gh/27905)
- 從 hide() 和 video-player 中的 toggleLoading 呼叫中移除不必要的措施 (gh/27730, gh/27654, gh/27760, )
- 其他
- 在 worker-dom 中實作協議配接器支援草稿 (gh/worker-dom/850)
- 發現/修正 iOS 錯誤，其中我們遺失了必要的措施 (gh/27729)
- amp-script：改善非法變更訊息傳遞 (gh/27834)
- 將 [data-tweetid] 新增至驗證器 (gh/27787)
- Mauve 相關
- Will
- 完成 IntersectionObserver 測試計畫，修正了一些邊緣案例，並在 Canary (4/28) 中啟用
- 總結 amp-list 中一些與電子郵件相關的任務
- 發現 documentHeight/過早重新測量錯誤
已學習
- 我們需要用於電子郵件的 documentHeight 整合測試 (我們是否有任何其他檢視器訊息的測試？)
- Closure 的 Conformance 設定不會禁止使用 BANNED_NAME 進行原型存取
下一步
- Justin
- 完成 connectedCallback PR
- 減少 DOM 變更
- 延遲 buildCallback
- 完成 connectedCallback PR
- Jake
- Mauve
- 修正 documentHeight 錯誤
- 執行階段效能測試頁面
- 其他
- 協議配接器
- 討論：intern/step
- Mauve
- Will
- 在 Canary 中試用 IntersectionObserver
分析
狀態更新 2020 年 4 月 2 日星期四已完成事項
- amp-geo
- 已登陸
preset-us-ca支援 - 自我託管 amp-geo API 支援細分
- 效能提升
- 將分析初始化拆分為區塊。(需要先對 AMPHTML 廣告執行 'analytics-chunks' 實驗)
- 將分析請求處理常式新增至效能測試，以找出頁面檢視延遲的潛在延遲
- 建立測試頁面陣列
- 同意聲明
- 修正不穩定的 e2e 測試
- 改善面向供應商的文件
- 關於傳遞 TCF 必要
gdprApplies變數和同意聲明字串類型的 PR - 允許使用者透過
postPromptUI按鈕開啟全螢幕同意聲明對話方塊
接下來的規劃
- 計畫將 Linker 啟動到所有瀏覽器 (仍在討論中)
- AMP 同意聲明 TCF v2 相關功能支援
- 測試和啟動
analytics-chunks實驗 - 可見性觸發器以支援非 AMP 元素
執行階段
狀態更新 2020 年 4 月 1 日星期三已完成事項
- 第一個
PreactBaseElement已合併！ - 最小 CEv1 Polyfill 已啟動
- 基於 IntersectionObserver 的資源工作，現在已在實驗性組建中啟用
- 更新了 amp-script 開發模式的啟用
- amp-state 現在可以作為 amp-list 的來源
- 將
performance.now用於指標增量 - 對於具有多個 amp-mustache 範本的頁面，DomPurify 現在**快得多**
- 快取 amp-access 評估，以加快評估速度
- 多次修正來源地圖。
- 修正 iOS 捲動問題
- 從 toggleLoading 中移除重新測量
經驗學習
- 歷史悠久的 2015 年 MBP 正在慢慢顯示其年齡…
- 驗證真實頁面上的資源原型
接下來的規劃
- 將
BaseElement建構延遲到connectedCallback - 加速/優先處理
connectedCallback/buildCallback - 遠端資料的協議配接器
- InOb 驗證和修正
- 更多效能工作！
執行階段
狀態更新 2020 年 4 月 1 日星期三摘要
- Justin
- TC39
- 使用 Babel 最小化器轉換進行審查
- 修正來源地圖 (再次)
- 開啟 PR 以將 BaseElement 建構延遲到 connectedCallback
- Jake
- 最佳化：從 toggleLoading 中移除重新測量 (gh/27482)
- 重構：稍微清理了 toggleLoading 流程 (gh/27527)
- 更多 toggleLoading 變更正在進行中
- Will
- IntersectionObserver 測試和邊緣案例
- 其他事項
已學習
- Justin 需要換一台新電腦
下一步
- Justin
- 登陸將 BaseElement 建構延遲到 connectedCallback
- 降低 connectedCallback 的成本
- Jake
- 完成 toggleLoading 的進行中變更
- 為
loader.js和amp-loader.js建立單元測試 - 協議配接器
- 效能
- 略過 amp-bind 樹狀結構遍歷
- 降低重新設定父項的成本
- 優先處理視口內元素的版面配置
- Will
- 完成測試並在 Canary 中啟用 IntersectionObserver
分析
狀態更新 2020 年 4 月 1 日星期三已完成事項
- 開啟 PR 以用於 gulp 效能任務，以測試本機託管的網站
- 修正分析變數擴展處理 null 的錯誤
- 致力於 amp-consent 中 CMP 和發佈商的 TCF v2
gdprApplies欄位 - 允許每個 AMP 文件一個追蹤 iframe
- 透過
preset-us-ca支援<amp-geo>中的 US-CA 偵測
營利
狀態更新 2020 年 4 月 1 日星期三已完成事項
Amp 營利 - 在 Google 上新增 type=module crossorigin=anonymous 的實驗已準備好啟動 - 無簽署整合失敗的調查
Story 廣告 - 修正 story-ad-click 迴歸 - 自動推進實驗的設計 - 監控版位變更結果
AMP for Email
狀態更新 2020 年 3 月 4 日星期三重點
- 關於標準化工作的許多共識
WG 會議記錄 (12/13, 1/10, 2/13)
- 跨供應商的統一寄件者註冊表單仍在審查中
- 關於允許規格中使用 CSS 屬性選取器的共識
- 關於禁止
amp-form中AMP-Redirect-To功能的共識 - 關於標準化基於
meta的白名單的共識 (https://github.com/ampproject/amphtml/issues/27094) - 關於允許規格中使用
input[type=button]、具有tel:URI 結構描述的連結的共識 - 審查了新 AMP 元件的增量採用 提案 的流程
- 討論了在驗證器中選擇性強制執行電子郵件 CSS 規則
- 討論了標準化 DMARC 的強制執行
- 討論了標準化電子郵件「超壓縮」
- 討論了 MIME 樹狀結構邊緣案例的標準化
- 繼續審查新的電子郵件驗證提案
- 建立新的「AMP for Email Ecosystem」群組 和 Slack 頻道
分析
狀態更新 2020 年 3 月 3 日星期二已完成事項
- 增強了 gulp 效能任務，以根據不同團隊的需求攔截和計時請求 (也有助於精確指出迴歸)
- 將可見性觸發器多重選取器功能啟動到 amp-analytics 中的設定大小
- 決定按觸發器對分析初始化進行分塊，以減少長時間任務
- 伺服器上更多 US-CA 支援工作
接下來的規劃
- 使用主要版本的效能任務監控分析請求延遲，以了解雜訊並評估其有效性
- 可見性觸發器的 QuerySelectorAll
- amp-consent 中 CMP 和發佈商的 TCF v2
gdprApplies欄位 - 廣告設計分析
營利
狀態更新 2020 年 3 月 3 日星期二已完成事項
AMP 營利 - 供應商拆分和 ES 模組程式碼 100% 完成，正在進行實驗 - 與 Greg 討論了在 Google AMP viewer 上設定用戶端實驗的技術途徑，TBD 設計文件 - IMA 影片未取得標準網址，導致廣告收入損失：首先協調了 IMA SDK 上的修正 - Web 插頁式廣告設計 WIP - 修正了圍繞本體屬性進行無簽署的錯誤，並重新啟動實驗。 - 修正了在基於範本的廣告中設定擴充版本錯誤。
Story 廣告 - 完成了 story 廣告的重構，以隔離版位邏輯。 - 開始新的實驗，以測試較短故事中的版位
接下來的目標
AMP 營利 - 通知廣告供應商測試供應商拆分 - 評估供應商拆分結果 - 頂部固定廣告實作 - IMA 影片 RTC 設計
Story 廣告 - 設定自動推進實驗 - 版位設計審查
分析
狀態更新 2020 年 3 月 2 日星期一已完成事項
- ANALYTICS_VENDOR_SPLIT 清理已完成。供應商未來需要提交 .json 檔案而不是 .js 檔案
- 同意聲明字串大小限制已從 150 位元組增加到 200 位元組。未來增加仍在討論中
- 當 geo 熱修補程式不可用時，
<amp-geo>會回退到geoApi。(例如，自我託管) <amp-analytics>的可見性觸發器改進：多重選取器、querySelectorAll 和非 amp 元素<amp-consent>UX 和 a11y 改善已推出
分析
狀態更新 2020 年 3 月 1 日星期日已完成事項
- 基準測試
<amp-analytics>效能和 pageView 延遲 - 使用現有的效能測試架構也測量請求延遲。
- 探索減少分析相關長時間任務的解決方案。(區塊、worker)
接下來的規劃
<amp-consent>gdprApplies欄位- 繼續致力於減少分析相關長時間任務
- 減少
<amp-analytics>pageView 延遲。一些提案包括：內嵌供應商預先定義的設定、為廣告引入精簡元件。
基礎架構
狀態更新 2020 年 2 月 3 日星期一我們做了什麼
- 更新 amp.dev 發行排程 頁面
- 發行標記已上線 (
PR Use: In Stable / Beta / Experimental) - 使用新的發行通道名稱更新了 cherry-pick 範本
- 新增了一種僅透過
gulp build | dist | watch --core_runtime_only建置核心執行階段的方法 - 釐清使用
yarn新增amphtml依賴項的流程 - 分類基礎架構問題的待辦事項
- 將
AMP_CANARYCookie 重新命名為__Host-AMP_OPT_IN
接下來的規劃
- 預設最小化組建 (
gulp dist) 現在會將AMP_CONFIG新增至執行階段檔案 - 作為 CI/發行工作流程一部分的效能測試
- 廣泛提供 LTS 和 nightly 通道
- 採取步驟減少 CI 不穩定性 (sauce labs, percy)
分析
狀態更新 2020 年 2 月 3 日星期一已完成事項
<amp-consent>a11y 重新設計實作<amp-consent>``enterFullScreenAPI 現在僅在使用者互動後才允許<amp-consent>支援 CMP 收集錯誤訊息的新 API- 設計提案，讓
<amp-geo>以 ISO 3166-2 程式碼格式偵測加州
接下來的規劃
- 完全啟動
<amp-consent>UI 增強功能，包括上述任務 (現在受實驗性旗標保護) - 將 ISO 3166-2 程式碼修補到
amp-geo-0.1.js - 允許
<amp-geo>回退以從遠端端點擷取地理位置。(來自 #25873 的討論)
檢視器
狀態更新 2020 年 2 月 1 日星期六已完成事項
- @newmuis 撰寫了 AMP Story Player 的 I2I，它獨立於 amp-viewer 專案
- 它的範圍比現有播放器窄，因此決定從頭開始。
- @Enriqe 正在實作此功能。
營利
狀態更新 2020 年 2 月 1 日星期六已完成事項
AMP 營利 - 合併了一些 amp-ad 3p 供應商拆分的先決條件，建置供應商特定的整合 Javascript 檔案 - FIE 元素急切建置已準備好啟動 - 透過 amp-ad 合併的固定廣告 - PageEx + AMP 廣告工作坊
Story 廣告 - Story 廣告版位設計 - 桌面 CTD 廣告在特定視窗大小下損壞的錯誤
接下來的目標
AMP 營利 - Amp-ad 3p 供應商拆分 (即將推出 I2I) - 頂部固定廣告 (https://github.com/ampproject/amphtml/issues/31513) - 與 Kargo 合作以提供某些新廣告格式的參考實作 - 為 inabox 交付急切建置 - 再次嘗試無簽署最佳化
故事廣告 - 封裝版位演算法的邏輯 - 開始新的演算法實作
基礎架構
狀態更新 2020 年 1 月 6 日星期一我們做了什麼
- LTS：更新了驗證器和其他部分以支援新的發行類型
- GH 發行版本現在是自動發佈的
- WIP：發行排程的更新
- 發行儀表板的新 cherry picking 區段
- E2E 測試的網路記錄
- 為未最小化組建新增了涵蓋範圍檢測
基礎架構
狀態更新 2020 年 1 月 2 日星期四我們做了什麼
- 更新了發行文件
- 禁止 iframe 實驗頁面以防止點擊劫持
- 發行標記運作正常
- 使用新的 selenium 版本更新/取消了 e2e 測試
- 在原始程式碼中強制執行基於 JSDoc 的存取控制
gulp {build|watch|dist}的新--core_runtime_only旗標- 發佈了 OpenJS 的基礎架構文件
接下來的規劃
- 發行排程/節奏的互動式視覺化
- 公告/監控 LTS 啟動
- 將
AMP_CANARYCookie 重新命名為__Host-AMP_OPT_IN - 自動化內部 GitHub 應用程式的部署
- 重構
gulp changelog - 將效能測試整合到 CI
- 修正 Sauce Labs 連線中斷問題 (在 Karma 和 Sauce 的協助下)
基礎架構
狀態更新 2019 年 12 月 9 日星期一我們做了什麼
- 發行名稱：
stable, beta, experimental, nightly, lts - nightly 和 lts 的設計審查
- 任意 RTV 的選擇加入 Cookie
- 修正了約 5k 個使用全域沙箱的單元/整合測試
- 新增了對檢查所有 JS 檔案的套件大小的支援
- 舊版 bluebird promise 清理
接下來的規劃
- 部署自動化發行標記器
- 更多關於 LTS 和 nightly 發行版本的工作
- 驗證器變更以識別 LTS 發行版本
- E2E 測試的網路記錄
- 強制執行選擇加入的 JS 檔案的套件大小檢查
AMP for Email
狀態更新 2019 年 12 月 4 日星期三重點
- 在紐約市的 ACS 2019 舉辦電子郵件迷你高峰會
- Outlook.com 啟動 AMP for Email 以進行開發人員預覽
- VerizonMedia 合併了 AMP 驗證器的 OSS Java 實作
- Gmail 推出適用於 Android 的 AMP for Email
WG 會議記錄 (9/12, 10/17, 11/8)
- 致力於統一寄件者註冊流程 (共用表單正在審查中)
- 收到關於建議的共用 HTML/CSS 白名單標準的回饋
- 關於標準化最大電子郵件大小 (200KB)、最大範本 SSR 大小等的共識 (#4)
- 更多關於「電子郵件 CORS」提案的討論 (#7)
- 新的電子郵件寄件者驗證提案 (生態系統友善的 proxy assertion token 替代方案)
- 討論了 AMP 驗證器版本控制和減輕跨供應商的版本偏差
- 關於允許有限的 CSS 屬性選取器 (例如，對於
amp-selector很有用) 的共識 - 在 AMP4EMAIL 規格中建議了新的元件：
amp-autocomplete - 自我託管 AMP JS 和推出模式
- 電子郵件寄件者和 ESP 的新外展管道
基礎架構
狀態更新 2019 年 11 月 1 日星期五我們做了什麼
- 透過 API 進行 OWNERS 語法檢查
- 消除全域 sinon 的使用
- 修正了由於新的 Node LTS 導致的損壞
- 擁有者機器人 GCE → GAE (具有樹狀結構、團隊和語法指南)
- amp-github-apps 的測試基礎架構
- 修正 npm 安全性漏洞
- Premium Travis VM 已上線
接下來的規劃
- 自動化 GitHub 發行版本建立並改善內容
- 自動標記發行版本上的 PR
- 追蹤擴充功能的套件大小
- 自動化節點 LTS 升級
-
升級 sinon 並消除全域沙箱的使用
基礎架構
狀態更新 2019 年 10 月 2 日星期三我們做了什麼
- 新組建管道檢查以檢查未知的依賴項
- 自動化 GitHub 發行版本發佈 (追蹤發行 CL)
- 擁有者機器人已遷移到 AppEngine (具有虛擬儲存庫)
- 公開的擁有者樹狀結構和狀態頁面
- 非 JS 檔案 (OWNERS、文件) 的新樣式檢查：
gulp prettify - 許多小型文件修正
接下來的規劃
- 使擁有者機器人與儲存庫無關
- OWNERS 語法的 Travis 檢查
- 每月發行通道的第一步
- 自動化 GitHub 發行版本建立並改善內容
- 追蹤擴充功能的套件大小
- 採用新的套件大小檢查器
- 為舊版 Node 使用者取消中斷
amphtml-validator - 自動化跨所有
package.json檔案的節點升級
執行階段
狀態更新 2019 年 10 月 2 日星期三已完成事項
- Custom Elements v1 已發佈
- 使用 IE11 cherry-pick
- 針對受支援瀏覽器中非 polyfill 的 CL
- 資源現在會使 Scroll 方塊的子項失效
- Layers 失敗後的目標
- 用於在導覽之前移除查詢參數的 CL (ITP 2.3)
- Action Trust 的 CL
- 動作應傳播它們接收的信任
- 打破非同步循環
經驗學習
- IE11 的 HTMLElement 類別不會從 Function 擴充
- 因此，HTMLElement.call 不存在
- 跨網域腳本中的錯誤仍未回報。
快取
狀態更新 2019 年 10 月 2 日星期三完成了什麼？
- 移除了 AMP 驗證器中的錯誤類別，並修訂為 Node 12。
- 以上造成了一些不相容問題，這些問題現已解決。
- 將
SameSite=none新增至 AMP CID Cookie。
基礎架構
狀態更新 2019 年 10 月 1 日星期二我們做了什麼
- 擁有者檢查現在是封鎖性的
- 已啟用自動審查者指派
- 為任意二進位檔/擴充功能新增了
bundle-size支援 - 重新組織了
build-system和儲存庫根目錄，以獲得更好的程式碼所有權界限 - 調查了在 CI 期間檢查擁有者檔案變更的方法
- 在貢獻者高峰會期間介紹了 2019 年基礎架構重點
接下來的規劃
- 為一些非
v0.js檔案部署bundle-size檢查 - 調查/修正某些人員遺失的 PR 部署按鈕
- 為
OWNERS檔案格式新增 CI 檢查 - 追蹤貢獻者高峰會的未完成請求
執行階段
狀態更新 2019 年 10 月 1 日星期二接下來的規劃
- 📧電子郵件
- 遞迴 XHR 問題
- 統一寄件者註冊
- SSR 相關的「documentHeight」訊息
- 🍱基於 React 的 AMP 元件
- 啟動計畫
- ⚙執行階段
- CSI 遷移設計
執行階段
狀態更新 2019 年 9 月 3 日星期二已完成事項
- [WIP] 基於 React 的 AMP 元件
- amp-script: amp-state [WIP]、改善的文件
- 修正了 AMP 全域變數的 DOM 覆寫
執行階段
狀態更新 2019 年 9 月 2 日星期一已完成事項
- 個別 AMP 實驗的選擇加入現在使用 LocalStorage 而不是 Cookie。
- 關於 amp-bind 的大量工作
- 效能提升
- amp-script 已啟動！
- 內嵌腳本支援
- Canvas 支援
- LocalStorage 支援
- AMP setState 支援
- 1-pass 組建工作
- 將中繼模組依賴項串連和修剪為單一最終 JS 檔案
- 修正來源地圖
- Fixit 週
- 透過
JSON.parse加快廣告/分析設定剖析速度 - amp-list DOM 差異比較而不是
innerHTML - Bento
- 探索在內部使用 React 以簡化元件
- 探索如何在 AMP 和「Bento」模式中包裝 React
- Layers 已停用和移除
基礎架構
狀態更新 2019 年 9 月 1 日星期日我們做了什麼
- 設計審查後部署了擁有者機器人
- 擁有者現在是 Github 上的非封鎖性檢查
- 透過套件大小機器人啟用 brotli 大小追蹤 (尚非預設)
- Lazy-build 是預設
gulp模式 (若要停用：--eager_build) - 將開發伺服器重寫為程序內伺服器
- Linux 和 Mac OS 上支援 Sauce Labs 啟動/停止腳本
- 修正了導致頻繁的 Travis 快取損壞的錯誤
快取
狀態更新 2019 年 9 月 1 日星期日完成了什麼？
- 將 amppkg 從 dep 轉換為 go mod
- 驗證器驗證 template="" 是否與頁面上的範本 ID 相符
- 開始在 amppkg 中進行 ACME 憑證續訂的工作
- 歡迎 Allan Banaag 加入 https://github.com/ampproject/wg-caching
<style amp-custom-length-check>AMP 驗證器中的特殊錯誤
此更新包含前幾週的內容。
AMP for Email
狀態更新 2019 年 8 月 1 日星期四重點
- 計畫在紐約市的 ACS 2019 舉行面對面會議
- Microsoft 和 VerizonMedia 實作仍在進行中
WG 會議記錄 (6/14, 7/12, 8/9)
- 擴大了 wg-amp4email GitHub 成員資格
- 跨供應商特定的 HTML/CSS 白名單和 AMP4EMAIL 規格的對齊進度
- 關於棄用 proxy assertion token 以避免寄件者可能僅支援大型供應商的共識
- 記錄了 AMP 檢視器實作指南
- 關於共用寄件者註冊/白名單 (長期目標是完全不使用寄件者白名單) 的方法的共識
- 關於專門針對 AMP4EMAIL 的新 CORS 機制的討論 (#7)
- 關於標準化 AMP MIME 部分過期時間、最大大小和 AMP 元素最大數量的討論 (#4)
執行階段
狀態更新 2019 年 8 月 1 日星期四已完成事項
- 修正
- 啟動 amp-script
jsonConfiguration()- amp-list: DOM 差異比較和錯誤 UI
經驗學習
- const 私有屬性上的程式碼分支未 DCE
/** @const */
this.nope_ = false;
if (this.nope_) {
foo(); // Still bundled.
}
分析
狀態更新 2019 年 8 月 1 日星期四已完成事項
- 新增
PAGE_VIEW_ID_64支援 - 在影片分析中新增
AD_STARTAD_END事件 - Analytics Linker：不再裝飾內部導覽
- 延遲載入分析供應商的設定 (目前正在執行實驗)
- 根據效能計時訊號，更早解析
NAV_TIMING巨集
基礎架構
狀態更新 2019 年 7 月 8 日星期一發行品質
- PR 部署機器人的初始版本
- 修正了
amp-date-picker錯誤，撰寫了事後檢討 - 為執行階段程式碼啟用了休眠一致性檢查
開發人員體驗
- 將 CJS 執行階段依賴項遷移到 ESM
- 用於多通道的 Babel 轉換
- 修正了 babel 全域轉換設定
- 修正了
gulp watch錯誤 (編譯錯誤時取消)
分析
狀態更新 2019 年 7 月 8 日星期一已完成事項
Issue 分類 - 分類了 120 個 issue。附加了 component 標籤。關閉了 16 個過時的 issue。優先處理了約 20 個用於修正週的 issue。
錯誤修正 - 調查了由 [PR] (https://github.com/ampproject/amphtml/pull/22812) 引起的迴歸。Cherrypicked 將 PR 還原到 inabox Canary。
amp-experiment v2 - 支援選取多個元素 PR 待定
執行階段
狀態更新 2019 年 7 月 2 日星期二已完成事項
- amp-script：本機儲存、更好的參考文件
- worker-dom：取消包裝作者腳本、升級 TS、錯誤修正和程式碼清理
- 1-pass：中繼套件的來源地圖相容性
- AMP4EMAIL：調查執行階段的 mustache 規則
- amp-bind：修正 Canary 中的錯誤
- @jridgewell 負責發行
經驗學習
- 仔細閱讀 API 以了解 DOM 遍歷邊緣案例
接下來的規劃
- 啟動 amp-script
- amp-script：作為元件介面的動作/事件
- Bento：開始服務解耦的設計和原型設計
- AMP4EMAIL：amp-list 和 DOM 差異比較的錯誤 UI
檢視器
狀態更新 2019 年 7 月 1 日星期一基礎架構
狀態更新 2019 年 6 月 2 日星期日發行品質
- 修正了 saucelabs safari 12.1 錯誤
- 在 IE 11 上執行整合測試
開發人員體驗
- 重構
gulp test為gulp unit|integration|a4a - WIP：用於部署飛行中 PR 程式碼以進行示範/測試 (隨需應變) 的機器人
- 將未最小化組建重構/加速了 15%
快取
狀態更新 2019 年 6 月 2 日星期日完成了什麼？
- 發行了 amppkg v2。
- 修正了 AMP Packager 憑證的 etag 問題。
- 中繼標記修正為 AMP 快取中的轉換器，停止將它們全部移動到 head。
分析
狀態更新 2019 年 6 月 2 日星期日已完成事項
新功能 - <amp-experiment> 支援變更類別屬性 PR - 將 requestOrigin 引入 <amp-analytics> 請求設定欄位。 Issue - 在 <amp-analytics> 中引入 $EQUALS 巨集支援 Issue - 將所有 Analytics 供應商設定從 js 檔案轉換為 json 檔案。這是延遲載入分析供應商設定工作的一部分。 - 將 Analytics Linker 的預設行為變更為裝飾所有子網域 - 在 <amp-analytics> 中引入 $COOKIE 巨集支援 Issue - 允許在使用 <amp-analytics> 的 cookie 設定設定 cookie 時設定自訂 cookie 過期時間 Issue
錯誤修正 - 修正在 Analytics Linker 修飾片段網址時發生的回歸問題 - 修正在解析 performanceTiming.loadEventEnd 時的競爭條件 [PR] (https://github.com/ampproject/amphtml/pull/22812) - 修正 video-percentage-played 未觸發的競爭條件 問題 - 修正巢狀巨集展開錯誤 問題
接下來的目標
<amp-experiment>v2 支援選擇多個元素<amp-experiment>v2 支援變更style和src屬性- 延遲載入分析供應商設定
快取
狀態更新 2019 年 6 月 1 日 星期六完成了什麼？
- 恢復 dns-prefetch 快取轉換器；最近已損壞。
- 電子郵件驗證器重大變更，以更符合 Gmail 過濾規則。
- Javascript 修正，以實作 1000 位元組內聯 CSS 限制。
- 修正 amppackager 中內部 != 外部 問題。
- WIP 改善/定義 amppkg 發布流程
AMP for Email
狀態更新 2019 年 5 月 1 日 星期三重點
- 三月份已在 Gmail 中推出！
- 來自 Microsoft、Yahoo 和 Mail.ru 的承諾
- AMP Conf '19：「AMP for Email：透過 AMP 推動電子郵件的界限」
- 早期 Gmail 合作夥伴的成果令人期待：一個合作夥伴的點擊率提高 2 倍，另一個合作夥伴的點擊率和轉換率都提高 60%。
WG 會議記錄 (5/10)
- 共同目標：AMP4EMAIL 規範是電子郵件供應商呈現相容性的事實來源
- 推論：適用於所有供應商的共用寄件者工具
- 推論：將供應商特定的白名單 (HTML/CSS) 遷移至 AMP4EMAIL 規範
- 供應商採用的實作細節，例如整合生產級 AMP 驗證器
- @ampproject/wg-caching 正在調查內部 C++ 驗證器的開放原始碼
- 與 proxy assertion tokens 討論了 3P 驗證
- 討論了 wg-amp4email GitHub 成員資格
重點領域
- 根據 AMP4EMAIL 規範的跨供應商相容性 (如上所述)
- 允許在 AMP4EMAIL 中使用更多元件，例如 amp-animation、amp-analytics
/cc @jasti
分析
狀態更新 2019 年 5 月 1 日 星期三已完成事項
Fixit 週 - 為 Linker 萬用字元功能新增文件 - 為 PWA 新增 amp-analytics 整合測試 - 修正 var 中的巢狀巨集錯誤 - 將 Cookie 寫入 eTLD+1 以與 CLIENT_ID 一致 - WIP amp-call-tracking 錯誤
amp-experiment v2 - 導入變更限制和設定檔大小限制
分析
狀態更新 2019 年 4 月 2 日 星期二接下來的目標
amp-experiment v2 - 與 Optimizely 合作朝 GA 發布邁進
ITP2.2 - 評估影響
錯誤 - 修正巢狀巨集錯誤 #20816 - AdWords 中的 amp-call-tracking #20551
分析
狀態更新 2019 年 3 月 1 日 星期五已完成事項
amp-experiment v2 - 修正了延遲呈現服務回歸問題 #21193
amp-analytics - 使用者選擇停用追蹤的 CSP 友善方式 WIP
Linker - 允許在 WIP 外部使用 LINKER_PARAM
接下來的目標
amp-experiment v2 - 版本號碼提升 - 實作設定檔剖析器 - 安全性審查
Linker - 允許在 Cookie 寫入器外部使用 LINKER_PARAM
amp-analytics - 使用者選擇停用追蹤的 CSP 友善方式
分析
狀態更新 2019 年 2 月 2 日 星期六接下來的目標
amp-experiment v2 - 版本號碼提升 - 實作設定檔剖析器 - 修正延遲呈現服務 - 安全性審查
Linker - 允許在 Cookie 寫入器外部使用 LINKER_PARAM
amp-analytics - 延遲載入供應商設定檔設計 - 使用者選擇停用追蹤的 CSP 友善方式
快取
狀態更新 2019 年 1 月 2 日 星期三已完成事項
- AMP 動作驗證器規則現已推出。
- 正確處理快取中的文件片段。#19688
- 轉換後的 AMP SXG 現在包含
- 使用的轉換器版本
- 原始 CSS 字串片段
- 防止 CSS 中的 data:...
- css 逸出邏輯
- 轉換器 cdn 和版本的驗證