Rozwiązywanie problemów z szybkością witryny w różnych funkcjach

Jak inne działy mogą pomóc w skuteczniejszym prowadzeniu projektu optymalizacji szybkości witryny.

Lina Hansson

Jednym z częstych mitów związanych z szybkością witryny jest to, że jest to odpowiedzialność tylko zespołu programistów. W rzeczywistości szybka witryna wymaga pomocy wielu działów. Deweloperzy rzadko rozwiązują problemy samodzielnie, bez względu na to, jak bardzo są utalentowani. Jak więc poprawić szybkość razem z współpracownikami? Z tego artykułu dowiesz się, jak Ty (jako web developer) możesz przekonać swoją firmę do nadania priorytetu szybkości strony, uzyskać pomoc różnych działów podczas optymalizacji i zwiększyć świadomość sukcesu projektu optymalizacji.

Rozwiązywanie problemów ze szybkością działania za pomocą zainteresowanych stron biznesowych

Wiele firm znajduje się w trakcie rewolucyjnej zmiany zachowań konsumentów, w której na znaczeniu zyskują zakupy na platformach cyfrowych kosztem sklepów stacjonarnych. Firmy muszą szybko się dostosować, w przeciwnym razie mogą stracić przychody. Aby odnieść sukces, trzeba wprowadzić nowe procesy organizacyjne i zmienić sposób myślenia, a także uzyskać zdecydowane poparcie zainteresowanych stron.

Udostępnione wyzwanie

Sposób organizacji firm prawdopodobnie będzie musiał ulec zmianie na kilku poziomach. Po pierwsze, projekt dotyczący szybkości, który może przynieść wzrost przychodów, będzie trudny do zrealizowania bez czasu na pracę deweloperów. Należy zadbać o przydział zasobów, a współpraca z innymi działami, takimi jak marketing czy projektanci stron internetowych, będzie przebiegać płynniej, jeśli zainteresowane strony i właściciele potraktują ten projekt priorytetowo.

Poza tym poziomem operacyjnym ważne jest, aby zainteresowane osoby wiedziały, że obecnie zachodzą 2 zmiany:

Oznacza to, że firmy, które podejmują decyzje na podstawie informacji od ekspertów ds. platform cyfrowych, będą miały przewagę. Możesz na przykład zaprosić programistę na spotkania, podczas których podejmujesz decyzje biznesowe, aby od samego początku uwzględniać w nich witrynę i jej ograniczenia. W ten sposób zapewnisz sobie większą sprzedaż.

Wysyłanie propozycji do zainteresowanych osób

Ogólnie około 10% sprzedaży odbywa się na platformach cyfrowych, ale badania pokazują, że aż 85% sprzedaży w sklepach stacjonarnych jest najpierw inspirowane przez internet. Dlatego tak ważne jest, aby witryna działała dobrze, zwłaszcza na urządzeniach mobilnych (które stają się głównym urządzeniem). Proponujemy projekt dotyczący przyspieszania działania, który pomoże zwiększyć liczbę konwersji w witrynie, oraz skonfigurowanie kanałów komunikacji, aby dane techniczne mogły być lepiej wykorzystywane przed podjęciem decyzji, które wpłyną na witrynę.

Przygotowanie do spotkania z zainteresowanymi osobami

