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

Jak inne działy mogą pomóc zwiększyć sukces projektu optymalizacji szybkości witryny.

Lina Hansson

Jednym z popularnych mitów związanych z szybkością witryny jest to, że za nią odpowiada wyłącznie zespół programistów. W rzeczywistości szybka witryna wymaga pomocy kilku działów. Deweloperzy rzadko są w stanie samodzielnie rozwiązać problemy, niezależnie od ich talentu. Jak więc wspólnie z kolegami poprawić szybkość? Z tego artykułu dowiesz się, jak jako programista stron internetowych możesz przekonać firmę, aby potraktowała priorytetowo szybkość witryny, uzyskać pomoc różnych działów przy optymalizacji i zwiększyć świadomość sukcesu swojego projektu optymalizacyjnego.

Popraw szybkość z pomocą zainteresowanych osób z Twojej firmy

Wiele firm znajduje się w trakcie rewolucyjnej zmiany w zachowaniach konsumentów. Wzrost liczby osób kupujących na platformach cyfrowych, a nie w sklepach stacjonarnych oznacza, że firmy muszą szybko dostosować się do zmian, aby nie dopuścić do spadku przychodów. Sukces będzie wymagał zarówno nowych procesów organizacyjnych, jak i sposobu myślenia, a także silnego poparcia zainteresowanych osób.

Udostępnione wyzwanie

Najprawdopodobniej trzeba będzie zmienić sposób organizacji się na kilku poziomach. Przede wszystkim trudno będzie zrealizować projekt zwiększający szybkość, który dałoby potencjalny wzrost przychodów, bez czasu na pracę programistów. Przydzielanie zasobów musi być możliwe, a współpraca z innymi działami, takimi jak marketing czy projektant stron internetowych, często przebiega sprawniej, jeśli zainteresowane osoby i menedżerowie udowodnią, że jest to priorytetowy projekt.

Oprócz tego poziomu operacyjnego ważne jest też, aby zainteresowane osoby zdawały sobie sprawę, że w tej chwili zachodzą 2 zmiany:

Oznacza to, że firmy, które podejmują decyzje wykonawcze na podstawie opinii ekspertów w dziedzinie platform cyfrowych, będą miały przewagę nad konkurencją. Jedną z sugerowanych propozycji może być zaproszenie jednego programisty na spotkania, na których są podejmowane decyzje biznesowe. Ma to na celu sprawdzenie od początku, czy strona i ograniczenia w niej zawarte są wzięte pod uwagę, a w ten sposób przyczyni się do zwiększenia sprzedaży.

Wyślij ofertę pakietową do zainteresowanych osób

Ogólnie ok. 10% sprzedaży ma miejsce na platformach cyfrowych, ale badania pokazują, że nawet 85% sprzedaży w sklepach stacjonarnych ma wpływ cyfrowo na zakupy w sklepach stacjonarnych. posiadanie witryny, która działa dobrze, zwłaszcza na urządzeniach mobilnych (które staje się podstawowym urządzeniem), ma kluczowe znaczenie dla przychodów naszej firmy. Proponujemy projekt przyspieszający działanie witryny, który pomoże zwiększyć liczbę konwersji oraz skonfigurować strumienie komunikacji tak, aby informacje zebrane w zespołach technicznych można było lepiej wykorzystać przed podjęciem decyzji w kwestii witryny.

Przygotowanie do spotkania z zainteresowanymi osobami

