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

首先我們找到一個國外大賣通過shopify系統建的網站，并通過谷歌一款測試網速的工具（developers.google.com）進行測試，如圖所示，評分竟然只有20分！（100分滿）。

而影響評分的因素有很多：

（一）圖片優化： 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文件。

CSS：壓縮體積，多個合并成1-2個

JS：壓縮體積，多個合并成1-2個，非核心的JS代碼盡可能試用 async。

據賣家反饋，Shopify系統的部分模板，需要賣家自己手動進行相關文件的代碼合并修改，因為這些模板都是由第三方進行開發的，所以若不懂代碼，則需要外聘技術來修改。

SHOPYY建站平臺針對此類問題，進行了自動代碼文件合并，無需賣家二次手動修改，即可從細節方面，提升用戶體驗。

（四）CDN加速優化

當網站的服務器位置與您網站的訪問者位于不同的地理位置，也會導致網站加載速度過慢，這時可以通過CDN加速服務，提升網站速度。

通俗一點講什么是CDN，簡單一點理解就是比如你網站的服務器在美國，而客戶在加拿大，當客戶在加拿大訪問你的網站的時候，CDN會自動將網絡節點切換到加拿大附近地區的節點，并且會記錄你過去訪問的足跡，進行相關頁面的緩存。這時再當其他加拿大客戶訪問你網站的時候，很大幾率可以選中其他客戶曾經訪問的緩存記錄，減少網站加載時間，從而提高網站打開速度和訪問速度。

據調查，Shopify已經使用了AKamai的CDN加速技術，而SHOPYY使用了阿里云的全球加速，打開速度都有保證。

SHOPYY作為國內SaaS模式自建站平臺，全中文后臺簡單易操作，只需商家提供域名，即可快速搭建好網站。并且SHOPYY平臺將為每個商家提供一對一資深顧問建站咨詢服務，從點到面解決網站搭建過程中遇到的難點。

【SHOPYY全新SAAS模式，三秒自助建站】

訂閱號：每日推送干貨文章

公眾號：注冊和開通SHOPYY賬號

選擇SHOPYY，一鍵開啟跨境電商獨立站

點擊鏈接免費試用：https://accounts.shopyy.com/invite-wangyh

建站咨詢QQ：3321789271

以上內容屬作者個人觀點，不代表雨果網立場！