Przed spotkaniem z osobami decyzyjnymi przygotuj dane o swojej witrynie i witrynach konkurencji oraz dane potwierdzające wysoką ROI proponowanych zmian. Zbieraj dane dotyczące znaczenia szybkości. Najlepiej, jeśli jest ona związana ze sprzedażą firmy. Oto kilka sposobów:

  • Oblicz względny współczynnik konwersji z urządzeń mobilnych. Skonsultuj się z zespołem ds. analityki i przeprowadź analizę opisaną w artykule Wartość szybkości. Jeśli w historii masz okres (co najmniej 2–3 miesiące), w którym czas wczytywania był znacznie dłuższy niż w innym okresie o takim samym czasie trwania, to zwykle oznacza, że niska szybkość witryny miała duży wpływ na konwersje na urządzeniach mobilnych. Dzięki tej analizie możesz obliczyć, ile przychodów firma straciła w okresie niskiej szybkości, co potwierdza wartość szybkości. Jeśli czasy wczytywania pozostają na tym samym poziomie, trudno będzie przeprowadzić analizę, ale możesz skorzystać z podanych niżej alternatyw, aby uzyskać więcej informacji.
  • Oszacuj wartość szybkości na podstawie modeli statystycznych. Za pomocą narzędzia TestMySite od Google możesz przeprowadzić test i obliczyć wpływ szybszej witryny na Twoją firmę. Wystarczą Ci dane o średniej liczbie miesięcznych wizyt, współczynniku konwersji i średniej wartości zamówienia, a zespół analityków może Ci w tym pomóc.
  • Przedstaw przykłady sprawdzonych metod. Możesz też skorzystać z doświadczeń innych firm, które przyspieszyły działanie swoich witryn i zauważyły pozytywne efekty. Przykłady znajdziesz w artykule Wpływ czasu wczytywania strony na współczynniki konwersji: 12 opisów przypadków.
  • Pokaż, jak ważne są urządzenia mobilne. Poproś zespół analityczny o dane dotyczące tego, jaki odsetek ruchu pochodzi z urządzeń mobilnych, a jaki z komputera.
  • Sprawdź, ile to będzie kosztować. Powyższe obliczenia pozwalają pokazać interesariuszom potencjalny wzrost przychodów wynikający z szybkości, ale aby mogli oni podejmować decyzje, muszą znać zwrot z inwestycji. Jeśli więc masz przygotowane szacowane koszty, decyzja kierownictwa może zostać podjęta szybciej. Aby to zrobić, sprawdź, ile czasu zajmie początkowy projekt z wysoką prędkością i ile czasu będziesz potrzebować na późniejsze czynności konserwacyjne. Na przykład w artykule Fast-forward thinking: TUI speed up their site by breaking down silos (ang.) deweloperzy mogli poświęcić 20% swojego czasu na realizację projektów związanych z przyspieszaniem działania witryny i inne sposoby jej ulepszania.

Spotkanie z zainteresowanymi osobami

  • Pokaż, ile ruchu generujesz na urządzeniach mobilnych i na komputerach oraz jak zmienił się ten ruch w ostatnich latach. Pokazuje to, jak ważne jest tworzenie świetnych wrażeń na urządzeniach mobilnych.
  • Przedstaw swoje spostrzeżenia dotyczące wpływu szybkości na przychody firmy.
  • Poinformuj zainteresowane strony, że deweloperzy mogą pomóc zwiększyć przychody z użytkowników mobilnych, jeśli będą mieli czas na ciągłe poprawianie szybkości.
  • Zaproponuj, aby jedna osoba z zespołu programistów została zaproszona na spotkania kierownictwa, na których będą podejmowane decyzje dotyczące witryny. Obecnie sprzedajemy na platformach cyfrowych. Zwycięzcami będą firmy, które zaczną komunikować się ze swoimi ekspertami ds. cyfrowych. Nowoczesne firmy muszą mieć skonfigurowane kanały komunikacji między działami, interesariuszami i programistami. Z badania przeprowadzonego przez Harvard Business Review wynika, że w przypadku 1 na 6 projektów IT koszty są wyższe o 200%. Przykładem jest firma Kmart, która w 2000 r.rozpoczęła projekt modernizacji IT o wartości 1,4 mld USD, ponieważ traciła pozycję konkurencyjną na rzecz firm Walmart i Target. Wczesne skonfigurowanie komunikacji i konserwacji pozwala na rozbicie silosów, a dzielenie się wiedzą może stać się przewagą konkurencyjną.

Rozwiązywanie problemów ze szybkością za pomocą zespołu marketingowego

Udostępnione wyzwanie

Zespoły marketingowe potrzebują narzędzi do obsługi reklam i danych, aby podejmować świadome decyzje, ale większość narzędzi spowalnia działanie witryn i często jest implementowana za pomocą skryptów blokujących renderowanie, przez co użytkownicy, którzy wejdą na stronę, muszą czekać, aż coś się wyświetli na ekranie. Dlatego potrzebna jest równowaga: dział marketingu potrzebuje danych i narzędzi, ale aby witryna miała niski współczynnik odrzuceń i wysoki współczynnik konwersji, musi być szybka, aby marketing uzyskiwał dobry zwrot z inwestycji.

Należy zachować ostrożność przy korzystaniu ze skryptów:

  • Unikaj zduplikowanych wymiarów, które mierzą mniej więcej to samo.
  • Usuń narzędzia, których już nie używasz.
  • Nie mierz „przydatnych” rzeczy. Mierz tylko dane o kluczowym znaczeniu dla firmy.