Przed spotkaniem z zainteresowanymi osobami upewnij się, że masz przygotowane dane dotyczące swojej witryny i witryn konkurencji, a także dane, które wskazują na wysoki zwrot z inwestycji w proponowane zmiany. Zbierz dane dotyczące znaczenia szybkości. Najlepszy scenariusz jest związany z przychodami firmy. Oto kilka sposobów na to:

  • Oblicz względny współczynnik konwersji z urządzeń mobilnych. Razem ze swoim zespołem analityków przeprowadź analizę opisaną w artykule Wartość szybkości. Jeśli w przeszłości masz w przeszłości jeden okres (co najmniej 2–3 miesiące), w którym czas wczytywania był znacznie dłuższy niż inny okres o takiej samej długości, spowolnienie witryny zwykle ma duży wpływ na konwersje mobilne. Dzięki analizie możesz obliczyć, ile przychodów firma utraciła w okresie niskiej prędkości, co potwierdza wartość szybkości. Jeśli czas wczytywania utrzymuje się na tym samym poziomie, analiza będzie trudna do przeprowadzenia, a poniższe alternatywne rozwiązania mogą dostarczyć więcej odpowiedzi.
  • Oszacuj wartość szybkości na podstawie modeli statystycznych. Korzystając z narzędzia Google TestMySite, możesz przeprowadzić test, a następnie obliczyć, jaki wpływ na Twoją firmę może mieć szybsza witryna. Potrzebne są tylko dane dotyczące średniej liczby użytkowników miesięcznie, współczynnika konwersji i średniej wartości zamówienia, z którymi może Ci pomóc zespół analityków.
  • Przedstaw studia przypadków związane ze sprawdzonymi metodami. Możesz też wykorzystać przykłady innych firm, które przyspieszyły działanie swojej strony i doceniły jej efekty. Jak czas wczytywania strony wpływa na współczynniki konwersji: 12 studiów przypadków zawiera kilka przykładów.
  • Pokaż, dlaczego komórki są ważne. Poproś zespół analityków o podanie danych o tym, jaki odsetek ruchu pochodzi z urządzeń mobilnych, a jaki z komputerów.
  • Sprawdź, ile to będzie kosztować Powyższe obliczenia pokazują zainteresowanym osobom możliwy wzrost przychodów wynikający z szybkości. Jednak aby zainteresowane osoby mogły podejmować decyzje, muszą znać zwrot z inwestycji, więc jeśli dysponujesz szacunkowymi kosztami, szybciej można podjąć decyzję kierownictwa. Aby to zrobić, oceń, jak długo potrwa początkowy ukierunkowany projekt szybkości i ile czasu będzie później potrzebny na konserwację. Przykładem może być przyspieszenie działania: TUI przyspieszy witrynę, eliminując odizolowane obszary: 20% czasu pracy programistów było wolne od zaległości i kampanii, które mogli przeznaczyć na projekty zwiększające szybkość i inne sposoby ulepszania strony.

Spotkania z zainteresowanymi osobami

  • Pokaż, ile ruchu pochodzi z urządzeń mobilnych w porównaniu z komputerami, a także jak w ostatnich latach zanotowano wzrost ruchu z urządzeń mobilnych. W ten sposób pokazujesz, jak ważne jest zapewnienie użytkownikom doskonałych wrażeń na komórkach.
  • Przedstaw informacje o tym, jak szybkość wpływa na przychody firmy.
  • Poinformuj zainteresowane osoby, że deweloperzy mogą pomóc w zwiększeniu przychodów pochodzących od użytkowników mobilnych, jeśli mają czas na ciągłej pracy nad szybkością strony.
  • Zasugeruj, aby na spotkania kierownicze by zaproszono jedną osobę z zespołu programistów, na której będą podejmowane decyzje dotyczące witryny. Obecnie sprzedajemy treści na platformach cyfrowych. Zwycięzcą zostaną firmy, które zaczną kontaktować się ze swoimi ekspertami cyfrowymi. Nowoczesne firmy muszą mieć skonfigurowane strumienie komunikacji między działami oraz między zainteresowanymi osobami i deweloperami. Badanie przeprowadzone przez Harvard Business Review wykazało, że koszt jednego na sześć projektów IT przekracza 200%. Jednym z przykładów było firma Kmart, która traciła konkurencyjną pozycję na rynku Walmart i Target, gdy w 2000 roku rozpoczęła projekt modernizacji IT o wartości 1,4 mld USD. Odpowiednio wczesna komunikacja i konserwacja eliminuje bariery między nimi, a dzielenie się wiedzą może stać się przewagą nad konkurencją.

Popraw szybkość z 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ść z nich spowalnia działanie stron internetowych i często ma wbudowane skrypty blokujące renderowanie, które powodują, że użytkownicy odwiedzający witrynę muszą czekać, aż zobaczy on cokolwiek na ekranie. W związku z tym konieczne jest zachowanie równowagi. Dział marketingu potrzebuje danych i narzędzi, ale aby uzyskać niski współczynnik odrzuceń i wysoki współczynnik konwersji, witryna musi działać szybko, co zapewni mu dobry zwrot z inwestycji w działania marketingowe.

