Shopify Web 開發人員構建更快網站的 4 個技巧

已發表: 2017-07-27

為什麼 Shopify Web 開發人員擔心網站速度?

經驗豐富的 Shopify 網絡開發人員知道,您的電子商務網站應該在短短三秒鐘內加載,以吸引最多的客戶。 在線零售商每延長一秒,就會冒著因缺乏耐心和注意力不集中而失去業務的風險。 然而,最近一項針對近百家在線商店的研究發現,Shopify 商店的平均速度超過 9 秒。

九秒鐘內加載的網站正在失去很多業務。 所有網站的推薦速度為 7 秒,電子商務公司需要比這更快才能保持競爭優勢。 簡而言之,您緩慢的網站可能會扼殺您的公司,使您損失數千美元的收入,並趕走原本喜歡您產品的客戶。 您不僅不能失去這項業務,而且完全沒有必要因網站性能而失去客戶。

刪除任何不必要的插件

插件旨在幫助您的網站更好地運行,對嗎?

事實證明,許多插件都擅長處理一個問題,但不要優化您的 Shopify 商店以提高速度。 插件旨在改進功能的不同方面。 一家智能電子商務公司正在整個 Shopify 商店中使用插件來改善用戶體驗並使在線商店更易於管理。 但是,Shopify 網絡開發人員會告訴您,每個插件都會減慢您的網站速度,其中一些插件比其他插件更慢。

首先檢查您網站上運行的所有插件並刪除多餘的插件。 同樣,如果插件沒有為您網站的功能增加價值,請將其刪除。 插件的第一步應該是清除所有不必要的插件。 在深入刪除某些插件之後,提高速度就是維護。 所有插件都需要定期更新。 插件過時的時間越長,就越有可能導致網站性能出現問題。

在您完成刪除或更新插件的過程時,請查看您網站上的小部件。 有時,登錄頁面、產品頁面甚至聯繫網頁上的附加元素會減慢主要內容的加載速度。 如果有機會消除額外的小部件或將您的登錄頁面減少到單個列,Shopify 網絡開發人員強烈推薦它。

替換或刪除超大圖像

許多 Shopify 商店遇到圖像問題。 如果您在“緩慢的 Shopify 網站”上搜索論壇,絕大多數建議都是關於減小圖像的大小和位置。 然而,對於一家電子商務公司來說,這是一個難以接受的建議。

在線商家希望通過包含精美圖片來展示他們的產品。 這意味著 Shopify 商店已經比其他網站有更多放置圖片和其他媒體的機會。 此外,使用全分辨率圖像有很大的動力。 這些圖片幫助潛在客戶與產品建立聯繫,更好的圖片建立可信度。 最後,如果您 Shopify 商店中的圖片不突出或不吸引觀眾的注意力,您就不太可能進行銷售。

考慮到所有這些競爭性激勵措施,刪除圖像或替換超大文件的建議可能會損害您 Shopify 網站的其他質量。 不是這種情況。

Shopify Web 開發人員不斷意識到全分辨率、高質量的圖像看起來很棒,但加載速度很慢。 為了解決這個問題,開發人員將使用在線工具來減小圖像的文件大小,而不會影響質量。 壓縮和優化圖像時,您可能無需從 Shopify 商店中刪除任何媒體。 但是仍然有理由考慮減少目標網頁上的圖片數量,因為極簡設計繼續受到在線購物者的歡迎。

是時候改變你的主題了

主題是另一個並非所有事物都是平等的領域。 在 Shopify Web 開發人員甚至添加插件、上傳圖像或自定義設計之前,一些主題是為了更好的性能而構建的。 如果您還沒有決定 Shopify 主題,那麼構建快速網站的最簡單方法之一就是選擇優化的主題。

如果您正在構建自己的 Shopify 網站,則需要進行一些研究才能選擇正確的主題。 首先找到一些您喜歡的主題。 然後,使用 Google 的 Pagespeed Insight 或其他性能工具來衡量主題的性能指標。 通常,您可以簡單地比較每個主題的預覽頁面,以確定運行速度更快的頁面。

雖然您的比較將成為 Pagespeed Insight 的總體得分,但您會發現 Shopify 主題的速度性能與主題的代碼密切相關。 較慢的主題將需要多個 JavaScript 文件和多個 CSS 文件才能運行。 這些文件中的每一個都必須通過渲染阻塞加載,這會降低性能。 相反,尋找具有單個 JavaScript 文件和單個 CSS 文件的優化主題。

Shopify 庫中有很多提供這些功能的選項。 因此,不必擔心尋找優化的主題會限制您在線商店的設計、外觀或感覺。

不要賣給第三方廣告商

創建一個代表您的品牌並順利運行的 Shopify 商店需要花費大量時間和精力。 通常,在不降低速度的情況下將所有內容、媒體和小部件放到一個頁面上是一項艱鉅的任務。 但是,電子商務公司還必須考慮第三方內容如何影響他們的網站。

大多數情況下,第三方腳本可以在您的 Shopify 商店中順利運行。 例如,亞馬遜、Facebook 和 PayPal 開發的 API 和第三方腳本可以在您的網站上快速加載。 事實上,這些腳本可能比 Shopify 主題的其餘部分更快。 但電子商務公司希望添加其他第三方內容。 無論是社交媒體連接還是第三方廣告,這些腳本都是有益的。 但是,一些第三方腳本不利於網站優化。

您擁有的第三方腳本越多,某些東西就越有可能減慢您的 Shopify 商店。 這些腳本甚至可以使您的商店陷入停頓。 Shopify Web 開發人員可以識別哪些第三方內容可能會降低您的網站速度,並幫助優化您實際需要的第三方腳本。

1Digital Agency 是 Shopify Plus 合作夥伴和熟練的 Shopify 網絡開發人員。 我們的團隊與 Shopify 密切合作,以定制客戶的在線商店。 請訪問我們的網站,詳細了解我們與 Shopify 的密切合作關係以及我們的團隊如何解決 Shopify 問題,例如網頁加載緩慢。

標籤:清潔網站shopify Shopify 商店Shopify 網絡開發人員更新網站