Ponieważ deweloperzy nie mają łatwego dostępu do informacji o tym, od czego zależy dział marketingu, a marketingowcy nie zawsze wiedzą, które narzędzia obciążają witrynę, musicie współpracować.

Wysyłanie propozycji do zespołu marketingowego

Narzędzia używane do śledzenia i reklam często blokują szybkość wyświetlania treści przez użytkowników po wejściu na stronę. To zmniejsza wartość inwestycji marketingowych, ponieważ płacimy za reklamy, użytkownicy się nimi interesują, klikają, ale potem muszą czekać. W przeciwnym razie użytkownicy mogą się zirytować i opuścić stronę. W jednym z badań stwierdzono, że współczynnik szybkości Czas do interakcji wzrósł z 0,15 s do 0,3 s, a w efekcie współczynnik konwersji spadł z około 50% do około 35%. Czy możemy wspólnie rozwiązać ten problem, aby znaleźć równowagę między narzędziami, których potrzebujesz, a wydajnością witryny, co zwiększy zwrot z inwestycji marketingowych?

Przygotowanie do spotkania z zespołem marketingowym

  • Utwórz listę skryptów zaimplementowanych w witrynie.
  • Wyślij listę do działu marketingu i poproś o jej wstępne przejrzenie oraz posortowanie do 3 grup:
    • Krytyczne dla firmy. Te skrypty muszą pozostać.
    • Dobrze mieć. Skrypty, których można używać rzadziej lub które można usunąć. Na przykład firmy czasami zbierają mapy cieplne lub nagrania ekranu, ale dane mogą być sprawdzane tylko sporadycznie i nie prowadzić do podjęcia działań ani zwiększenia liczby konwersji. W takich przypadkach lepiej jest uruchamiać narzędzia tylko przez 2 tygodnie, zbierać statystyki na potrzeby analizy, a potem usuwać skrypty do czasu następnego okresu ukierunkowanego gromadzenia danych.
    • Nieużywany lub nienależący do Ciebie. Należy je usunąć.
  • Sprawdź, o ile każdy skrypt spowalnia Twoją witrynę, porównując jej szybkość z szybkością bez niego. W WebPageTest można to skonfigurować na karcie Blokuj w ustawieniach zaawansowanych. Możesz też zablokować żądania sieci w Narzędziach deweloperskich w Chrome.

Spotkanie z zespołem marketingowym

  • Przejrzyj listę skryptów i wyraź swoje zdanie na ich temat. Czy na przykład któryś z przydatnych skryptów bardzo negatywnie wpływa na wydajność witryny? Dzięki rekomendacjom zespół marketingowy może łatwiej ustalać priorytety, a gdy słyszy, co jest dla niego kluczowe dla firmy, łatwiej mu zrozumieć Twoje stanowisko.
  • Omawiane tematy:
    • Czy korzyści płynące z zbierania danych powodują wzrost liczby konwersji, który przewyższa spadek spowodowany spowolnieniem działania witryny? Dane mogą pomóc w podjęciu decyzji.
    • Czy Twoja firma wybrała dostawcę, który ma najszybszą wersję narzędzia na rynku? Departament marketingu może potrzebować pomocy programistów, aby ustalić, czy można zastąpić kluczowe narzędzia biznesowe szybszymi alternatywami.
    • Czy istnieją alternatywne skrypty do skryptów na stronie? Zamiast map ciepła możesz np. zacząć przeprowadzać testy użyteczności, które pomogą Ci poznać przyczyny zachowań użytkowników i uzyskać bardziej szczegółowe statystyki.

Ustalenie dalszych kroków

  • Zdecyduj, jak będzie wyglądać dalszy proces. Czy dział marketingu powinien zawsze prosić deweloperów o sprawdzenie nowych narzędzi i ich wpływu na szybkość przed wdrożeniem? A może zamiast tego marketing powinien otrzymać budżet wydajności, w ramach którego pracownicy dowiedzą się, jak sprawdzać szybkość, i sami będą mogli decydować, które narzędzia mają być priorytetowe, o ile tylko będą spełniać docelową szybkość?

Popraw szybkość z pomocą zespołu projektantów stron internetowych

