如何提升獨立站系統的訪問速度，並提高谷歌評分

據數據統計，當訪客訪問網站時，正常的等待時間只有3秒。超過3秒，訪客就可能大量流失。如何提高獨立站的打開速度，是每個跨境電商賣家需要面臨的難題。關於網速優化的文章有很多，但大多是隔靴搔癢，始終說不到點上，今天SHOPYY帶你瞭解它的運作原理和優化技巧。

影響評分的因素有很多：
（一）圖片優化：90%質量輸出+Webp
首先我們做獨立站的時候，經常會忽略了圖片優化。其實圖片對網站的影響非常大，因為一個網站裡，圖片佔據了頁面的95%，如果圖片得不到良好的優化，那麼其他方面的優化做的再好，都會被一張大圖覆蓋掉網站的加載速度，因此我們需要做好圖片優化。
而WebP（圖片格式）的優勢體現在它具有更優的圖像數據壓縮算法，能帶來更小的圖片體積，而且擁有肉眼識別無差異的圖像質量；同時具備了無損和有損的壓縮模式、Alpha 透明以及動畫的特性，在 JPEG 和 PNG 上的轉化效果都相當優秀、穩定和統一。
並且 採用了Shopyy-Webp處理之後，在肉眼幾乎不能識別同時大小几乎降低了40-60%，提高打開速度又大幅度提高谷歌測評分！
如下圖所示，傳統輸出 VS Shopyy-Webp 輸出：

經過多組測試同一張圖片：開源系統 Magento(120K左右) VS Shopify(未壓縮時50K) VS Shopyy（30K），而以上圖片幾乎是肉眼完全無法識別清晰度的差距。
經過驗證Shopify跟Shopyy目前都採用了 Webp智能 格式輸出，大小要優於現在其他如OpenCart,Magento,等之類的開源系統。但Shopify需要另外安裝一個插件，來降低圖片質量度的，否則Shopify同一張縮略圖的大小會比Shopyy大 40-60%。
（二）插件的最佳使用方式：
很多賣家運營獨立站的時候，可能覺得網站裡安裝越多的插件，功能越全面，轉化率就越高。其實這樣做只會適得其反，因為當網站裡插件過多，必定會影響網站訪問速度。所以我們可以將不必要的插件卸載掉，另外將必備的插件，進行相關設置。
比如彈窗插件，我們要設置禁止首屏彈出（用戶第一次訪問網站看到的頁面）。可能會有賣家擔心，進入網站後沒有彈窗會不會導致用戶的跳出率升高？我們要知道，只看了一個頁面就關閉網頁的用戶，也不是我們的目標用戶，這些用戶的意向度也並不會那麼高。
據調查統計，Shopify很多高評分的插件，都是可以設置當用戶訪問3個或多個頁面後，再進行彈出的。這樣也避免了由於客戶一進入網站就被彈出窗口，影響用戶體驗。同樣，SHOPYY也可以進行相關設置，如下圖所示：

（三）網站前端代碼的優化：
經常有賣家反映，我的網站訪問好慢，但是服務器運行速度又沒問題，帶寬也很充足！後來遇到的賣家反映多了，整合對比了下，才發現共通之處！究其原因在於網站調用的google字體庫，所以我們要避免網站裡含有google字體，進而提升網站速度。
另外在項目的開發中,隨著項目插件的增加，js、css文件變得越來越多,這就會給獨立站性能方面帶來一些問題。如：頁面引入的js,css越多的話,那麼就增加了http請求數，則會影響網站訪問速度，因為js和css文件沒有完全加載完成的話，網站頁面就無法打開或無法顯示完整，而解決該問題的一個好的方法就是合併js,css文件。

閱讀更多 跨境電商shopyy自建站 的文章

關鍵字: 訪客 算法 加拿大