(軟體)Google AMP是什麼?繞了2圈經驗談(裝還是不裝?)

(軟體)Google AMP是什麼?繞了2圈經驗談(裝還是不裝?)

(軟體)Google AMP是什麼?繞了2圈經驗談(裝還是不裝?)

Google AMP是什麼?簡單地來說就是針對行動裝置網頁架構,重點就是「快」,當網頁或軟體符合AMP語法時,其內容可在不到1秒內顯現於手機上,這對於時刻忙碌、沒有耐心等待的現代人來說特別重要,只是要符合AMP的語法卻要付出不少代價,這幾個月來安裝、移除不下數10次,也累積了不少經驗,與Google AMP玩耍的探索還在持續著…

Google AMP是什麼?

從Google AMP的官網中可以得到這樣子的結論:「AMP是為了讓使用者有更快速、方便的網路體驗,針對行動裝置而提出的網路元件架構。」

(官網)Google AMP

(軟體)Google AMP是什麼?繞了2圈經驗談(裝還是不裝?)

AMP的出現,可以說是這時代的產物,畢竟現在人手一台行動裝置(手機、平板)的情況非常普遍,大人、小孩甚至是小小孩每人都有,如何讓他們在上網的過程中,有不間斷的快速體驗是非常重要的,簡單的說就是「使用者最大」,一切以滿足用戶的體驗為出發點。🤭😝

而從wiki的解釋中更能夠了解Google AMP的來龍去脈,wiki提到它是由AMP Open Source Project所提出的開放原始碼HTML架構,是Google針對其競爭對手Facebook Instant Articles和Apple News所提出的對應方案,藉由最佳化行動網頁瀏覽以達到快速載入網頁的目的。

AMP在2015年10月7日首次發表,並且從2016年2月起,當使用行動裝置Google時,開始出現在Google搜尋結果中。

(軟體)Google AMP是什麼?繞了2圈經驗談(裝還是不裝?)
Google搜尋結果中,若是網址旁有個小閃電的符號,就代表這是AMP網頁。

以更快速的方式,不間斷地瀏覽網頁一直是人們追求的目標,而其中運用的方法,講白了就是把網頁事先快取(catch)到CDN(Content Delivery Network)裡頭,所以當使用者在手機上打入相關網址時,可以直接由CDN提供內容,而不用再繞道原始網站中索取,在瀏覽載入速度上的節省至少有2~3倍,甚至可以高達10倍以上,這也就是AMP最大的好處。

Google AMP的好處

就如同在上一節「Google AMP是什麼?」中提到的,AMP的最大好處是:「快」,忙碌的現代人,或者說是可憐的現代人,除了「快」之外,還要「更快!」,想要在有限的時間裡,同時得到(塞入、擠進)無限的訊息,身怕漏接了相關的資訊後,而跟不上潮流、趕不上話題,不知不覺之中,紛紛中了「智慧型手機病」(無手機恐懼症、手機症候群),也難怪大伙都說這是個資訊爆炸的年代。💥

所以這些廠商,不論是Google、Facebook還是Apple為了迎合用戶的需求,就紛紛開發出相對應的解決方案,AMP就是其中運用在Google搜尋結果的技術之一。

Google AMP WordPress Plugins外掛

以使用者的觀點來看AMP當然是好處多多,但是對於我們這些網頁開發者來說,又是另一項負擔(怎麼學也學不完、怎麼改也改不盡,這就是internet的樂趣吧!😑),好在有外掛可以幫助我們,主要用到的WordPress Plugins有2個,分別是:

1.由Ahmed Kaludi和Mohammed Kaludi個人所開發的「AMP for WP – Accelerated Mobile Pages」(紅色閃電)

(軟體)Google AMP是什麼?繞了2圈經驗談(裝還是不裝?)

2.由AMP官方開發的「AMP」(藍底白色閃電)。

(軟體)Google AMP是什麼?繞了2圈經驗談(裝還是不裝?)

(官網)AMP for WP – Accelerated Mobile Pages
(官網)AMP, Official AMP Plugin for WordPress

這兩個外掛都安裝過,所以這篇網誌標題才會說:「繞了2圈經驗談」,老實說不止安裝了2次,裝裝關關,測試了不下數10次,說是繞了10圈也不為過吧!

首先試的是「AMP for WP – Accelerated Mobile Pages」(紅色閃電),它把AMP網頁和一般網頁以「/amp」做區分,也就是說如果你原本的網址是這樣:

https://life.jasonjc.com/my_1st_amp_page.html

AMP的網址就是在其後頭加上/amp,簡單明瞭,非常容易了解,不論是開發者或者是瀏覽器都能夠很方便地辨認。

https://life.jasonjc.com/my_1st_amp_page.html/amp

其最大的好處就是哪天你不想要使用AMP了,因為網址不同,所以並不會影響到原本的網頁,但壞處就是同時得maintain兩份source code,雖然有範本(template)可供選擇,但是在維護上還是得花上2倍心力。

(軟體)Google AMP是什麼?繞了2圈經驗談(裝還是不裝?)
分享你的喜愛

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *