手機上網愈來愈流行,因此網頁設計都開始兼顧這方面的需要。但停用 Flash 或是用迴應式網頁設計(Responsive Web Design)就足夠了嗎?Google 為了加快手機瀏覽速度,推出 AMP 計劃,當中連 CSS 和 JavaScript 也受限制。
禁用 CSS3 動畫、HTML 表單元素、第三方 JavaScript
AMP 全名為 Accelerated Mobile Pages,是由 Google 聯同 Twitter 以及超過 30 個網站共同宣布的。顧名思義,此計劃的目的是要提升手機網頁的載入速度。方法就是限制某些 HTML 、CSS 和 JavaScript 的使用。據 Google 所指,網頁載入速度可改善了 15 至 85%。
其實 AMP 的概念並不複雜,主要是減低發出 HTTP 請求的次數以及只下載可被訪客看到的影像檔案。不過,如果網站決定使用 AMP 的話,網頁開發和設計就會受到限制。例如第三方的 JavaScript 程式碼將不能使用。負責人 Malte Ubl 也指,網頁使用不同的 JavaScript 函數庫(library)、嵌入(embed)等都會影響其表現。
除此之外,AMP 對 HTML 元素和 CSS 的使用也有規定。在 HTML方面, form 以及相關的 input、textarea 等表單元素都被禁用,但 button 就允許;至於 CSS,用來取代 Flash 、為元素加入動畫功能的 transition、 animation 和 filter 都被禁用,但將來有放寬的可能。有關 AMP 對 HTML 、CSS 和 JavaScript 的詳細要求可以到 Github 查看。
Source : Ars Technica