close
企業趨勢

CSS3 動畫都禁用? Google 推 AMP 計劃加快手機網站載入速度

手機上網愈來愈流行,因此網頁設計都開始兼顧這方面的需要。但停用 Flash 或是用迴應式網頁設計(Responsive Web Design)就足夠了嗎?Google 為了加快手機瀏覽速度,推出 AMP 計劃,當中連 CSS 和 JavaScript 也受限制。

amp

 

禁用 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

 

Tags : AMPgoogle
Dennis Ma

The author Dennis Ma

為香港讀者分享各種 IT 新聞及趨勢,如企業動態、保安消息(勒索軟件、程式漏洞等)、未來科技(AR、VR、3D打印等。)、電子商貿;亦專門分享 SEO、網頁設計、社交平台推廣等心得。

Leave a Response