Zi 字媒體

SiteGround 3 折主機優惠 + WordPress 一鍵安裝完整教學 Hostinger 1.2 折主機優惠 + WordPress 一鍵安裝完整教學 2 分鐘閱讀 所有的網站都希望能夠提高目標轉換率與降低使用者跳離率。 研究指出，當你的網站頁面載入速度高於 3 秒時，有 68% 的使用者會因此而離開你的網站。 因此，提升網站載入速度對於使用者體驗、SEO、目標轉換率、停留時間、跳離率息息相關。 以下我將解釋一下，如果你想要提升網站速度該如何執行，而你如果想要讓你的網站幫助你獲得更多客戶、成交更多筆交易、賺更多錢，那麼提升頁面載入時間會成為你建立 WordPress 網站的重點項目之一。 目錄 hide 1 為什麼網站載入速度這麼重要？ 2 建立符合行動裝置版本的網站 3 要怎麼檢測網站載入速度？ 4 提升網站載入速度的三種方法 4.1 1. GZIP 壓縮： 4.2 2. 將 CSS 與 JavaScript 存為外部檔案： 4.3 3. 使用緩存與快取： 4.3.1 免費線上壓縮圖片工具： 5 2019 的網站載入速度應該要多快？ 5.1 延伸閱讀 5.2 猜你喜歡 為什麼網站載入速度這麼重要？ 為什麼網站載入速度這麼重要？ 提升網站載入速度對你絕對有幫助。 不管對於網站 SEO 排名、使用者體驗或是購物體驗來說，當你的訪客進入網站時需要等待很久才能進入（有時還有可能會載入失敗），那麼你很有可能就會損失這些潛在消費者。 當使用者進入你的網站時，就表示你的網站內容「很有可能」是他們想知道、想得到的東西，這點尤其對電子商務、購物網站更為明顯。No coupons found.Whoops SEO 最近做了一項研究，該研究表示網路上有超過 69% 的使用者希望網站的載入時間低於 2 秒以下。 這表示，當你的網站加載時間超過 2 秒，你的潛在使用者可能會因此跳離網站，進而轉向你的競爭對手網站當中去購買產品。 根據 Whoops SEO 的經驗，有 68% 的使用者會因為頁面加載時間超過 4 秒而馬上離開網站。因此你將永遠失去這些客戶。 website-speed-mattersInfogram 因此，如果你想要提升你的使用者體驗，其中的方法之一就是加快你的網站速度，讓載入時間壓縮低於 2 秒之內最為理想。 建立符合行動裝置版本的網站 2018 年 Google 提出行動優先索引演算法，已經將過去索引桌面版本頁面內容作為排名依據，轉移至採用手機版本的網頁內容作為主要的索引方式。 因此，2019 年的智慧型手機使用度與黏著度肯定會逐漸攀伸，也因此我們能夠理解為什麼 Google 如此重視手機版本的使用者體驗。（包括手機網站載入速度） 你的網站如果在 2019 年之後沒有採用 RWD 響應式網頁設計，那麼建議你儘早製作新的網站，以免讓你損失長年以來累積的 SEO 效果。 更進一步的是，如果你還能替你的網站加入 AMP 與 PWA，那麼對提升手機網站載入速度肯定會有更加飛躍性的成長。 要怎麼檢測網站載入速度？ 要確認你的頁面載入速度其實很間單，不僅許多網站都提供了免費的線上測速服務，同時 Google 本身也有許多 SEO 工具來幫助你檢測網站的 SEO 分數（包括網站速度）。 透過 PageSpeed Insights，只要輸入你的網址，Google 就會幫你的網站進行健檢，同時告訴你有哪些地方能夠改善並加快你的網站速度。 如果你的網站過於緩慢，只要按照 Google 給予你的建議進行優化調整，你的網站肯定就能在網站速度與使用者體驗上，提供更好的顧客體驗。 有關 Google SEO 檢測工具可以參考： Chrome Lighthouse TestMySite Page Speed Insights 提升網站載入速度的三種方法 有許多方式可以優化網站並提升網站加載的速度，以下三點是常見的方式： 1. GZIP 壓縮： 如果你想要提升你的網頁載入時間，讓你的加載速度能夠比以往更快一些，那麼啟用 GZIP 壓縮通常可以將網站的檔案大小減少高達 70%，同時也不會影響到網站內容、架構與圖片的品質。 2. 將 CSS 與 JavaScript 存為外部檔案： 當瀏覽器在載入網站時，每當使用者點擊網站的不同頁面時，都會重新加載一次 CSS 與 JavaScript 的檔案。 因此，當你的 CSS 與 JavaScript 檔案儲存在外部檔案時，那麼即使使用者點擊不同頁面，相同的樣式檔案也只需要載入一次即可。 因此，你的網站速度就能因此獲得大幅度的提升。 3. 使用緩存與快取： 在 WordPress 當中，我們常常使用緩存快取外掛來優化網站的載入速度，因此你可以在眾多緩存快取外掛當中找到適合你網站的外掛進行使用。 除了緩存外掛之外，你也應該考慮使用 CDN 來幫你的圖片與頁面資源進行速度上的優化，當你的圖片託管於 CDN 之後，除了能有效降低主機的負載量之外，也能讓你的圖片在全球各地都能快速的響應與載入顯示。 你可以使用 ClouDNS 來代管你的 DNS 與啟用 CDN 服務，或是你也可以使用 CloudFlare 進行 DNS 與 CDN 的託管。 除了上面介紹的方法之外，當然還有許多優化方式能夠提升網站載入的性能。 例如調整網站架構、選擇更快的主題、調整圖片的原始大小…等等。 在你上傳圖片到網站之前，建議你可以先使用線上圖片壓縮工具來減少圖片的容量大小，讓你的網站載入速度不會因為圖片過大而受到載入緩慢的情況發生。 免費線上壓縮圖片工具： 如何在 WordPress 當中實現 WebP 圖片壓縮格式 Squoosh 免費線上圖片壓縮工具，Google 推出可離線使用跨平台功能 Recompressor 免費線上圖片壓縮工具 – 幫你找出最佳圖片壓縮比例 2019 的網站載入速度應該要多快？ 在 2019 當中，你的網站載入速度當然是越快越好，尤其是智慧型裝置的網站加載速度更為重要。 但是，儘管我們在前面的研究當中有提到網站載入時間最好保持在兩秒以下，但是千萬不要為了速度而拋棄了許多功能或顯示的效果，反而本末導致了。 如何兼顧網站功能、設計與網站速度，就是所有網站在 2019 年中的巨大挑戰。 你用哪些方式來優化與提升你的網站載入速度呢？歡迎在下方留言告訴我你的想法與做法。 猜你喜歡 2019 虛擬主機推薦清單 – 12 個最完整的 WordPress 主機推薦懶人包 SiteGround 2019 年 3 月：3 折 70% off 優惠續約折扣，台灣 WordPress 推薦主機評測 [2019] 11個 WordPress SEO 推薦外掛教學 On-page SEO 網站優化 – 改善內容提升排名的秘訣 14 個最佳 WordPress Cache Plugins 緩存快取外掛推薦 – 2019 免費/付費通通有 WordPress 是什麼？新手入門教學 – 深入淺出帶你了解什麼是 WordPress 網站 6 個實用的小技巧，告別 WordPress 網站速度變慢的問題，加速你的 WP 網站 8 個我不建議你在 2019 年使用 Blogspot 建立網站的原因 RunCloud 整合 GCP 主機，建立 WordPres 網站教學 WPX Hosting 主機評測 – VPS 規格 Shared Hosting 價格，是你 WordPress 網站託管的最佳選擇