Jednym z największych wyzwań dla wydajności witryn jest to, że mimo że w wielu regionach połączenia mogą być szybsze, witryny stają się coraz cięższe, przez co ładują się wolniej. Aby rozwiązać ten problem, programiści muszą współpracować z projektantami stron internetowych.

Udostępnione wyzwanie

Ostatecznie wszystkie działy w firmie są zwykle zależne od witryny, która prowadzi do konwersji, niezależnie od tego, czy chodzi o generowanie przychodów, czy o coś innego. Surowa prawda jest taka, że nie ma znaczenia, jak piękne są strony internetowe, jeśli wczytują się tak długo, że użytkownicy nie mają czasu, aby je zobaczyć.

Odpowiedzialność za zwiężenie stron internetowych spoczywa jednak na wszystkich. Deweloperzy mogą stosować różne techniki optymalizacji obrazów, aby przyspieszyć ich wczytywanie. Projektanci stron internetowych mogą tworzyć strony, które pomagają utrzymać wagę strony poniżej uzgodnionego poziomu.

Wysyłanie propozycji do zespołu projektowania stron internetowych

Badania pokazują, że strony z mniejszą liczbą obrazów i elementów generują więcej konwersji. Na przykład w badaniu przeprowadzonym przez Google i SOASTA stwierdzono, że sesje, w których użytkownicy dokonali konwersji, zawierały o 38% mniej obrazów niż sesje, w których nie doszło do konwersji. Czy możemy wspólnie pracować nad osiąganiem celów dotyczących szybkości i ustanowić współpracę, która pozwoli zwiększyć liczbę konwersji w witrynie? Przykłady tego, czego możemy wspólnie dokonać, to znalezienie odpowiedniego poziomu kompresji obrazu z balansem między jakością a szybkością lub uproszczenie złożonych układów i funkcji, które często powodują duże obciążenie i powolne działanie witryn.

Przygotowanie się do spotkania z zespołem projektowania stron internetowych

  • Śledź, które strony w witrynie mają najdłuższy czas wczytywania i największą wagę strony. Jeśli np. prowadzisz witrynę e-commerce, sprawdź nie tylko stronę główną, ale też strony kampanii, niektóre najważniejsze strony kategorii, niektóre strony produktów oraz proces płatności.
  • Przygotuj dla projektantów propozycję budżetu wydajności. Możesz też zacząć od jak najprostszego rozwiązania, czyli ustawić wagę strony jako dane i 1 MB jako wartość docelową dla wszystkich stron (lub 1,5 MB, jeśli branding jest bardzo ważny dla konwersji).
  • Przygotuj listę stron, które znajdują się powyżej docelowego poziomu wagi strony.

Spotkaj się z zespołem projektantów stron internetowych

  • Zacznij sprawdzać, jak zespół programistów może szybciej dostarczać obrazy za pomocą różnych technik optymalizacji obrazów, takich jak kompresja obrazów, elastyczne obrazy, zmiana rozmiaru obrazów, ładowanie opóźnione, buforowanie i optymalizacja serwera.
  • Utwórz stronę testową, na której obrazy są publikowane w różnych jakościach i wymiarach, a następnie ustal poziom, który zapewnia równowagę między wydajnością a jakością na różnych ekranach. Pamiętaj, że użytkownicy korzystający z urządzeń mobilnych często spędzają w sesji niewiele czasu. Jedno z badań wykazało, że ponad połowa sesji na urządzeniach mobilnych trwa 30 sekund lub krócej. Ci użytkownicy mogą nie analizować szczegółowo obrazów i preferować szybkie działanie witryny.
  • Zaproponuj budżet na wydajność, w ramach którego projektanci stron internetowych zobowiązali się do zapewnienia, że wszystkie strony internetowe będą miały rozmiar poniżej 1 MB (lub maksymalnie 1,5 MB).

Rozwiązywanie problemów z prędkością dzięki pomocy zespołu analityków

Firmy potrzebują danych, aby wiedzieć, na czym się skupić i na podstawie czego podejmować decyzje. Mimo że wiele osób mówi o istotnym znaczeniu szybkości witryny i jej związku z przychodami oraz sprzedażą, nadal wiele firm nie uwzględnia szybkości w tygodniowych raportach poza zespołami technicznymi. Może się to zmienić, jeśli deweloperzy zaczną współpracować z zespołami analityki.

Udostępnione wyzwanie

