Czy czat spowalnia stronę? Sprawdź wpływ widżetu na PageSpeed

Czy czat spowalnia stronę? Krótka odpowiedź

Tak, czat może spowolnić stronę, ale wcale nie musi. Wszystko zależy od tego, jak widżet jest zbudowany i kiedy się ładuje. Sam fakt, że masz na stronie okienko do rozmowy, niczego jeszcze nie przesądza. Liczy się, ile kodu JavaScript ściąga przeglądarka i w którym momencie to robi.

Typowe przyczyny wolnego ładowania strony to nie tylko czat. Nadmiar skryptów JavaScript, zbyt duża liczba zewnętrznych narzędzi, pikseli reklamowych i osadzonych elementów z innych platform to wszystko sumuje się w jeden efekt: strona czeka, zanim pokaże cokolwiek użytkownikowi, jak zauważa michalmartyniuk.pl. Czat jest tylko jednym z podejrzanych, często niesłusznie oskarżanym o grzechy innych skryptów.

Problem w tym, że większość właścicieli sklepów nie sprawdza tego konkretnie. Widzą spadek wyniku w PageSpeed Insights po wdrożeniu czatu i od razu zakładają najgorsze. Czasem słusznie, czasem nie. Dlatego zanim podejmiesz decyzję o usunięciu widżetu albo zmianie dostawcy, warto zmierzyć, co faktycznie obciąża Twoją stronę, a nie zgadywać.

W tym artykule pokazujemy, jak to zrobić krok po kroku: jakie elementy czatu najczęściej ważą najwięcej, jak sprawdzić wpływ widżetu na PageSpeed i co zrobić, żeby mieć rozmowy na żywo bez utraty szybkości.

Co dokładnie w widżecie czatu obciąża Twoją stronę?

Najcięższe widżety czatu, takie jak popularne rozwiązania typu Zendesk czy Tawk.to, potrafią załadować od 500 do 750 KB kodu JavaScript, a przeciętny widżet dodaje od 300 do 600 milisekund czasu blokowania głównego wątku przeglądarki, jak podaje corewebvitals.io. To nie jest mało, zwłaszcza na słabszym telefonie z wolniejszym internetem.

Gorzej, jeśli skrypt blokuje renderowanie strony. Taki widżet potrafi podwoić czas First Contentful Paint, czyli moment, w którym użytkownik widzi pierwszy element na ekranie, z jednej sekundy do ponad 2,3 sekundy, jak wskazuje ten sam raport corewebvitals.io. A warto dodać, że z czatu faktycznie korzysta zazwyczaj tylko 3 do 10 procent odwiedzających podczas sesji. Ładowanie pełnego kodu rozmowy dla każdego, kto wejdzie na stronę, to trochę jak rozpalanie grilla dla jednego gościa, który może przyjdzie, a może nie.

Umieszczenie widżetu od razu w widocznym obszarze ekranu też robi różnicę. Użytkownik społeczności Elfsight zgłosił spadek wyniku Google PageSpeed z 90 do 43 punktów po dodaniu czatu w viewport, bo uniemożliwiło to działanie mechanizmu lazy loading. Podobnie było w zgłoszeniu z forum HubSpot: wdrożenie czatu obniżyło średnio wynik PageSpeed na telefonach o 25 punktów, a na komputerach o 11 punktów, a winnym okazał się skrypt visitor.js.

Do tego dochodzą zewnętrzne czcionki. Fonty ładowane na przykład z Google Fonts mogą opóźniać wyświetlenie tekstu (zjawisko FOIT), bo przeglądarka musi najpierw nawiązać nowe połączenie z zewnętrznym serwerem, jak tłumaczy noril.pl i potwierdza debugbear.com. W testach porównawczych tej samej strony WordPress lekki przycisk czatu kosztował 311 KB transferu, a popularny hostowany widżet aż 552 KB, czyli niemal dwukrotnie więcej, jak wynika z testów wpchat.com.

Jak sprawdzić wpływ widżetu na PageSpeed krok po kroku?

Zamiast zgadywać, zmierz. To zajmuje kilkanaście minut, a daje konkretną odpowiedź zamiast domysłów.

1. Zrób pomiar bazowy bez czatu. Wyłącz tymczasowo widżet (w panelu dostawcy albo usuwając fragment kodu ze strony) i sprawdź wynik w Google PageSpeed Insights. Narzędzie to korzysta z danych Chrome User Experience Report, czyli pokazuje realną wydajność strony na urządzeniach mobilnych i komputerach, a do tego podpowiada konkretne elementy do poprawy, jak opisuje dokumentacja Google.
2. Włącz czat i zmierz ponownie. Porównaj wynik ogólny, ale też poszczególne metryki: First Contentful Paint, Largest Contentful Paint i Total Blocking Time. Spadek o kilka punktów to norma, spadek o kilkadziesiąt to sygnał, że coś jest nie tak.
3. Zajrzyj do wykresu waterfall. GTmetrix pokazuje szczegółowy wykres ładowania elementów strony, wielkość poszczególnych zasobów oraz czas odpowiedzi serwera, jak wyjaśnia semtree.pl. Znajdziesz tam dokładnie, który plik od dostawcy czatu ładuje się najdłużej i kiedy blokuje resztę strony.
4. Sprawdź osobno telefon i komputer. Wpływ widżetu bywa różny na obu platformach, mobile zwykle cierpi bardziej, co pokazują zgłoszenia z forum HubSpot.
5. Patrz nie tylko na wynik końcowy, ale na liczbę żądań. Jeśli czat dokłada kilka dodatkowych połączeń do zewnętrznych domen (czcionki, trackery, analityka), to one, nie sam widżet, często odpowiadają za większość opóźnienia.

