如何提升Shopify和SHOPYY系統(tǒng)的訪問速度，并提高谷歌評分

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

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

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

（一）圖片優(yōu)化： 90%質量輸出+Webp

首先我們做獨立站的時候，經(jīng)常會忽略了圖片優(yōu)化。其實圖片對網(wǎng)站的影響非常大，因為一個網(wǎng)站里，圖片占據(jù)了頁面的95%，如果圖片得不到良好的優(yōu)化，那么其他方面的優(yōu)化做的再好，都會被一張大圖覆蓋掉網(wǎng)站的加載速度，因此我們需要做好圖片優(yōu)化。

而WebP（圖片格式）的優(yōu)勢體現(xiàn)在它具有更優(yōu)的圖像數(shù)據(jù)壓縮算法，能帶來更小的圖片體積，而且擁有肉眼識別無差異的圖像質量；同時具備了無損和有損的壓縮模式、Alpha 透明以及動畫的特性，在 JPEG 和 PNG 上的轉化效果都相當優(yōu)秀、穩(wěn)定和統(tǒng)一。并且采用了SHOPYY-Webp處理之后，在肉眼幾乎不能識別同時大小幾乎降低了40-60%，提高打開速度又大幅度提高谷歌測評分！

如下圖所示，傳統(tǒng)輸出 VS SHOPYY-Webp 輸出：

經(jīng)過多組測試同一張圖片：開源系統(tǒng) Magento(120K左右) VS Shopify(未壓縮時50K) VS SHOPYY（30K），而以上圖片幾乎是肉眼完全無法識別清晰度的差距。

經(jīng)過驗證Shopify跟SHOPYY目前都采用了 Webp智能格式輸出，大小要優(yōu)于現(xiàn)在其他如OpenCart、Magento等之類的開源系統(tǒng)。但Shopify需要另外安裝一個插件，來降低圖片質量度的，否則Shopify同一張縮略圖的大小會比Shopyy大 40-60%。

（二）插件的最佳使用方式

很多賣家運營獨立站的時候，可能覺得網(wǎng)站里安裝越多的插件，功能越全面，轉化率就越高。其實這樣做只會適得其反，因為當網(wǎng)站里插件過多，必定會影響網(wǎng)站訪問速度。所以我們可以將不必要的插件卸載掉，另外將必備的插件，進行相關設置。

比如彈窗插件，我們要設置禁止首屏彈出（用戶第一次訪問網(wǎng)站看到的頁面）?？赡軙匈u家擔心，進入網(wǎng)站后沒有彈窗會不會導致用戶的跳出率升高？我們要知道，只看了一個頁面就關閉網(wǎng)頁的用戶，也不是我們的目標用戶，這些用戶的意向度也并不會那么高。

據(jù)調查統(tǒng)計，Shopify很多高評分的插件，都是可以設置當用戶訪問3個或多個頁面后，再進行彈出的。這樣也避免了由于客戶一進入網(wǎng)站就被彈出窗口，影響用戶體驗。同樣，SHOPYY也可以進行相關設置，如下圖所示：

（三）網(wǎng)站前端代碼的優(yōu)化

經(jīng)常有賣家反映，我的網(wǎng)站訪問好慢，但是服務器運行速度又沒問題，帶寬也很充足！后來遇到的賣家反映多了，整合對比了下，才發(fā)現(xiàn)共通之處！究其原因在于網(wǎng)站調用的google字體庫，所以我們要避免網(wǎng)站里含有google字體，進而提升網(wǎng)站速度。

另外在項目的開發(fā)中,隨著項目插件的增加，js、css文件變得越來越多,這就會給獨立站性能方面帶來一些問題。如：頁面引入的js,css越多的話,那么就增加了http請求數(shù)，則會影響網(wǎng)站訪問速度，因為js和css文件沒有完全加載完成的話，網(wǎng)站頁面就無法打開或無法顯示完整，而解決該問題的一個好的方法就是合并js,css文件。

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

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

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

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

（四）CDN加速優(yōu)化

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

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

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

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

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

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

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

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

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

建站咨詢QQ：3321789271

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