Zwiększanie wydajności sklepu online

Twój sklep online składa się z zestawu funkcji, takich jak kod szablonu, aplikacje, obrazy, filmy, karuzele, kanały mediów społecznościowych i analizy. Funkcje te mogą poprawić wrażenia odwiedzających i zwiększyć funkcjonalność Twojej strony.

Każda funkcja dodawana do sklepu online może mieć jednak wpływ na jego wydajność. Niektóre funkcje mogą spowalniać Twoją stronę internetową lub prowadzić do nieoczekiwanych zachowań, które mogą mieć wpływ na wrażenia użytkowników.

Wydajność strony internetowej koncentruje się na optymalizacji doświadczenia użytkownika. Obecnie wydajność strony internetowej skupia się na trzech głównych obszarach, które znajdują również odzwierciedlenie w podstawowych wskaźnikach internetowych:

• Szybkość ładowania mierzona za pomocą wskaźnika LCP (Largest Contentful Paint)
• Stabilność układu mierzona za pomocą wskaźnika CLS (Cumulative Layout Shift)
• Reakcja na interakcję użytkownika mierzona za pomocą wskaźnika FID (First Input Delay) i INP (Interaction to Next Paint)

Dzięki optymalizacji wydajności strony internetowej klienci są bardziej skłonni do pozostania na stronie i konwersji. Dowiedz się więcej na temat znaczenia wydajności strony internetowej.

Optymalizacje dla sklepu online

Twój sklep online ma wbudowaną optymalizację strony internetowej. Optymalizacja strony internetowej jest również wbudowana w nowe funkcje. Nie musisz wykonywać żadnych czynności, aby skorzystać z poniższych funkcji:

• Twój sklep online jest hostowany na szybkich, globalnych serwerach i nie ogranicza przepustowości Twojego sklepu. Status sklepu Shopify możesz sprawdzić w opcji Status Shopify.
• Twój sklep online ma sieć CDN (Content Delivery Network) obsługiwaną przez Cloudflare, która zapewnia szybkie ładowanie stron sklepu na całym świecie. Status CDN możesz sprawdzić na stronie statusu Cloudflare.
• Aby zapewnić krótki czas ładowania, obrazy są automatycznie optymalizowane za pomocą sieci CDN z obrazami. W połączeniu z kodem szablonu sieć CDN z obrazami może obsługiwać najlepszy format obrazu, który jest również zmieniany i skompresowany w celu zachowania małego rozmiaru plików.

Czynniki wpływające na wydajność strony internetowej

W przypadku sklepów Shopify najistotniejsze czynniki wpływające na wydajność strony internetowej to:

• Szablon sklepu online
• Zainstalowane aplikacje
• Wszelkie dodatkowe kody firm zewnętrznych dodane ręcznie do sklepu, w tym menedżery tagów i zawarte w nich tagi

Oznacza to, że w celu zwiększenia wydajności strony internetowej musisz wykonać poniższe czynności:

• Skorzystaj z aktualnego, zoptymalizowanego szablonu Online Store 2.0. Wszystkie szablony Shopify Online Store 2.0 są darmowe i zoptymalizowane pod kątem wydajności strony internetowej. Ponadto wiele innych szablonów firm zewnętrznych jest również zoptymalizowanych pod kątem wydajności strony internetowej. Możesz przejrzeć najnowsze dane dotyczące wydajności szablonu.
• Oceń zainstalowane aplikacje i kod firmy zewnętrznej, aby upewnić się, że tworzą wartość wystarczającą do zrównoważenia potencjalnych spadków wydajności.
• Przeprowadź kontrolę menedżera tagów, aby usunąć nieużywane lub mało wartościowe tagi. Dowiedz się więcej o najlepszych praktykach dotyczących tagów i menedżerów tagów.

Narzędzia do testowania

Możesz użyć poniższych narzędzi do zbadania wydajności Twojego sklepu online.

Pulpit wydajności strony internetowej

Raport Pulpit wydajności strony internetowej Shopify wykorzystuje podstawowe wskaźniki internetowe w celu oceny wydajności sklepu online z perspektywy prawdziwych użytkowników.

PageSpeed Insights

Aby wyświetlić bardziej szczegółowe wskaźniki dla stron w swoim sklepie, możesz uruchomić własne raporty, używając narzędzia Google PageSpeed Insights.

Uzyskaj pomoc techniczną w zakresie wydajności sklepu online

Jeśli korzystasz z darmowego szablonu od Shopify, Pomoc techniczna Shopify może być w stanie pomóc Ci w zakresie podstawowych ulepszeń wydajności.

Jeśli korzystasz z szablonu firmy zewnętrznej i potrzebujesz pomocy, musisz skontaktować się z projektantem szablonu, zatrudnić naszych ekspertów od wydajności stron internetowych Shopify lub partnera Shopify. Dowiedz się więcej o zatrudnianiu partnera Shopify.

Jeśli Twój problem z wydajnością ma swoje źródło w aplikacji, możesz skontaktować się z twórcą aplikacji.

Jeśli masz zespół programistów lub współpracujesz z agencją, możesz również skontaktować się z nimi w celu uzyskania dalszej pomocy.

Informacje techniczne i zasoby dotyczące rozwiązywania problemów

Jeśli jesteś programistą, który stara się poprawić wydajność witryny sklepu, szablonu lub aplikacji Shopify, możesz przejrzeć poniższe zasoby dla każdego podstawowego wskaźnika internetowego. Dowiedz się więcej o najlepszych praktykach dotyczących wydajności szablonów Shopify.

Szybkość ładowania

Wskaźnik LCP (Największe wyrenderowanie treści) mierzy szybkość ładowania w oparciu o czas, w jakim największy element na ekranie staje się widoczny. TTFB (Time to First Byte) i FCP (First Contentful Paint) to wskaźniki pomocnicze, które pomagają poznać pierwotną przyczynę problemu. Możesz dowiedzieć się więcej o debugowaniu typowych przyczyn wolnego ładowania w witrynach sklepów Shopify Liquid.

Stabilność obrazu

Wskaźnik CLS (Skumulowane przesunięcie układu) mierzy stabilność wizualną na podstawie stopnia nieoczekiwanego przesunięcia się zawartości podczas ładowania. Aby uzyskać szczegółowe informacje o debugowaniu CLS, zapoznaj się z tematem Jak zoptymalizować wskaźnik CLS (Cumulative Layout Shift) na stronach Shopify?.

Interaktywność

Wskaźnik FID (Opóźnienie przy pierwszym działaniu) mierzy interaktywność w oparciu o czas reakcji strony na pierwsze działanie użytkownika, takie jak kliknięcie linku lub przycisku. Został on zastąpiony wskaźnikiem INP (Interakcja do kolejnego wyrenderowania) w podstawowych wskaźnikach internetowych. Pracujemy nad dodaniem wskaźnika INP do pulpitu wydajności strony internetowej.

Jeśli wskaźniki FID lub INP są słabe, prawdopodobnie w sklepie jest zbyt dużo kodu JavaScript z kodu szablonu, kodu aplikacji lub kodu firmy zewnętrznej/menedżera tagów. Usuń największe przyczyny problemu. Dowiedz się więcej o trzech sposobach identyfikacji problemów z ładowaniem stron związanych z kodem JavaScript. Jeśli będziesz mieć nadal problemy ze wskaźnikiem INP, dowiedz się więcej z zasobów dostępnych na web.dev.