速度是現在比以往任何時候都更本質的 WooCommerce 獨立站網頁設計。在 2022 年, 您的網站訪客想要快得多的網站體驗, 如果您不送, 就會去別的地方, 在那裡他們可以! 這只是現在的方式, 這種趨勢正朝著越來越快的網站。
設計師不斷地測試, 以確保他們的客戶有快速的網站會比那些不得到重視。快速的網站您問是什麼? 我們如何量化這一數值而言?
看看資料, 我們有一些研究說以下幾點:
● 47% 的多使用者想要一個網站在兩秒或更少 (根據負載 Akamai 研究)
● WooCommerce 電子商務消費者想要一個網站載入在兩秒, 但谷歌的目標是不到半秒 (根據谷歌網站管理員)
● 57% 的多使用者會放棄一個移動網站如果它花費的時間超過三秒載入 (根據版的研究)
顯然, 共識是更快更好, 因為它大大提高了多使用者體驗。這裡有一些奇妙的想法讓您客戶的網站更快!
讓您的設計簡約
顯而易見, 當您建立一個簡單的設計, 您的網站有更少的元素載入。當有更少的元素載入, 可以有效地提高您的網站的速度。
這完全取決於您的 WordPress 網站設計的哲學方法。您可以節省很多麻煩從一開始透過設計巧妙地避免有害的行為影響您的網站的載入速度。
設計師需要堅持極簡主義的真正原理提出的網站的光腳, 不需要很長時間的負載從一個頁面到另一個。
簡約的特點是:
● 一個漢堡選單而不是一個標準的導航欄
● 更多的白色或負空間
● 短的 web 表單
● 小的圖片
● 只有一個字型, 而不是不同型別的字型在您的網站上
維基百科是一個理想的例子 go-light-for-minimalism 設計方法。
從它的主頁在酒吧裡, 當我們輸入一個搜尋詞, 比如說 “老虎” 。它只需要不到一秒的時間去老虎的維基百科頁面。看 Alexa 工具條擴充套件, 我們可以確認這是真的!
理解的重要性的感知效能
即使在 WooCommerce 獨立站網頁設計中, 知覺是現實。這意味著設計, 只是認為是高度有用的不一定要快得多, 以生產高水平的多使用者滿意度或認為, 優秀的多使用者體驗。
雖然擁有快速的網站是至關重要的, 您還可以建立更快的網站, 經常的感覺如果它認為是快, 多使用者會很高興。
在這個深刻的影片 Luke Wroblewski, 他解釋說, 速度是關鍵路徑的多使用者體驗。而不是實現複雜的技術解決方案來提高網站的響應時間, 使用好的設計, 我們可以增加的感知效能和使介面看起來更快。
從谷歌獲得一些幫助
谷歌希望您的網站要快。幫助其整體的使命讓網際網路更快, 它促進了匯出了壓縮技術, 叫做 “Brotli” 去年。那麼為什麼不使用谷歌提供的神奇的工具作為一個 WooCommerce 獨立站網頁設計師嗎?
最好的起點是谷歌開發的使網頁更快的頁面。在這裡, 您會得到一個恆星各式各樣的工具和資訊, 加快您的 WordPress 網站設計。
谷歌提供了最好的工具之一 PageSpeed 見解, 您獲得詳細的見解是什麼導致您目前的網站是緩慢的。最好的部分是您可以得到詳細的報告和建議對移動和桌面版本的網站, 所以您真的沒有藉口再呈現一個緩慢的網站您的客戶!
後把您的站點的 URL 欄位中, 您得到的東西您應該修復列表網站速度和多使用者體驗, 當然, 攜手並進。
例如, 在我的網站上我們看到一個 72/100 的速度得分, 這是好的, 但顯然不是很好。分數下面, 我們看到一群建議我應該修復我的網站使它更快, 接近 100/100 的分數。不過, 儘管速度得分, 手機網站幾乎有一個完美的分數, 表明速度並不是唯一的因素在確定移動多使用者體驗!
當我們點選桌面選項卡中, 我們明顯看到一個更好的速度得分在 84/100 。相同的, 下面列出了新建議, 。
更多的谷歌建議您遵循和實現速度, 更快的網站您將建立您的客戶。
偷懶延遲載入
聽說過延遲載入嗎? 這種設計模式的特點是才渲染物件的時間點是必要的。例如, 物件在摺疊時才會開始載入和初始化多使用者實際上是向下滾動頁面。這僅在必要時設計方法意味著您的網站需要依賴更少的資源, 從而使它更快的效能。
特別注意: 如果您的頁面有很多內容, 因此需要多使用者向下滾動, 延遲載入自然是非常有效的。如果您設計一個 long-scrolling 頁面客戶端, 使用延遲載入, 因為這將大大提高網站的速度和多使用者體驗!
將延遲載入到您的設計, 只需挑選各種延遲載入外掛可用。
幾個好習慣包括:
· · 延遲載入為 jQuery 外掛
· · 延遲載入 WordPress 外掛
· · BJ 延遲載入
· · Unveil.js
· · bLazy.js
· · 角懶惰 IMG
· · ocLazyLoad
· · React-Lazy-Load
· · 傑森 Slyvia 的 React-Lazyload
蘋果的 iPhone 6 s 產品頁面是一個 long-scrolling 頁面。這使得一個完美的候選人延遲載入。如果您向下滾動頁面, 您可以看到有多少不同的影像, 每一個頁面的速度, 徵稅需要載入。頁面可以受益於延遲載入,Alexa 工具條擴充套件表明它載入在不到兩秒, 只是平均!
最佳化您的 WooCommerce 伺服器
讓您的網站的一個重要方面超快是您如何處理您的 WooCommerce 伺服器。特別是, 解決您的 WooCommerce 伺服器響應時間, 這樣, 也是超快是關鍵。您的 WooCommerce 伺服器響應時間需要多長時間您的 WooCommerce 伺服器響應瀏覽器請求。
換句話說, 您可以最佳化您的個人頁面, 所有您想要的速度, 但如果您忽視您的 WooCommerce 伺服器, 您的整體網站速度仍將低迷!
這是一個必備實施以下策略與您的 WooCommerce 伺服器, 以確保您的 WooCommerce 伺服器響應時間是超快:
● 為每一個頁面 (使用更少的資源推遲的圖片, 結合外部 CSS 檔案, 結合外部 script 檔案)
● 使用一個內容交付網路或 CDN
● 使用一個快取記憶體解決方案
● 提高您的 webWooCommerce 伺服器軟體配置
更快的網站獲得更多的多使用者, 買家和讀者
設計速度不能強調高度足夠的這些天! 是 2022, 您的多使用者, 買家和讀者想要快速的多使用者體驗。否則, 他們一定會去您的一個競爭對手的 WordPress 站群網站最佳化了速度!
透過實施以下技巧上面, 您保證改善您設計的網站的速度。這意味著快樂的客戶會對您的設計技能, 因此, 更多的業務來了您作為一個設計師!
當然, 保持測試您的網站看到它真的是最快的, 可能您可以建立的迭代。總有調整您可以到處讓它儘可能快。