最近一位網(wǎng)友說(shuō)他的Shopify獨(dú)立站很慢，詢問(wèn)我們是否能進(jìn)行優(yōu)化，我用Google工具檢查頁(yè)面加載速度，發(fā)現(xiàn)該網(wǎng)站確實(shí)非常慢。因此，我為他進(jìn)行了一些圖像優(yōu)化，提高了google分?jǐn)?shù)。
為什么Shopify獨(dú)立站速度很慢？
下面是來(lái)自Google PageSpeed Insights工具的真實(shí)測(cè)試結(jié)果。只要看看所有的紅色和橙色警告即可！
例如：
- 減少未使用的 CSS
- 減少未使用的 JavaScript
- 減少初始服務(wù)器響應(yīng)時(shí)間
- 確保文本在加載網(wǎng)絡(luò)字體期間保持可見(jiàn)
- 減少第三方代碼的影響
- 減少 JavaScript 執(zhí)行時(shí)間
與代碼（CSS、Javascript 等）相關(guān)的任何項(xiàng)目都是 Shopify本身或前端模板的問(wèn)題。
第三方代碼問(wèn)題主要與應(yīng)用程序有關(guān)，應(yīng)用程序相當(dāng)于Shopify的插件。每一個(gè)功能都允許商店創(chuàng)建者向其網(wǎng)站添加更多功能，包括配送中心、支付網(wǎng)關(guān)和社交源。每個(gè)應(yīng)用程序都會(huì)增加您網(wǎng)站的重量，需要時(shí)間來(lái)加載和執(zhí)行提供所需功能所需的代碼。對(duì)于字體來(lái)說(shuō)也是如此。
如何讓您的 Shopify 網(wǎng)站更快
因此，如果運(yùn)營(yíng)者因?yàn)椴皇情_(kāi)發(fā)人員而無(wú)法改進(jìn)代碼，那么如何加速您的Shopify網(wǎng)站呢？
1.使用AMP應(yīng)用
使用應(yīng)用程序來(lái)彌補(bǔ)移動(dòng)加速頁(yè)面 (AMP) 的不足可能有助于提高移動(dòng)設(shè)備上的頁(yè)面速度。
AMP是一個(gè)開(kāi)放標(biāo)準(zhǔn)框架，旨在幫助在移動(dòng)設(shè)備上提供快速加載的網(wǎng)頁(yè)。由于超過(guò)50%的購(gòu)物者定期使用移動(dòng)設(shè)備訪問(wèn)網(wǎng)站，因此確保您的網(wǎng)站盡快加載非常重要。
2.使用更少的應(yīng)用程序
我們剛剛告訴您使用應(yīng)用程序來(lái)幫助提高網(wǎng)站速度，現(xiàn)在我們告訴您減少使用應(yīng)用程序，是不是很矛盾。但這一切都是為了權(quán)衡利弊。添加更多應(yīng)用程序的好處是否能抵消他們帶來(lái)的問(wèn)題，只有測(cè)試才能得出答案。
3.減少雜亂的內(nèi)容
大家喜歡添加很多精彩的營(yíng)銷圖片，但請(qǐng)記住，您添加到網(wǎng)頁(yè)的每一個(gè)小東西都會(huì)導(dǎo)致它的加載速度稍微慢一些。?
盡量保守你的內(nèi)容。僅包含對(duì)用戶真正有價(jià)值的內(nèi)容。
更少的內(nèi)容會(huì)讓用戶更專注，使他們能夠完成您真正希望他們完成的任務(wù)，例如購(gòu)買。
4.優(yōu)化您的圖像
圖像優(yōu)化是您可以完全控制的。有一個(gè)應(yīng)用程序可以做到這一點(diǎn)，但是當(dāng)一個(gè)好的圖像編輯器和在線壓縮工具可以做得更好時(shí)，沒(méi)有必要使用Shopify圖像壓縮應(yīng)用程序。
如何減小圖像文件大小
無(wú)論平臺(tái)如何，減小圖像文件大小的方法都是相同的。目的是充分壓縮圖像以大幅減小文件大小，同時(shí)保持圖像質(zhì)量不變。我們使用兩種工具來(lái)實(shí)現(xiàn)這一目標(biāo)：
- 出色的圖像編輯軟件，例如Photoshop。
- 在線圖像優(yōu)化工具。
Shopify網(wǎng)站優(yōu)化后的速度結(jié)果
使用以上方法優(yōu)化后，再使用 Google的PageSpeed Insight工具得出的桌面速度為91（提高了25）：
Shopify 是一個(gè)出色的電子商務(wù)平臺(tái)，特別是對(duì)于初創(chuàng)企業(yè)和預(yù)算較小的小公司而言。但便利是有代價(jià)的，這個(gè)代價(jià)就是頁(yè)面速度。
提高Shopify網(wǎng)站的頁(yè)面速度是可能的，但這樣做往往涉及更改代碼（只有開(kāi)發(fā)人員才能這樣做）。
因此，如果您想提高Shopify網(wǎng)站的速度，但又不會(huì)修改代碼，那您的主要任務(wù)是優(yōu)化所有圖片。從Logo到產(chǎn)品圖片和更大的廣告圖片，每個(gè)圖得都應(yīng)正確調(diào)整大小和壓縮，以便為用戶提供最佳的頁(yè)面速度。
如果您需要幫助，可以聯(lián)系數(shù)智易，我們?yōu)槟峁┆?dú)立站開(kāi)發(fā)、推廣和維護(hù)的各種服務(wù)。
你可能還喜歡下面這些文章
Shopify和WordPress之間的選擇需根據(jù)業(yè)務(wù)需求和目標(biāo)而定。Shopify適合B2C線上零售，易用但受平臺(tái)管理限制；WordPress則適合需要完全定制、廣泛插件及自主可控的B2B或B2C業(yè)務(wù)。兩者都能搭建跨境電商獨(dú)立站，但WordPress在SEO優(yōu)化方面更具優(yōu)勢(shì)。Shopify提供內(nèi)置數(shù)據(jù)分析工具，而WordPress需依賴插件。此外，WordPress提供多種電子商務(wù)插件選擇，兩者