Aby zachować równowagę, zachowaj ostrożność podczas korzystania ze skryptów:

  • Unikaj duplikatów, które mierzą mniej więcej to samo.
  • Usuń narzędzia, które nie są już używane.
  • Nie mierz „fajnych” rzeczy. Mierz tylko te rzeczy, które są kluczowe dla działania firmy.

Deweloperom trudno jest określić, od czego zależy dział marketingu, a ponieważ dział marketingu może nie wiedzieć, które narzędzia są szczególnie popularne w danej witrynie, konieczna jest współpraca.

Wyślij ofertę do zespołu marketingowego

Narzędzia do śledzenia i reklamy często blokują to, jak szybko użytkownicy widzą treści na stronie. Zmniejsza to wartość inwestycji marketingowych, ponieważ płacimy za reklamy, użytkownicy są zainteresowani ofertą, więc klikają, ale muszą na nie poczekać. Ryzykuje to, że będą zdenerwowane i opuszczą stronę. Jedno z badań wykazało, że współczynnik konwersji spadł z około 50% do około 35%, gdy wartość parametru Czas do interakcji zwiększyła się z 0,15 s do 0,3 s. Czy możemy wspólnie rozwiązać ten problem i zachować równowagę między potrzebnymi Ci narzędziami a wydajnością strony, a tym samym uzyskać wzrost zwrotu z inwestycji marketingowych?

Przygotuj się na spotkanie z zespołem marketingowym

  • Utwórz listę skryptów zaimplementowanych w witrynie.
  • Wyślij listę do działu marketingu i poproś, aby zapoznała się z nią z wyprzedzeniem i pogrupowała w 3 kategorie:
    • Kluczowe znaczenie dla działania firmy. Te skrypty muszą pozostać.
    • Proste w obsłudze. Skrypty, których można używać rzadziej lub które można usunąć. Czasami firmy zbierają np. mapy termiczne lub nagrania ekranu, ale dane mogą być sprawdzane rzadko i nie skutkują podjęciem działania ani zwiększeniem liczby konwersji. W takich przypadkach lepiej jest zgodzić się na korzystanie z narzędzi przez (np.) 2 tygodnie, zbieranie statystyk do analizy, a następnie czyszczenie skryptów aż do momentu kolejnego okresu zbierania konkretnych danych.
    • Nieużywane lub nienależące do Ciebie. Należy je usunąć.
  • Sprawdź, jak bardzo poszczególne skrypty spowalniają Twoją witrynę, porównując szybkość witryny z nią i bez niej. W WebPageTest możesz to skonfigurować na karcie Zablokuj w Ustawieniach zaawansowanych. Możesz też zablokować żądania sieciowe w Narzędziach deweloperskich w Chrome.

Rozmowa z zespołem marketingowym

  • Przejrzyj listę skryptów i przedstaw swoją opinię na temat każdego z nich. Czy na przykład któreś z przydatnych skryptów negatywnie wpływają na wydajność witryny? Dzięki rekomendacjom zespół marketingowy może łatwiej ustalać priorytety, a gdy dowiadujesz się, co jest kluczowe dla firmy, możesz lepiej zrozumieć punkt widzenia.
  • Omów te tematy:
    • Czy korzyści z pozyskanych danych prowadzą do wzrostu liczby konwersji przekraczającego spadek spowodowany spowolnieniem działania strony? Na podstawie danych można podjąć decyzję.
    • Czy Twoja firma wybrała dostawcę, który ma najszybszą wersję tego narzędzia na rynku? Dział marketingu może potrzebować pomocy programistów, aby ustalić, czy narzędzia kluczowe dla firmy można zastąpić szybszymi alternatywami.
    • Czy w witrynie są jakieś alternatywy dla skryptów? Na przykład zamiast map termicznych możesz przeprowadzać testy łatwości obsługi, dzięki którym dowiesz się, „dlaczego” zachowanie użytkowników często prowadzi do bardziej szczegółowych statystyk.

Uzgodnij kolejne kroki

  • Wybierz proces. Czy przed wdrożeniem marketingu należy zawsze prosić deweloperów o weryfikację nowych narzędzi i ich wpływ na szybkość? A może dział marketingu powinien dysponować budżetem na skuteczność, który nauczy się sprawdzać szybkość i sami może priorytetowo traktować wybrane narzędzia, o ile osiąga zamierzone tempo?