Powtórz ten test po każdej większej zmianie, na przykład po dodaniu nowej integracji albo zmianie dostawcy czatu. Wyniki PageSpeed potrafią się wahać między pomiarami, dlatego lepiej zrobić trzy, cztery testy i uśrednić niż wyciągać wnioski z jednego sprawdzenia.

Jak ograniczyć wpływ czatu na szybkość bez rezygnacji z rozmów na żywo?

Najprostsza metoda to ładowanie na żądanie. Zamiast ściągać cały kod rozmowy od razu, strona pobiera najpierw malutki fragment, a reszta doładowuje się dopiero, gdy ktoś faktycznie kliknie w ikonę czatu. Skoro z rozmowy korzysta zwykle tylko 3 do 10 procent odwiedzających, jak podaje corewebvitals.io, nie ma sensu obciążać pozostałych 90 procent.

Drugi krok: nie umieszczaj przycisku czatu od razu w widocznym obszarze w sposób, który blokuje lazy loading innych elementów. Trzeci: unikaj zewnętrznych czcionek webowych w widżecie, jeśli dostawca pozwala je wyłączyć, bo dodatkowe połączenie z serwerem fontów to zbędny czas oczekiwania, jak pokazuje debugbear.com. Czwarty: sprawdź, czy skrypt czatu nie dokłada przy okazji trackerów, których i tak nie potrzebujesz.

Jednym z rozwiązań, które stawia właśnie na taki model, jest Chateo, czat na żywo z podglądem odwiedzających w jednym panelu. Skrypt startowy waży tam zaledwie 1,7 kB, po wczytaniu samego przycisku rośnie do 10,3 kB, a dopiero po otwarciu okna rozmowy do 27,7 kB, jak podaje strona z danymi o wydajności dostępna pod adresem chateo.pl/#wydajnosc. To właśnie ten etapowy model ładowania, krok po kroku zamiast jednorazowego pobrania wszystkiego, odróżnia lekkie wdrożenie od tych, które potrafią zepsuć wynik PageSpeed.

Warto też porównać wagę kilku widżetów przed wyborem. Różnica między najlżejszym a najcięższym rozwiązaniem bywa dwukrotna, jak pokazały testy na tej samej stronie WordPress opisane przez wpchat.com (311 KB kontra 552 KB). To realna różnica w czasie ładowania, szczególnie na słabszym łączu mobilnym.

Czy warto rezygnować z czatu, żeby przyspieszyć stronę?

To pytanie pada często, zwykle zaraz po tym, jak PageSpeed pokaże czerwony wynik. Odpowiedź brzmi: zwykle nie warto, bo problemem rzadko jest sam fakt posiadania czatu, tylko konkretna implementacja.

Wyobraź sobie sklep z odzieżą, który rezygnuje z czatu, bo obniżył wynik PageSpeed o kilkanaście punktów. Rozmowy na żywo znikają, a razem z nimi możliwość odpowiedzi na pytanie o rozmiar w ciągu sekund, zamiast czekania na e-mail następnego dnia. Telefon wymaga obsady na infolinii, e-mail wydłuża decyzję zakupową o godziny albo dni. Czat, mimo dodatkowych kilobajtów, zostaje najszybszym kanałem kontaktu, jaki można zaoferować bez podnoszenia kosztów obsługi.

Lepszym kierunkiem jest zamiana ciężkiego widżetu na lżejszy albo poprawienie sposobu jego ładowania, niż rezygnacja z całego kanału. Kilka punktów PageSpeed w zamian za utratę rozmów, które realnie kończą się sprzedażą, to zły handel. Z drugiej strony ignorowanie tematu i pozostawienie skryptu, który blokuje renderowanie strony na dwie i więcej sekundy, też nie jest rozwiązaniem. Złoty środek to świadomy wybór narzędzia i regularne mierzenie, a nie emocjonalna decyzja po jednym teście.

Najczęściej zadawane pytania

Czy czat na stronie zawsze spowalnia ładowanie?

Nie zawsze i nie w tym samym stopniu. Zależy to od wagi skryptu, momentu jego ładowania oraz tego, czy widżet blokuje renderowanie strony, czy ładuje się dopiero po interakcji użytkownika.

Jaki wynik PageSpeed jest akceptowalny dla sklepu z czatem?

Nie ma jednej magicznej liczby, liczy się raczej trend i konkretne metryki, takie jak First Contentful Paint czy Total Blocking Time. Ważniejsze od okrągłego wyniku jest to, czy strona ładuje się na tyle szybko, że użytkownik nie zamyka jej z niecierpliwości.

Czy wyłączenie czatu na czas testu PageSpeed ma sens?

Tak, to najprostszy sposób, żeby sprawdzić, ile punktów realnie odpowiada za widżet. Porównanie wyniku z czatem i bez niego pokazuje, czy warto szukać lżejszego rozwiązania, czy problem leży gdzie indziej.

Czy czcionki ładowane przez widżet czatu też wpływają na szybkość?

Tak, zewnętrzne czcionki webowe wymagają dodatkowego połączenia z serwerem i mogą opóźniać wyświetlenie tekstu na stronie. Jeśli dostawca czatu pozwala wyłączyć własne fonty na rzecz systemowych, to zwykle warto to zrobić.

Czy lepiej sprawdzać szybkość w PageSpeed Insights czy w GTmetrix?

Najlepiej korzystać z obu. PageSpeed Insights pokazuje dane oparte na realnym ruchu użytkowników, a GTmetrix daje szczegółowy wykres waterfall, dzięki któremu widać dokładnie, który plik od dostawcy czatu najbardziej opóźnia ładowanie.