Dlaczego Twoja strona internetowa ładuje się wolno (i co można naprawić bez przebudowy)

Rocío ma centrum ogrodnicze w Xalapie. Dwa miesiące temu zapłaciła za swoją stronę i wyszła piękna: duże zdjęcie wejścia, sezonowe rośliny, godziny otwarcia, telefon, mapa. Spodobała jej się tak bardzo, że zleciła dodanie linku na szyldzie przy wejściu.

Czego nie widziała, to co się dzieje po drugiej stronie. Ktoś szuka „centrum ogrodnicze w Xalapie” z telefonu, na danych mobilnych, z dwoma kreskami zasięgu, stojąc na rogu ulicy. Dotyka linku. Pojawia się tło, pojawia się logo, a tam, gdzie powinno być zdjęcie, zostaje szary prostokąt. Po sześciu sekundach ten pan wraca do Google i wchodzi na następną stronę.

Nie zdecydował, że centrum ogrodnicze mu nie odpowiada: po prostu nie zdążył się dowiedzieć, co tam sprzedają. A w statystykach to wygląda tak samo jak klient, który przeczytał wszystko — jedna wizyta. Strona internetowa, która ładuje się wolno, to taka, która potrzebuje kilku sekund, żeby pokazać swoją treść po tym, jak ktoś ją otworzy — a kiedy tak się dzieje, nie tracisz klientów: tracisz ludzi, którzy nigdy się nie dowiedzieli, że byłeś opcją.

Dlaczego moja strona wydaje się szybka na moim telefonie, a wolna dla innych?

Ponieważ Twój telefon Cię okłamuje: otwierasz ją codziennie z tego samego urządzenia, podłączonego do wifi w Twoim lokalu, i strona jest już zapisana w pamięci. Dla Ciebie zawsze będzie się otwierać w mig, nawet jeśli nowemu klientowi na danych mobilnych zajmie to osiem sekund.

Prawdziwy test kosztuje jedną przysługę. Poproś o telefon kogoś, kto nigdy nie wchodził na Twoją stronę — klienta przy kasie, sąsiadkę, siostrzeńca — i niech otworzy ją na swoich danych, nie na Twoim wifi. Ty tylko patrz na ekran, bez żadnych wyjaśnień. Po jego twarzy poznasz to jeszcze przed tym, jak pojawi się Twój numer telefonu.

To jedyna diagnoza z tej listy, której nie możesz zrobić samemu.

Co powoduje, że strona internetowa ładuje się wolno?

Prawie zawsze są to zdjęcia. Fotografia, która wychodzi z Twojego telefonu, waży zwykle cztery albo pięć megabajtów. Na stronie widać ją w kwadracie wielkości trzech centymetrów. Wysyłasz plakat, żeby ktoś zobaczył go w rozmiarze znaczka pocztowego, a klient płaci za ten cały plakat swoimi danymi, zanim zobaczy cokolwiek.

Strona Rocío ma czterdzieści zdjęć: wejście, paprocie, sukulenty, gliniane doniczki, pani, która obsługuje w soboty. Samo dziesięć z nich to już pięćdziesiąt megabajtów, które ktoś musi ściągnąć stojąc na rogu ulicy, a galeria żąda ich wszystkich, nawet jeśli klient nigdy nie przewinie, żeby je zobaczyć. Nikt się tego nie spodziewa, zwłaszcza pod koniec miesiąca, gdy limit danych się kończy.

To najcięższa część, a jednocześnie najłatwiejsza do naprawienia, bo nie musisz usuwać żadnego zdjęcia: wystarczy wgrać je ponownie, w mniejszym rozmiarze.

Druga rzecz: mechanizmy, które przyszły razem z szablonem

Drugą rzeczą, która obciąża stronę, są mechanizmy wbudowane w szablon: karuzela, która sama zmienia zdjęcia, wideo wejścia jako tło, litery, które pojawiają się z efektem wygaszania, kiedy przewijasz.

Nikt nie kupił paproci przez karuzelę. To wszystko elementy, które telefon musi ściągnąć i złożyć, zanim pokaże całą stronę, a żaden z nich nie odpowiada na pytanie, z którym przyszedł klient: czy jesteś otwarty w niedziele i ile kosztuje fikus.

Trzecia rzecz: dodatki

Trzecią rzeczą są dodatki: czat, który wyskakuje po pięciu sekundach, osadzona mapa, która ładuje się sama, nawet jeśli nikt nie przewinie do niej, ramka z opiniami, banner z ciasteczkami, przyciski do pięciu sieci społecznościowych.

Każdy z nich żąda swojego własnego kawałka internetu, czasem z serwera w innym kraju, zanim Twoja strona zdąży się w pełni wyświetlić. Jeden nie jest odczuwalny. Sześć — tak.

Dlaczego szablony stron internetowych ładują się wolno?

Szablony ładują się wolno, bo nie zostały stworzone dla Twojego biznesu. Zostały stworzone, żeby robić wrażenie w katalogu, z którego je wybrałeś, a tam karuzela i animacje są właśnie tym, co sprawia, że ludzie w nie klikają.

