4 wskazówki od programisty Shopify dotyczące tworzenia szybszej strony internetowej

Dlaczego programista Shopify martwi się o szybkość witryny?

Doświadczony programista internetowy Shopify wie, że Twoja witryna eCommerce powinna załadować się w zaledwie trzy sekundy, aby przyciągnąć jak najwięcej klientów. Z każdą sekundą dłużej sprzedawca internetowy naraża się na utratę biznesu z powodu niecierpliwości i krótkiego czasu skupienia uwagi. Jednak ostatnie badanie, które dotyczyło prawie stu sklepów internetowych, wykazało, że średnia prędkość sklepów Shopify wynosiła ponad dziewięć sekund.

Strona ładująca się w ciągu dziewięciu sekund to strata biznesu. Zalecana prędkość dla wszystkich witryn to siedem sekund, a firmy eCommerce muszą być szybsze, aby wyprzedzić konkurencję. Krótko mówiąc, powolna strona internetowa może zabić Twoją firmę, kosztować tysiące przychodów i odstraszyć klientów, którzy w przeciwnym razie kochają Twój produkt. Nie tylko jest to biznes, na którego utratę nie możesz sobie pozwolić, ale utrata klientów na wydajność witryny jest całkowicie niepotrzebna.

Usuń wszelkie niepotrzebne wtyczki

Wtyczki mają na celu poprawę działania Twojej witryny, prawda?

Jak się okazuje, wiele wtyczek świetnie radzi sobie z jednym problemem, ale nie optymalizuj swojego sklepu Shopify pod kątem szybkości. Wtyczki mają na celu poprawę różnych aspektów funkcjonalności. Inteligentna firma eCommerce używa wtyczek w całym sklepie Shopify, aby poprawić wrażenia użytkownika i ułatwić zarządzanie sklepem internetowym. Jednak programista internetowy Shopify powie Ci, że każda wtyczka spowalnia Twoją witrynę, niektóre bardziej niż inne.

Zacznij od przejrzenia wszystkich wtyczek działających w Twojej witrynie i usunięcia tych, które są zbędne. Ponadto, jeśli wtyczka nie dodaje wartości do funkcjonalności Twojej witryny, usuń ją. To pierwsze przejście do wtyczek powinno być oczyszczeniem wszystkich niepotrzebnych wtyczek. Po tym dogłębnym usunięciu niektórych wtyczek poprawa szybkości polega na konserwacji. Wszystkie wtyczki muszą być regularnie aktualizowane. Im dłużej wtyczka jest nieaktualna, tym większe prawdopodobieństwo, że spowoduje problemy z działaniem Twojej witryny.

Podczas usuwania lub aktualizacji wtyczek spójrz na widżety na swojej stronie. Czasami dodatkowe elementy na stronie docelowej, stronie produktu, a nawet stronie kontaktowej mogą spowolnić ładowanie głównej treści. Jeśli istnieje możliwość wyeliminowania dodatkowych widżetów lub zredukowania strony docelowej do jednej kolumny, twórcy stron internetowych Shopify zdecydowanie to polecają.

Zastąp lub usuń zbyt duże obrazy

Wiele sklepów Shopify ma problemy z obrazami. Jeśli przeszukujesz fora dyskusyjne na „powolnych witrynach Shopify”, zdecydowana większość porad dotyczy zmniejszania rozmiaru i umieszczania obrazów. Jest to jednak trudna rada do przełknięcia przez firmę eCommerce.

Sprzedawcy internetowi chcą zaprezentować swoje produkty, dołączając piękne zdjęcia. Oznacza to, że sklepy Shopify mają już więcej możliwości umieszczania obrazów i innych mediów niż inne strony internetowe. Dodatkowo istnieje ogromna zachęta do korzystania z obrazów w pełnej rozdzielczości. Te zdjęcia pomagają potencjalnemu klientowi połączyć się z produktem, a lepsze zdjęcia budują wiarygodność. Wreszcie, jeśli obrazy w Twoim sklepie Shopify nie wyróżniają się lub nie przyciągają uwagi widza, masz mniejsze szanse na dokonanie sprzedaży.

Mając na uwadze wszystkie te konkurencyjne zachęty, może się wydawać, że zalecenie usunięcia obrazów lub zastąpienia zbyt dużych plików narusza inne cechy Twojej witryny Shopify. Nie o to chodzi.