Popraw szybkość z pomocą zespołu projektowania stron

Jednym z największych wyzwań związanych z wydajnością jest to, że chociaż łączność w wielu regionach może być coraz szybsza, strony internetowe stają się coraz bardziej intensywne i w rezultacie maleją. Aby rozwiązać ten problem, deweloperzy muszą współpracować z projektantami stron internetowych.

Udostępnione wyzwanie

Ostatecznie wszystkie działy firmy są zwykle zależne od witryny prowadzącej do konwersji, niezależnie od tego, czy chodzi o generowanie przychodów, czy o coś innego. Prawdą jest, że nie ma znaczenia, jak piękne strony będą ładowane tak długo, że użytkownicy przestaną je oglądać.

Cienkie strony internetowe stanowią jednak wspólną odpowiedzialność. Deweloperzy mogą stosować różne techniki optymalizacji obrazów, aby przyspieszyć wczytywanie. Projektanci stron internetowych mogą tworzyć strony, które pomagają utrzymać wagę strony poniżej ustalonego poziomu.

Wyślij ofertę do zespołu projektowania stron

Badania dowodzą, że strony z mniejszą liczbą obrazów i elementów generują więcej konwersji. Na przykład badanie Google i SOASTA wykazało, że w sesjach, w których użytkownicy wykonali konwersję, miały o 38% mniej obrazów niż sesje bez konwersji. Czy możemy wspólnie osiągnąć wyznaczone cele w zakresie szybkości i nawiązać współpracę, by zwiększyć liczbę konwersji w witrynie? Przykładami tego, co możemy wspólnie osiągnąć, jest znalezienie odpowiedniego poziomu kompresji obrazu przy zachowaniu równowagi między jakością a szybkością czy ograniczenie skomplikowanych układów i funkcji, które często powodują długie i wolne działanie witryn.

Przygotuj się do spotkania ze swoim zespołem ds. projektowania stron internetowych

  • Sprawdź, które strony w witrynie mają najdłuższy czas wczytywania i największą wagę. Przykładowo, jeśli współpracujesz z witryną e-commerce, sprawdź nie tylko stronę główną, ale również wszystkie strony kampanii, największe strony kategorii, niektóre strony produktów oraz proces płatności.
  • Przygotuj dla projektantów ofertę pakietową budżetu wydajności. Jednym z rozwiązań jest jak najprostsze podejście do wielkości strony i ustawienie 1 MB jako celu dla wszystkich stron (lub 1,5 MB, jeśli budowanie marki jest bardzo ważne dla konwersji).
  • Przygotuj listę stron, które przekraczają docelową wagę strony.

Spotkaj się z zespołem ds. projektowania stron internetowych

  • Sprawdź, jak zespół programistów może szybciej dostarczać obrazy za pomocą różnych technik optymalizacji obrazów, takich jak kompresja obrazów, elastyczne obrazy, zmienianie rozmiaru obrazów, leniwe ładowanie, zapisywanie w pamięci podręcznej i optymalizacja serwera.
  • Utwórz stronę testową, na której obrazy są publikowane w różnych rozdzielczościach i wymiarach, a następnie uzgadniaj poziom, który będzie łączył wydajność i jakość na różnych ekranach. Pamiętaj, że sesje na urządzeniach mobilnych często są krótkie, a z jednego badania wynika, że ponad połowa sesji na urządzeniach mobilnych trwa maksymalnie 30 sekund. Tacy użytkownicy mogą nie analizować dokładnie obrazów i wolą, aby strona była szybka.
  • Zaproponuj budżet wydajności – projektanci stron internetowych zobowiązują się dopilnować, by wszystkie strony internetowe miały wagę poniżej 1 MB (lub maksymalnie 1,5 MB).

Popraw szybkość z pomocą zespołu analityków

Firmy potrzebują danych, aby wiedzieć, na czym się skupić, i być podstawą do podejmowania decyzji. Choć wiele osób mówi o znaczeniu szybkości witryny oraz jej związku z przychodami i sprzedażą, nadal istnieje wiele firm, które nie uwzględniają szybkości w swoich cotygodniowych raportach spoza zespołów technicznych. Można to zmienić, jeśli programiści zaczną współpracować z zespołami analitycznymi.

Udostępnione wyzwanie