Nikt Ci nie powiedział, żebyś usunął to, czego nie używasz. A w większości edytorów usunięcie sekcji kosztuje więcej pracy niż jej pozostawienie: trzeba znaleźć moduł i zgadnąć, co się zepsuje, jeśli go usuniesz. Więc zostaje. Twoja strona nie jest wolna, bo ktoś źle wykonał swoją pracę; jest wolna, bo urodziła się z elementami innego biznesu w środku, i nikt nie miał czasu ich wyciągnąć.

Kiedy zamiast wybierać szablon, opisujesz to, czego potrzebujesz, podstawowa różnica nie leży w designie: strona wychodzi z sekcjami, o które poprosiłeś, i niczym więcej. Nie ma czego z niej usuwać, bo nigdy tam tego nie dodano.

Co naprawdę daje szablon

Jeśli to, co sprzedajesz, da się zobaczyć — rośliny, ubrania, jedzenie, manicure — dobrze rozmieszczone duże zdjęcia sprzedają lepiej niż jakikolwiek tekst, a szablon jest już zbudowany wokół tego. Są branże, w których karuzela naprawdę działa, jak salon, który chce pokazać osiem zdjęć przed i po. A jeśli Twoja strona już działa, przebudowanie jej od zera tylko dla szybkości praktycznie nigdy nie jest tego warte.

I najważniejsza rzecz, żebyś nie stracił miesiąca na niewłaściwą sprawę: wolna strona, która pojawia się w Google, wygrywa z szybką, której nikt nie znajduje. Jeśli nie wyświetlasz się, kiedy ludzie szukają Twojej branży i miasta, nie zaczynaj od tego.

Co jest ważniejsze: szybkość ładowania czy kolejność, w jakiej wszystko się pojawia?

Ważniejsza jest kolejność, w jakiej pojawia się treść, niż całkowity czas ładowania. Strona może potrzebować sześciu sekund, żeby się w pełni wczytać, i mimo to wydawać się szybka, jeśli już w pierwszej sekundzie widać nazwę biznesu, godziny otwarcia i telefon. I może potrzebować trzech sekund, a wydawać się wiecznością, jeśli pierwszą rzeczą, która się pojawia, jest zdjęcie o wadze dwóch megabajtów, a telefon jest na samym końcu, pod opiniami klientów.

Nikt nie mierzy Twojej strony stoperem. Ludzie sprawdzają, czy już znaleźli to, po co przyszli. Jeśli to pojawi się najpierw, resztę można spokojnie dogrywać w tle.

Jak naprawić wolne ładowanie strony bez jej przebudowy?

Naprawia się to trzema rzeczami, w tej kolejności, i wszystkie trzy mieszczą się w jednym tygodniu.

1. Wgraj zdjęcia ponownie, w mniejszym rozmiarze. Wiele edytorów ma opcję optymalizacji lub kompresji zdjęć; jeśli Twój jej nie ma, przytnij je na telefonie przed wgraniem. Zacznij od pierwszego zdjęcia na stronie — to ono zatrzymuje wszystko inne.

2. Usuń to, czego nie używasz. Najpierw karuzelę: zostaw jedno zdjęcie, to najlepsze. Potem wideo w tle. Potem przyciski do sieci społecznościowych, na których nie publikujesz od zeszłego roku.

3. Przenieś na górę to, po co ludzie przyszli. Nazwa, czym się zajmujesz, godziny otwarcia, telefon i adres — na pierwszym ekranie, z numerem, który da się dotknąć, żeby zadzwonić.

A jeśli wolisz po prostu zacząć od nowa

Jeśli strona już bardziej Cię obciąża, niż pomaga, opisz ją w Proyecta tak, jak chcesz, żeby wyglądała:

„Strona dla mojego centrum ogrodniczego w Xalapie: rośliny, które sprzedaję, podzielone według typu, ceny od, podstawowa pielęgnacja, adres z mapą, godziny otwarcia i przycisk WhatsApp. Żeby otwierała się szybko na danych mobilnych, bez karuzeli i bez wideo.”

To ostatnie zamawia się słowami, tak jak wszystko inne. Strona wychodzi opublikowana ze swoim linkiem, a jeśli coś dostałeś w nadmiarze, po prostu poprosisz, żeby było tego mniej.

Szczerze: zdjęcia musisz wgrać sam, i w odpowiednim rozmiarze. Tej części nikt za Ciebie nie zrobi, ani tutaj, ani w Wix.

Zanim zamkniesz tę zakładkę

Poproś o telefon pierwszą osobę, która dzisiaj wejdzie do Twojego biznesu. Otwórz swoją stronę na jej danych i policz do trzech.

Jeśli po trzech sekundach Twój numer telefonu nie jest na tym ekranie, już wiesz, od czego zacząć. I już wiesz, że problemem nie było to, że Twoja strona była nieestetyczna.