7 sposobów na zoptymalizowanie szybkości Twojego sklepu Shopify

Prawie 1/4 odwiedzających opuszcza stronę, jeśli ładowanie trwa dłużej niż 4 sekundy. 46% z nich nigdy nie wraca do witryny z powodu słabej wydajności witryny. Powolna witryna prowadzi do słabej obsługi klienta i odpycha klientów.

Czy kiedykolwiek czekałbyś 15 sekund, aż strona załaduje swoją zawartość? Natychmiast opuszczasz stronę i szukasz innych sklepów. Tak więc powolna witryna hamuje ruch w witrynie i zwiększa współczynnik odrzuceń. Oba te czynniki negatywnie wpływają na potencjalną bazę klientów.

Szybkość witryny to nie tylko konserwacja techniczna. Wpływa bezpośrednio na przychody. Jak więc naprawić szybkość witryny sklepu Shopify? Dzisiaj przyjrzymy się 7 wskazówkom, jak zoptymalizować szybkość witryny sklepu Shopify.

1. Optymalizacja obrazu
2. Analizuj aplikacje innych firm
3. Wdróż AMP (przyspieszone strony mobilne)
4. Wybierz odpowiednie motywy i funkcje
5. Leniwe ładowarki
6. Unikaj wyskakujących okienek
7. Zmniejsz przekierowania i uszkodzone linki
8. Test szybkości witryny sklepu Shopify

Shopify udostępnia wynik szybkości witryny na samym pulpicie nawigacyjnym. Ten wynik mierzy szybkość ładowania witryny na podstawie wskaźników wydajności latarni Google. Średni wynik szybkości witryny Shopify to 50. Wszystko powyżej 70 to świetny wynik szybkości.

Jeśli wynik Twojej witryny jest poniżej 50, powinieneś zastosować te taktyki, aby poprawić wydajność witryny. Oprócz tego powinieneś uzyskać profesjonalną pomoc dotyczącą technicznych niuansów, takich jak minimalizacja skryptu Java i HTML czy blokowanie renderowania CSS i Javascript. Witryny Shopify mocno działają na HTML, CSS, Javascript itp., co spowalnia witrynę. Jeśli więc żadna z poniższych wskazówek nie działa, sprawdź kody i zaplecze witryny.

1. Optymalizacja obrazu

Zacznij od podstaw: obrazy. Obrazy o wysokiej rozdzielczości mogą spowolnić działanie witryny. A jeśli Twój sklep ma wiele obrazów HD, grafik i filmów, Twoja witryna będzie się znacznie opóźniać. Oto 5 sposobów optymalizacji obrazów i poprawy szybkości witryny:

Prześlij skompresowane obrazy

Zmniejszają rozmiar pliku i ładują się na stronie. Upewnij się jednak, że przestrzegasz określonych wymiarów obrazu, aby uniknąć obrazów o niskiej jakości.

Unikaj suwaków i wybierz układ bohaterów

Tylko 1% odwiedzających przechodzi przez suwaki. Dlatego zamiast wybierać 4-7 obrazów HD, użyj 1 obrazu o wysokiej rozdzielczości.

Unikaj GIF-ów i filmów.

Jeśli Twój produkt wymaga wielu zdjęć, wybierz 3-4 zdjęcia w wysokiej rozdzielczości. Wysokiej jakości plik GIF lub wideo może opóźniać się i ładować się do systemu odwiedzającego przez wieki.

Użyj odroczonego ładowania

W przypadku, gdy nie możesz zrezygnować z przesyłania wielu obrazów, filmów lub GIF-ów, w takim przypadku witryna wczytuje tylko treści dostępne na ekranie użytkownika. Tak więc, dopóki użytkownik nie otworzy suwaka ani nie dotrze do wideo, nie zostanie on załadowany. W rezultacie nie tylko ograniczone ładowanie treści, ale strona działa szybciej.

Trzymaj się statycznych obrazów