W rzeczywistości nie będziemy skupiać się na tym, co nie jest raportowane. Jeśli informacje o szybkości witryny nie są uwzględniane w cotygodniowych ani miesięcznych raportach dla zainteresowanych osób z Twojej firmy, łatwo o niej zapominaj i będziesz mieć problem ze skupieniem się na niej. Ponieważ jednak zespoły analityczne często nie mają doświadczenia w zakresie szybkości śledzenia, będą potrzebować pomocy deweloperów. Potrzebują też pomocy zespołu analitycznego, aby obliczyć wpływ zwiększenia szybkości na przychody. Działy te są od siebie bardziej zależne, niż by się to wydawało.

Wyślij ofertę do zespołu analitycznego

Wiele studiów przypadków pokazuje wpływ szybkości witryny na przychody i współczynnik odrzuceń. Czy moglibyśmy współpracować, aby skonfigurować śledzenie szybkości witryny dla naszej firmy, albo uzyskać szybkość w ramach raportów trafiających do zainteresowanych osób, co pozwoli nam uzyskać większe poparcie?

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

  • Regularnie monitoruj prędkość. Jedną z zaleceń jest używanie interfejsu API z narzędziem takim jak Lighthouse CI, PageSpeed Insights czy WebPageTest, które umożliwia regularne zbieranie statystyk w kontrolowanym ustawieniu modułu i proste porównywanie ich z różnymi okresami.
  • Przekaż wartość szybkości zespołowi ds. analityków i zapytaj, czy może przeprowadzić analizę, aby przygotować wykres do analizy podczas spotkania.

Spotkanie z zespołem analityków

  • Sprawdź wykres utworzony na podstawie wartości szybkości. Względny współczynnik konwersji z urządzeń mobilnych to jeden ze sposobów śledzenia wpływu szybkości i ulepszenia strony. Zapytaj zespół analityków, czy jest gotowy na rozpoczęcie śledzenia.
  • Zdecyduj, czy dane o czasie wczytywania w Google Analytics są wystarczające do tworzenia uproszczonych raportów biznesowych. Ta wartość jest używana do wartości prędkości. Jak wie wielu deweloperów, jest to tylko 1 z wielu ważnych wskaźników szybkości, a ponieważ w Google Analytics są to też dane zgromadzone, a nie dane laboratoryjne. Czy jednak sprawdzi się w przypadku uproszczonych raportów biznesowych? Sprawdź wynik uzyskany w powyższej analizie i sprawdź, czy można zaobserwować względny współczynnik konwersji z urządzeń mobilnych malejący, gdy czas wczytywania jest długi przez co najmniej 2–3 miesiące i czy względny współczynnik konwersji z urządzeń mobilnych wzrośnie w okresie, gdy czas wczytywania będzie niski od 2–3 miesięcy. Jeśli czas wczytywania strony utrzymuje się na stabilnym poziomie, do czasu znacznego zwiększenia szybkości będzie trudno określić, czy analiza działa. Jeśli tak, zastosuj następną alternatywę.
  • Pokaż wykresy wskaźników szybkości używanych przez deweloperów. Omów te kwestie zespołowi analityków i sprawdź, czy nie występują korelacje ze współczynnikiem konwersji lub względnym współczynnikiem konwersji z urządzeń mobilnych.
  • Daj zespołowi analityków czas na zastanowienie się, jak wykorzystać szybkość w obliczeniach związanych z przychodami, oraz na to, jak zgłaszać ten problem zainteresowanym osobom. Często jest to dla nich nowy temat. Następnie spotkajcie się ponownie i zaproponujcie satysfakcjonujące Was podejście. Jak zawsze, musisz zmodyfikować zbieranie danych, aż znajdziesz rozwiązanie, które Ci odpowiada, ale to dobry sposób na rozpoczęcie współpracy.

Dalsze kroki

Gdy projekt szybkości przyniósł duże postępy, poproś swój zespół analityków o przeprowadzenie analizy opisanej w sekcji Wartość szybkości. Firma pokaże firmie, o ile więcej konwersji i przychodów udało mu się uzyskać, co satysfakcjonuje Twój zespół oraz wszystkie działy, które z Tobą współpracują. Te informacje można umieścić w cotygodniowym raporcie dla zainteresowanych osób, aby nie był to jednorazowy wysiłek, ale jest aktualizowany na bieżąco.