AMP 加速版流動網頁提高 Google PageSpeed 53.7% (基於我的快速測試)

AMP 加速版流動網頁 本視頻講關於 Google PageSpeed 和 AMP site 加速版流動網頁。 先去 PageSpeed,我準備了兩個網站,一個是非 AMP 的普通網站,只用作示範,資料是假的; 開另一個完成了 AMP 的來比較。兩個內容基本一樣。 非 AMP 在 Google PageSpeed 的行動版 (手機版) 分數是 54,不算低了,可能數據少。 第三版 PageSpeed PageSpeed 現在是第三版它對手機版的要求十分苛刻,連亞馬遜手機版也只是四、五十分。 原因是功能越多越難優化,所以簡單網站分數反而較高; 電腦版普遍較高分,看到有 75 分。 現在看 AMP 的網站,我先重新再做一次分析。 做了 AMP,一般會在你的網站裡多了一個 Folder 或函數,專用來顯示 AMP 網站。 分析後可以看到行動版和電腦版都有提升,但重點是行動版。 既然 AMP 和非 AMP 網站基本一樣,為何要做 AMP 呢? 首先做 AMP 需要一些技術性,如果用 WordPress 比較好,但多少也還需要些技術性的步驟。 … Read more

甚麼是加速移動網頁 (AMP)?AMP 與普通的手機網頁有何分別?

今天講 AMP site加速移動網頁,跟普通網頁不同的就是它會加速。 這是Google 2015年出的項目,當時Facebook先出了一個instant article,是在Facebook裡用的,用戶看新聞的時候,一點就會以高速顯示出新聞的基本資料,看完關閉仍停留在Facebook。 好處是用戶不用離開Facebook平台。 Google同樣也想讓用戶停留在自己的搜尋器上,所以有此項目。 剛推出AMP site,一來較多限制,二來會影響SEO。 最近了解了一下,他們似乎有方法解決SEO的問題,而限制也少了。 我試了一下,效果不錯。這裡我主要想說什麼是AMP site,和跟普通手機版網站的分別。 如果你可以成為一個AMP site,要根據Google AMP site的要求做各種設定,然後讓Google檢查你是否一個有效的AMP site,如果是有效的,搜尋時會看到一個雷電符號。 給大家看個例子,比如蘋果手機網站,按連結後也用了短短數秒載出; 再看一個有雷電符號的Forbes,就是AMP site,我按下後馬上就顯示出來了,包括內容、廣告、圖片、字都出來了; 再試一個比較多文字的維基百科,非AMP site來講算很快,可能因為主要是文字,圖片較少;Cnet 因為是AMP site 也很快; Metro這個不是AMP site就看到很慢。 以上例子就是AMP site和普通手機版網站的分別。 如果你有手機版,你也可以同時有AMP site,AMP主要是給Google搜尋器用的。 使用AMP的好處有三方面: 對Google有好處,因為用戶會停留在搜尋器上; 對網站擁有人來說,因為Google鼓勵用戶使用AMP,所以會提供SEO的好處,讓你的網站在某些關鍵字中拿到較好排名; 而對現今講求快捷的用戶,AMP也可以滿足他們。