Twórca stron internetowych Shopify stale zdaje sobie sprawę, że obrazy w pełnej rozdzielczości i wysokiej jakości wyglądają świetnie, ale ładują się bardzo wolno. Aby rozwiązać ten problem, programista użyje narzędzi online, aby zmniejszyć rozmiar pliku obrazu bez obniżania jakości. Podczas kompresji i optymalizacji obrazów może nie być konieczne usuwanie żadnych multimediów ze sklepu Shopify. Jednak nadal jest powód, aby rozważyć ograniczenie liczby obrazów na stronie docelowej, ponieważ minimalistyczne projekty są nadal popularne wśród kupujących online.

Czas na zmianę motywu

Motywy to kolejny obszar, w którym wszystkie rzeczy nie są sobie równe. Zanim programista internetowy Shopify doda wtyczki, prześle obrazy lub dostosuje projekt, niektóre motywy są budowane w celu uzyskania lepszej wydajności. Jeśli nie zdecydowałeś się na motyw Shopify, jednym z najprostszych sposobów na zbudowanie szybkiej witryny jest wybranie zoptymalizowanego motywu.

Jeśli tworzysz własną witrynę Shopify, wybór odpowiedniego motywu będzie wymagał pewnych badań. Zacznij od znalezienia kilku preferowanych motywów. Następnie użyj Pagespeed Insight od Google lub innego narzędzia do pomiaru wydajności, aby ocenić wskaźniki wydajności motywu. Często można po prostu porównać strony podglądu każdego motywu, aby określić te, które działają szybciej.

Chociaż Twoje porównanie stanie się ogólnym wynikiem Pagespeed Insight, okaże się, że szybkość działania motywu Shopify jest ściśle powiązana z kodem motywu. Wolniejsze motywy będą wymagały do ​​uruchomienia wielu plików JavaScript i wielu plików CSS. Każdy z tych plików musi być ładowany przez blokowanie renderowania, co spowalnia wydajność. Zamiast tego poszukaj zoptymalizowanego motywu, który zawiera jeden plik JavaScript i jeden plik CSS.

W bibliotece Shopify jest sporo opcji, które oferują te funkcje. Dlatego nie martw się, że szukanie zoptymalizowanego motywu ograniczy projekt, wygląd lub styl Twojego sklepu internetowego.

Nie sprzedawaj reklamodawcom zewnętrznym

Stworzenie sklepu Shopify, który reprezentuje Twoją markę i działa płynnie, zajmuje dużo czasu i wysiłku. Często umieszczenie wszystkich treści, multimediów i widżetów na stronie bez spowalniania szybkości jest przedsięwzięciem. Jednak firmy handlu elektronicznego muszą również rozważyć, w jaki sposób treści stron trzecich wpływają na ich witrynę.

W większości przypadków skrypty innych firm mogą działać płynnie w Twoim sklepie Shopify. Na przykład Amazon, Facebook i PayPal opracowały interfejsy API i skrypty innych firm, które szybko ładują się w Twojej witrynie. W rzeczywistości te skrypty mogą być prawdopodobnie szybsze niż reszta motywu Shopify. Ale firmy eCommerce chcą dodawać inne treści stron trzecich. Niezależnie od tego, czy jest to połączenie w mediach społecznościowych, czy reklama innej firmy, te skrypty mogą być korzystne. Jednak niektóre skrypty innych firm szkodzą optymalizacji witryny.

Im więcej masz skryptów innych firm, tym większa szansa, że ​​coś spowolni Twój sklep Shopify. Te skrypty mogą nawet zatrzymać Twój sklep. Deweloperzy stron internetowych Shopify mogą rozpoznać, które treści innych firm mogą spowalniać Twoją witrynę, i pomóc zoptymalizować skrypty innych firm, których faktycznie potrzebujesz.

1Digital Agency jest partnerem Shopify Plus i wykwalifikowanym programistą internetowym Shopify. Nasz zespół ściśle współpracuje z Shopify w celu dostosowania sklepów internetowych klientów. Odwiedź naszą stronę internetową, aby dowiedzieć się więcej o naszej bliskiej współpracy z Shopify oraz o tym, jak nasz zespół rozwiązuje problemy Shopify, takie jak powolne ładowanie stron internetowych.