Zamiast GIF-ów lub filmów, oszczędzają obciążenie witryny i znacznie poprawiają szybkość.

2. Analizuj aplikacje innych firm

Instalowanie aplikacji innej firmy to standardowa praktyka dla właścicieli sklepów Shopify. Dodają je, aby poprawić wydajność, dodać funkcje, automatyzację i wiele więcej. Jednak uzyskanie zbyt wielu aplikacji wpływa również na kod. Prowadzi to do spowolnienia. Więc?

• Zidentyfikuj aplikacje, które nie służą żadnemu celowi i są bezużyteczne.
• Odinstaluj te aplikacje. Jeśli niektóre funkcje aplikacji nie działają, usuń je.
• Wyłączenie funkcji lub odinstalowanie aplikacji nie powoduje usunięcia integracji kodu. Musisz więc usunąć je ręcznie.

Usuń nieużywane aplikacje. Poza tym szukaj alternatyw dla aplikacji, które zakłócają szybkość witryny.

3. Wdróż AMP (przyspieszone strony mobilne)

W 2020 r. 61% ruchu w witrynie pochodziło z urządzeń mobilnych w Stanach Zjednoczonych. Ponad połowa użytkowników sprawdza Twój sklep z telefonów. Ale telefon trwa dłużej, aby załadować normalną stronę internetową na komputerze. Tak więc optymalizacja witryny pod kątem telefonów nie podlega negocjacjom.

Twój zespół techniczny może pomóc Ci w optymalizacji mobilnej. Możesz jednak dodać niektóre aplikacje z katalogu trzeciej aplikacji Shopify do majsterkowania. Aplikacje takie jak FireAMP i Shopsheriff pomagają w AMP. Ich skonfigurowanie zajmuje dużo czasu. Możesz jednak w ten sposób dotrzeć do znacznie większej liczby odbiorców.

4. Wybierz odpowiednie motywy i funkcje

Shopify ma obszerną bibliotekę motywów, funkcji i czcionek. Poprawiają one wygląd Twojej witryny, aby wyglądała atrakcyjnie. Jednak z każdym dodatkowym motywem/funkcją strona zwalnia.

• Pamiętaj, aby dodać responsywny motyw . Sprawdź, czy motyw spowalnia witrynę, a następnie go zastąp.
• Przeanalizuj, czy wszystkie dodane funkcje są używane, czy nie. W przypadku, gdy funkcja jest bezwartościowa, usuń je/wyłącz.
• Wybierz czcionki systemowe : Mono, Serif i Sans-serif. Unikaj wymyślnych czcionek, które system użytkownika musi najpierw pobrać. W takich przypadkach pobranie czcionki, załadowanie czcionki i załadowanie strony internetowej zajmuje dużo czasu. Mimo że Shopify oferuje wiele opcji czcionek, trzymanie się podstawowych czcionek systemowych działa dobrze.

Wszystkie motywy i funkcje są ciężkie w CSS / HTML, co wpływa na szybkość witryny. Wybieraj je mądrze i unikaj niepotrzebnych elementów.

5. Leniwe ładowarki

Lazy loading to technika optymalizacji, w której strona ładuje tylko ograniczoną zawartość. Jeśli użytkownik znajduje się w określonej części sklepu/witryny, ładuje tylko tę konkretną część. Jest to podobne do odroczonego ładowania wideo. O ile nie jest to wymagane, strona załaduje tylko te elementy, z którymi użytkownik wchodzi w interakcję.

Jest skuteczny w sklepach, które dodają wiele obrazów, filmów, GIF-ów i innych ciężkich plików. Może zaoszczędzić znaczny czas ładowania i zwiększyć szybkość witryny.

6. Unikaj wyskakujących okienek

Wyskakujące okienka mają kluczowe znaczenie dla firm, aby wyróżnić produkty informacyjne lub biuletyny. Pomagają konkretnym treściom znaleźć się w centrum uwagi, aby przyciągnąć więcej uwagi. Zmniejszają jednak szybkość witryny i wpływają na wrażenia użytkownika.

