instant.page 官方 WordPress 外掛程式,在網站頁面產生立即載入效果

instant.page 官方 WordPress 外掛程式,在網站頁面產生立即載入效果

我去年曾介紹過一個很有用的網站工具「instant.page 讓你的網頁載入更即時,只需加入一段程式碼」,透過只有 200 行、壓縮後僅有 1 Kb 左右的 JavaScript 程式碼來讓網站速度變得更快,而它的原理也不難懂,利用瀏覽器 prefetch 技術在使用者點選鏈結前預先取得網頁內容,雖然只有幾毫秒差距,但確實有助於改善網頁的瀏覽體驗。現在這項服務也被不少國際知名公司使用。如果你是一般使用者,透過 FasterChrome 瀏覽器擴充功能也能提升瀏覽網頁時的速度。

instant.page 讓你的網頁載入更即時,只需加入一段程式碼

instant.page 讓你的網頁載入更快更即時,只需加入一段程式碼
Copyright : Karuna EM / 123RF Stock Photos

亞馬遜公司(Amazon)發現 100 毫秒(0.1 秒)網站延遲會影響 1% 銷售額,但網站速度問題很難改善,無論是不是電子商務網站,速度已經成為每個網站爭搶流量、留住使用者甚至是搜尋引擎最佳化關鍵。要提高網站速度的方法非常多,依照我的經驗,重新檢查原始碼是第一要務,將過度影響速度的部分移除,其他像是透過內容傳遞網路(CDN)進行圖片影片分流也是個很好的作法,關於網站速度檢查可參考「16 個免費網站測速工具,分析網頁效能表現」一文,有些很好用的工具能幫助開發者發現網站過慢等問題。

Google 行動網站速度測試工具,比較最多 10 網址在不同國家開啟時間

Google 行動網站速度測試工具,比較最多 10 網址在不同國家開啟時間
Copyright: georgejmclittle / 123RF Stock Photo

Google 這幾年不斷提倡網站速度的重要性,不僅有助於留住更多訪客、提升轉換率,就連搜尋引擎排名也會將網頁載入速度作為排序指標之一,如果你是使用 WordPress 架站,讓網站支援 AMP(Accelerated Mobile Pages)技術無疑可發揮如閃電般最佳效能,趕緊捲起袖子動手自己做吧!

Google 搜尋引擎最佳化(SEO)入門指南更新,加入結構化資料和建立友善行動網頁

Google 搜尋引擎最佳化(SEO)入門指南更新,加入結構化資料和建立友善行動網頁
(Copyright: wdnet / 123RF Stock Photo

什麼是搜尋引擎最佳化(Search Engine Optimization,縮寫為 SEO)呢?相信網站站長們一定相當熟悉,簡單來說就是透過一些調整來提高網站在搜尋結果排名的方法,使網站更容易被找到,不過因為牽涉的因素太多太複雜,而且可能隨時都在發生變化,因此 Google 或任何搜尋引擎都很少公開談論 SEO。如果你想知道網站最佳化第一步應該何去何從,我會建議從閱讀「搜尋引擎最佳化初學者指南」開始。

在 WordPress 網站使用 Google AMP 技術,提升頁面開啟速度教學

在 WordPress 網站使用 Google AMP 技術,提升頁面開啟速度教學

上半年 Google 宣佈推出一項全新技術 AMP(Accelerated Mobile Pages),大幅加快使用者在行動裝置(例如手機、平板電腦)開啟網站的速度,雖然 Google 表示這項技術並不會影響網站在搜尋引擎結果排名,但滿足某些特定條件時,將有機會在其他區域優先顯示。換句話說,Google AMP 不一定適合所有網站使用,為避免不公平的情形發生,有或沒有加入這項技術皆不影響 SEO,但有助於最佳化你的使用者體驗和獲得更多曝光。