Rzeczywistość jest taka, że nie będziemy się skupiać na treściach, które nie zostały zgłoszone. Jeśli szybkość witryny nie jest uwzględniana w cotygodniowych ani comiesięcznych raportach dla zainteresowanych osób, łatwo o nią zapomnieć, a Ty będziesz mieć problemy z pozyskaniem zasobów, aby się na niej skupić. Zespoły analityczne często nie mają jednak doświadczenia w śledzeniu szybkości, więc będą potrzebować pomocy programistów. Deweloperzy będą potrzebować pomocy zespołu ds. analityki, aby obliczyć wpływ na przychody po wprowadzeniu ulepszeń dotyczących szybkości. Te działy są bardziej zależne od siebie, niż mogłoby się na pierwszy rzut oka wydawać.

Wysyłanie propozycji do zespołu analitycznego

Wiele studiów przypadków pokazuje wpływ szybkości witryny na przychody i współczynnik odrzuceń. Czy możemy współpracować przy konfigurowaniu śledzenia szybkości naszej witryny i uwzględniać tę kwestię w raportach wysyłanych do zainteresowanych stron, aby zwiększyć zaangażowanie?

Przygotowanie się do spotkania z zespołem analityków

  • Regularnie sprawdzaj prędkość. Jedną z zalecanych metod jest użycie interfejsu API z narzędziem takim jak Lighthouse CI, PageSpeed Insights lub WebPageTest, które umożliwiają regularne zbieranie statystyk w kontrolowanym środowisku laboratoryjnym na potrzeby łatwego porównywania wyników w różnych okresach.
  • Prześlij The value of speed do zespołu analitycznego i zapytaj, czy może przeprowadzić analizę, aby wykres był gotowy do analizy podczas spotkania.

Spotkanie z zespołem ds. analityki

  • Sprawdź wykres utworzony na podstawie Wartość szybkości. Względny współczynnik konwersji z urządzeń mobilnych to jeden ze sposobów śledzenia wpływu szybkości na skuteczność witryny i jej ulepszanie. Zapytaj zespół analityczny, czy jest gotowy rozpocząć śledzenie tych danych.
  • Zdecyduj, czy dane o czasie wczytywania w Google Analytics są wystarczające do tworzenia uproszczonych raportów biznesowych. Wartość szybkości używa tych danych. Jak wiedzą wielu deweloperów, jest to tylko jeden z wielu ważnych danych o szybkości. Ponieważ te dane są dostępne w Google Analytics, są też danymi z pola, a nie danymi z laboratorium. Czy jednak wystarczająco dobrze nadaje się do uproszczonych raportów biznesowych? Sprawdź wynik uzyskany w ramach analizy opisanej powyżej i sprawdź, czy można zauważyć, że względny współczynnik konwersji na urządzeniach mobilnych spada, gdy czasy wczytywania są wysokie przez co najmniej 2–3 miesiące, oraz czy wzrasta, gdy czasy wczytywania są niskie przez 2–3 miesiące. Jeśli czasy wczytywania pozostają dość stabilne, trudno będzie stwierdzić, czy analiza działa prawidłowo, dopóki nie poprawisz znacznie szybkości. Jeśli tak, wybierz następną opcję.
  • Wyświetl wykresy danych o szybkości, których używają programiści. Opisz je zespołowi analitycznemu i sprawdź, czy występują korelacje ze współczynnikiem konwersji lub względnym współczynnikiem konwersji z urządzeń mobilnych.
  • Daj zespołowi analitycznemu czas na zastanowienie się nad sposobami stosowania szybkości w obliczeniach związanych z przychodami oraz na przekazanie tych informacji zainteresowanym stronom. Jest to często nowy temat. Następnie spotkajcie się ponownie i wypróbujcie metodę, na której się zgodziliście. Jak zawsze, musisz zweryfikować zbieranie danych, aż znajdziesz odpowiednią metodę, ale to dobry sposób na rozpoczęcie współpracy.

Dalsze kroki

Poproś zespół analityków o przeprowadzenie analizy opisanej w artykule Wartość szybkości, gdy projekt dotyczący szybkości przyniesie duże ulepszenia. Pokaże ona firmie, o ile więcej udało się uzyskać konwersji i przychodów, co pozwoli nagrodzić Twój zespół oraz wszystkie działy, które z Tobą współpracowały. Możesz go uwzględnić w cotygodniowym raporcie dla zainteresowanych osób, aby projekt nie był jednorazowym wysiłkiem, ale był stale aktualizowany.