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