網路蓬勃發展下,高科技產品正在不斷的更新和創新,手機對於現今的人來說都是必不可或缺的,人手一隻甚至好幾隻,足能證明移動設備對我們生活的影響和重要性。

網頁讀取的效能一直都是開發者們非常關注的議題,那今天就來說說RWD和AMP之間的差異。

什麼是RWD?

RWD全名為Responsive Web Design,即是「響應式網頁設計」,網站假設要針對每個屏幕大小都獨立設計一個解決方案,則會大幅增加網站建設的複雜程度和運營成本。RWD則能架構可自動適應不同的訪問設備無論是移動設備、平板電腦、PC,可以讓網頁根據用戶的使用環境進行自動調整,網站可以被各種族群閱讀,有效的改善用戶體驗。響應式的網站優點是在於不管使用移動裝置還是桌機都是使用統一網址,這樣能集中網站中的流量,提升搜索引擎的排名。

AMP是什麼?

AMP全名為Amlelerated Mobile Pages,即是「加速行動版頁面」,是一個由google開發設計的加快移動頁面加載速度架構,藉由架構一個符合手機瀏覽的網頁,以此構建的網站可自動適應不同的訪問設備(從桌面電腦、平板電腦到智能手機),可讓網站讀取速度更快,用戶打開網頁的速度更快,它的目的是將開發內容傳送到移動設備的高度優化的方法。

RWD和AMP目的

RWD 的目的是為了改善傳統的PC端網頁瀏覽,能隨著不同的使用者裝置,而有不同的顯示樣式。 AMP 則是著眼在如何加速網路內容的存取改善網頁效能。

架構使用AMP一定好?

‣AMP 確實可以使網頁讀取速度大幅縮減,雖然厲害但是存有許多限制:

‣僅限於Google搜索引擎優化

‣廣告投放只能用於Google ads,會減少廣告的收入

‣無法解決非企業商網站頁面的速度和SEO的問題

‣只針對手機或行動裝置的運用,可能造成排版會出現異常

‣AMP的站上不能使用其他的擴展程式

‣會減少廣告的收入

‣網站設計較不靈活,對於圖檔、文字字體等,限制大小與特定格式

‣無法使用 JavaScript 客製化網頁,因此自由度較低。

‣要解除安裝是件困難的工程

‣AMP無法擴充使用其他應用程序

‣卸載過程耗時,也會導致網站SEO分數下降

‣減少了訪客停留在網站的時間

你的網站真的需要AMP嗎?

AMP 能夠盡可能快速的發布內容且對於網站的發布內容快速及提供更好的使用者體驗,但並非所有網站都適合AMP架構,如果你的網站是新聞資訊型網站,部落格式網站或不使用任何外掛的購物網站這樣是最適合的。AMP主要是改善大部分網站在移動裝置版本瀏覽的體驗與網站速度過慢,你也能夠透過優化網站的根本問題(Javascript、CSS、靜態資源),如網站的Javascript將其調整採用異步加載方式來達到加快網站讀取速度的目標。網站內容必須充實且是優質,再加上AMP技術,才能協助提升行動裝置瀏覽和提升搜尋排名,並不是網站只要使用了AMP架構之後,搜尋排名就會大幅提升。