影響Shopify獨立站加載速度的8個因素

這篇主要寫影響?yīng)毩⒄炯虞d速度的8個因素，如果你的網(wǎng)站經(jīng)過google speed insight檢查上加載速度過慢，請按照以下因素自查。

1.使用AMP快速打開頁面

加速移動端頁面 -  AMP是一個開放標(biāo)準(zhǔn)框架，專為任何發(fā)布商在移動設(shè)備上創(chuàng)建快速加載網(wǎng)頁而設(shè)計。

超過50％的購物者從移動設(shè)備購買，因此確保您的網(wǎng)站可以移動并快速加載非常重要。因此，通過AMP（移動加速頁面）技術(shù)，用戶可以在移動設(shè)備上快速訪問您的網(wǎng)站。

在Shopify中，您可以使用FireAMP或RocketAmp應(yīng)用程序快速高效地為您的網(wǎng)站生成AMP頁面。這兩款應(yīng)用程序在Shopify App Store上均獲得超過四星評級，并可改善您在移動設(shè)備上的頁面加載時間。否則，您可以考慮創(chuàng)建Shopify API來開發(fā)這些AMP頁面。

您可以創(chuàng)建著陸頁的AMP版本，以便開始閱讀如何使用AMP構(gòu)建頁面的帖子。

2.壓縮圖片

Shopify允許您添加以下圖像格式：

JPEG或JPG

JPEG

PNG

GIF

圖片壓縮非常重要，是加快網(wǎng)頁加載速度的必要條件。在進(jìn)行圖像優(yōu)化時，請確保您的圖像尺寸合適，并且不要在單頁上添加太多圖片。

對于新上傳圖片，您可以免費使用tinypng.com或tinyjpg.com來縮小圖像的大小。你可以在下面看到圖像; 這個工具總共節(jié)省了71％和286 KB。

使用優(yōu)化版本替換所有圖片后，頁面加載時間會自動改善。

對于Shopify商店中的現(xiàn)有圖片，您還可以使用Crush.pics或Image Optimizer壓縮圖像文件而不會有任何質(zhì)量損失。

3.為Shopify商店下載快速響應(yīng)主題

事實是，網(wǎng)站存儲速度主要取決于網(wǎng)站主題，因此在安裝主題之前，建議您檢查以下內(nèi)容：

尋找快速響應(yīng)的主題。檢查主題的最新副本并檢查主題的實時預(yù)覽。通過Google PageSpeed Insight運行主題預(yù)覽頁面，并查看使該頁面更快的建議。

選擇主題后，請記住保持最新狀態(tài)。

4.減少安裝的APP數(shù)量

通過Shopify下載的大多數(shù)APP會將一些JavaScript / CSS文件添加到您的商店。主要問題是，如果您不使用該應(yīng)用程序，JavaScript / CSS文件將在后臺運行，并使您的網(wǎng)站性能降低。

所以，這就是為什么你應(yīng)該通過你的商店檢查你沒有使用的任何APP并刪除它們。您可能嘗試了一些APP并忘記刪除。

5.減少HTTP請求

使用GiftOfSpeed的HTTP請求檢查器工具來查看您的頁面提出的總HTTPS請求數(shù)。您可以通過執(zhí)行以下操作來減少HTTP請求：

合并并內(nèi)嵌CSS腳本。內(nèi)嵌較小的JavaScript。結(jié)合所有JavaScript。最大限度地減少設(shè)計和功能圖片的使用CSS圖像精靈將圖像轉(zhuǎn)換為Base64代碼限制社交按鈕的數(shù)量

6.最小化重定向和死鏈接

由于過多的重定向和死鏈接，可能會出現(xiàn)性能問題。減少重定向和死鏈接數(shù)的最簡單方法是什么?避免不必要的重定向和修復(fù)死鏈接。

重定向

不必要的重定向會造成性能和速度問題，這可能會影響網(wǎng)站的總加載時間。在Shopify中，您可以通過名為“URL重定向”的內(nèi)置重定向函數(shù)應(yīng)用301重定向。

死鏈接

網(wǎng)站上的死鏈接可能是有害的，會增加不必要的HTTP請求，造成較差的用戶體驗。要在你的網(wǎng)站上找到和修復(fù)死鏈接，你可以使用免費工具，比如Broken Link Checker和Xenu。

7.使用Google Tag Manager管理并優(yōu)化你的跟蹤代碼

通常，您可以分別為Google Analytics，Google AdWords，再營銷等添加單獨的跟蹤代碼，也可以將其發(fā)送給開發(fā)人員; 此過程將花費時間并最終降低整體網(wǎng)站性能。在Google Tag Manager的幫助下，您的代碼會被存儲在一個位置。

您可以在Shopify商店中使用Google Tag Manager。Shopify官網(wǎng)也可以找到詳細(xì)的Step by Step教程

https://help.shopify.com/en/manual/reports-and-analytics/google-analytics/google-tag-manager

8.使用Hero布局而不是使用滑塊

滑塊已經(jīng)流行了一段時間了，人們通常會在滑塊上添加5-6張高質(zhì)量的圖片，這會增加網(wǎng)站的總加載時間。研究表明，是時候完全忽略它們了。

一些有趣的數(shù)據(jù)告訴我們?yōu)槭裁磻?yīng)該忽略滑塊

用戶不會點擊滑塊，只有1％的人實際點擊滑塊滑塊/旋轉(zhuǎn)木馬惹惱用戶并降低可見性 滑塊/旋轉(zhuǎn)木馬對SEO不利滑塊不適合移動設(shè)備滑塊按下您的內(nèi)容（頁面布局算法改進(jìn)）滑塊可以影響搜索引擎優(yōu)化

不使用滑塊，而是使用一個單獨的高質(zhì)量的英雄布局圖片與明確的號召性用語，并清晰地調(diào)用動作。檢查Dropbox;他們使用的是英雄布局。

Hero image的具體定義：

根據(jù)維基百科的說法是“一個大型的網(wǎng)頁橫幅圖片，突出顯示在網(wǎng)頁上，通常位于正面和中間。Hero image是網(wǎng)站上遇到的訪客的第一個視覺圖像，它提供了網(wǎng)站最重要的概述 英雄形象通常由圖像和文本組成，可以是靜態(tài)的或動態(tài)的（例如旋轉(zhuǎn)的圖像和/或主題列表）。

以上就是所有的能影響網(wǎng)站打開速度的因素和解決方案

（來源：K哥聊出海）