歡迎來到 AMP 社群!
關閉專家模式
專家模式
使用專家模式以隱藏為初學者設計的網頁開發指南。
為什麼選擇 AMP?
從許多方面來看,網際網路是世界的中心樞紐。每天,來自世界各地越來越多人線上存取資訊。但許多人並非使用閃電般快速的連線或高效能裝置上網。當網站僅針對最快速的連線和裝置開發時,許多使用者的體驗就會受到影響。
為了讓網站訪客有更好的體驗,開發社群已找到改善網站效能的方法。在此過程中,開發人員改進了輔助技術使用者的可存取性、不穩定連線的可靠性,以及各種裝置的網站設計。
有時要追蹤網頁技術的所有新進展可能會讓人感到不知所措。我們相信開發人員想要製作快速的網站,但在此過程中很容易犯錯。
這就是 AMP 的用武之地。AMP 的創建旨在讓開發人員可以輕鬆地專注於建置更好的功能,而不會讓客戶獲得糟糕的使用者體驗。
AMP 如何提供協助
AMP 是一個網頁元件函式庫,可強制執行網路最佳實務。AMP 解決常見的開發障礙,以便設計出高效能、可存取且回應靈敏的網站。
簡而言之,AMP 嘗試讓做對的事情變得容易。這讓開發人員可以自由地專注於為使用者帶來價值的特性。
AMP 透過以下方式改善網頁效能:
-
透過新增常用網站功能的標籤來擴充 HTML。HTML 的開發是為了建立基本內容頁面,但尚未發展到能跟上現代網站的腳步。一些相關的現代網站功能包括滑出式導覽選單、影片播放器和圖片輪播。為這些功能新增的額外標籤也稱為「網頁元件」。
-
減少 JavaScript 的數量。AMP 需要 JavaScript 才能執行,但 AMP 限制了 JavaScript 在您頁面其他位置的使用位置和方式。此限制可以大幅改善行動裝置上的效能。AMP 元件提供了開發人員最初使用 JavaScript 的許多功能。
-
在網站開發過程中及早且頻繁地偵測問題。正如我們所說,在現代網頁開發中,有很多東西需要追蹤。AMP 透過提供驗證器來協助管理這一點,該驗證器會尋找您網站中可能影響效能或可存取性的問題。它還可以幫助您學習如何修正它發現的問題!
AMP 的優點在您的頁面部署後並未結束。Google 和 Microsoft 等公司建立了快取,用於儲存沒有驗證錯誤的 AMP 頁面。這些快取可以對您網站的內容套用強大的效能最佳化,而不會影響使用者體驗您網站的方式。快取的 AMP 頁面也與搜尋引擎整合,以便您的網站可以在幾秒鐘甚至更短的時間內從搜尋結果中觸及!
學習 AMP 以學習網頁開發
學習 AMP 是學習網頁開發的好方法,因為 AMP 網站
-
使用標準 HTML、CSS 和 JavaScript 建置。
-
與所有現代瀏覽器相容。
-
不依賴特殊工具或軟體來建置或在線上部署。
您在建置 AMP 頁面時將獲得技能,這些技能可以轉移到以其他格式或框架建置網站。與許多流行的框架一樣,AMP 是一種基於元件的方法來設計和建置網站。您將學習使用公認的最佳實務來建置網站、開始以元件思考,並避免損害使用者體驗的壞習慣。這些通用技能可以應用於整個網路。
AMP 解決了效能、可存取性和回應式設計問題,讓您可以專注於功能。但是,如果您想磨練自己的技能,學習 AMP 也可以幫助您準確地了解 AMP 如何解決這些問題。即使您的使用者享受 AMP 幫助您建置的體驗,您也將繼續學習並作為開發人員成長。