• Unikaj dużych wyskakujących okienek, które zajmują całą stronę. Wydłużają czas ładowania i prowadzą do opóźnień/zawieszeń witryny. Ponadto może być frustrujące dla użytkownika, gdy pojawia się wyskakujące okienko obejmujące całą stronę.
• Używaj wyskakujących okienek na określonych, wartościowych stronach. Nie musisz dodawać wyskakujących okienek na każdej stronie witryny/sklepu. Przeanalizuj wymagania i odpowiednio je wykorzystaj.
• Pokaż wyskakujące okienko po kilku sekundach, gdy użytkownik najedzie na Twoją witrynę. Użytkownik, który wchodzi i wychodzi z Twojej witryny, nie wchodzi w interakcję z Twoim wyskakującym okienkiem. Dodaj więc wyskakujące okienko po 7-15 sekundach od wylądowania użytkownika w Twoim sklepie. Są bardziej skuteczne i mają lepszy współczynnik klikalności.

7. Zmniejsz przekierowania i uszkodzone linki

Sklep może mieć różne przekierowania lub uszkodzone linki. Jednak opóźniają witrynę, a prędkość znacznie się zmniejsza. Możesz to naprawić bezpośrednio na pulpicie nawigacyjnym Shopify, wykonując przekierowanie 404.

Alternatywnie możesz dodać przekierowanie 301, które przeniesie użytkownika do nowego adresu URL. Możesz również usunąć te linki z pomocą zespołu technicznego. Usunęliby wszelkie uszkodzone linki i ograniczyli przekierowania.

Oprócz tych wszystkich wskazówek możesz użyć menedżera tagów Google do optymalizacji sklepu. Migrujesz swój kod do narzędzia, które pomaga w asynchronicznym ładowaniu całego kodu razem. Od strony technicznej jest wiele sposobów na poprawę szybkości sklepu. Może to oznaczać minimalizację HTML/CSS, blokowanie renderowania, usuwanie niepotrzebnych kodów i migrację.

Ale ile średnio powinna trwać ładowanie Twojej witryny? Przyjrzyjmy się kilku benchmarkom.

8. Test szybkości witryny sklepu Shopify

Dobra szybkość sklepu Shopify, dostępna na pulpicie nawigacyjnym, wynosi powyżej 50. Istnieją jednak inne narzędzia, które możesz wdrożyć, aby sprawdzić szybkość witryny.

Przeciętna witryna zajmuje około 3,8 sekundy, aby załadować pierwszy obraz i 22,1 sekundy, aby stała się interaktywna. Czy Twoja witryna trwa dłużej? Sprawdź szybkość ładowania witryny dla swojego sklepu Shopify.

Oto wykres przedstawiający średnie i najlepsze testy porównawcze szybkości sklepu Shopify.

Oprócz tego możesz tutaj również sprawdzić szybkość swojej witryny.

Korzystając z tych witryn, uruchom test trzy razy, aby uzyskać wyraźny obraz. Od tego momentu używaj średnich, ale nie polegaj na pojedynczym teście. Zapewnia to lepsze wyniki i wyraźny obraz szybkości sklepu.

Często zadawane pytania

Jaka jest najlepsza prędkość sklepu Shopify?

Wynik szybkości Shopify jest odzwierciedlany na samym pulpicie nawigacyjnym. Sklepy powinny próbować uzyskać wynik powyżej 50. Wynik szybkości 70 jest uważany za świetny dla sklepu Shopify.

Jakie są najczęstsze elementy, które spowalniają witrynę, w szczególności witrynę Shopify?

Najczęstsze elementy, które wpływają na szybkość sklepu, to obrazy i ciężkie kody zaplecza. Załadowanie zdjęć, filmów i GIF-ów w wysokiej rozdzielczości zajmuje trochę czasu i stają się interaktywne. Z drugiej strony motywy, funkcje i aplikacje innych firm zwiększają kod witryny, co zmniejsza prędkość sklepu.