5 kroków do skrócenia czasu ładowania witryny o 54%

Masz około czterech sekund, aby utrzymać uwagę odwiedzającego po raz pierwszy na tyle długo, aby przekonwertować go na Twoją listę e-mailową lub sprzedać mu produkt lub usługę.

Potem, jeśli nadal kręcą kciukami, czekając na pojawienie się pierwszego znaku strony internetowej, stracisz około połowy z nich. Duże założenie, ale prawdopodobnie nie chcesz poświęcać tak wielu potencjalnych płacących klientów tylko dlatego, że Twoja strona internetowa sprawia, że ​​​​drzemiące leniwce wyglądają na szybkie.

Według badań przeprowadzonych przez Gomez.com około połowa odwiedzających witrynę chce, aby witryna ładowała się w ciągu 2 sekund i zwykle opuszczają witrynę, która nie jest ładowana w ciągu 3 sekund. 79% kupujących online, którzy mają problemy z wydajnością witryny, twierdzi, że nie wrócą do niej, aby ponownie kupić, a około 44% z nich podzieliłoby się ze znajomymi, gdyby mieli złe doświadczenia z zakupami online.

Dobrą wiadomością jest to, że w większości przypadków czas ładowania strony można znacznie skrócić dzięki kilku poprawkom. Może nawet 54% z tą piątką, którą zaraz na ciebie zrzucimy. Gotowy? Chodźmy!

#1. Zmiażdż te obrazy do rozmiaru

Być może największym przestępcą, jeśli chodzi o śmiertelnie powolną witrynę, są obrazy, które nie zostały zoptymalizowane. Mówimy o prostym rozmiarze pliku. Zbyt często obrazy pobierane bezpośrednio z aparatu telefonicznego lub witryny ze zdjęciami stockowymi są ogromne – wiele megabajtów. Zanim umieścisz jedno lub więcej z tych dzieci w kilkudziesięciu lub setkach postów, Twoja strona internetowa pławi się jak ciężarna manat.

Oto rozwiązanie tego problemu. Jeśli masz Photoshopa, świetnie, chociaż darmowy edytor grafiki online, taki jak Pixlr, działa równie dobrze. To, co musisz zrobić, to zmniejszyć rozmiar każdego obrazu, zanim zostanie on przesłany do witryny. Możesz bawić się ustawieniami, aby znaleźć to, co działa dla Ciebie, ale strzelaj do obrazów o rozmiarze kilobajtów, a nie megabajtów.

#2. Umieść przeglądarkę w pamięci podręcznej

Najczęściej używane przeglądarki mają możliwość buforowania elementów witryny, a Ty będziesz sprytnym przedsiębiorcą, aby z tego skorzystać. Oto jak to działa. Kiedy użytkownik odwiedza Twoją witrynę po raz pierwszy, każdy element strony – obrazy, tekst, skrypty, CSS – musi zostać pobrany. Przepraszamy, naprawdę nie da się tego obejść, chociaż powinno to podkreślać potrzebę uczynienia Twojej witryny tak szczupłą, jak to tylko możliwe od samego początku.

Ale przy odpowiednio skonfigurowanym buforowaniu kolejne wizyty ładują się szybciej, ponieważ elementy, które nie uległy zmianie, nie muszą być ponownie pobierane. Ponieważ większość witryn (niezależnie od witryn z wiadomościami) zawiera większość treści, która pozostaje taka sama, buforowanie przeglądarki znacznie przyspiesza działanie. Jeśli myśl o upewnieniu się, że ta funkcja jest włączona w Twojej witrynie, powoduje, że wybucha ci pokrzywka, zadzwoń do pomocy technicznej firmy hostingowej i spraw, aby zarabiała pieniądze.

#3. Odchudź swoją witrynę

Czy wiesz, że włączając kompresję w swojej witrynie, możesz zmniejszyć łączny rozmiar pliku o 50-70%? Ludzie, to jest ważne i może stanowić różnicę między udanym biznesem online a gigantyczną ilością czasu. To, o czym tutaj zasadniczo mówimy, to upuszczanie plików witryny do cyberprzepaski – zwanej również zipowaniem.

Skompresowana witryna internetowa wymaga mniejszej przepustowości do pobrania na komputer odwiedzającego, dzięki czemu szybciej przechodzi przez „potok”. Kompresja w całej witrynie to ustawienie stosowane na poziomie serwera. Jeśli prowadzisz własny serwer, prawdopodobnie już o tym wiesz, więc możesz przejść do następnej pozycji na naszej liście. Dla mas, które subskrybują regularne plany hostingowe, powinieneś jeszcze raz zadzwonić lub porozmawiać z przyjaznym personelem wsparcia technicznego. Powiedz im, co próbujesz osiągnąć, a oni powinni być w stanie to zrobić.

#4. Usprawnij swój CSS

Projektanci stron internetowych używają plików CSS do kontrolowania układu i wyglądu strony internetowej. Ponieważ ten plik (lub pliki) musi się załadować, zanim cokolwiek zobaczysz, sensowne jest, aby był jak najmniejszy. Dobrym pierwszym krokiem do tego jest przyjrzenie się rzeczywistemu kodowi i wyrzucenie wszystkiego, co nie musi tam być. Dosłownie, każdy znak i spacja, której używasz, zwiększa rozmiar pliku i czas kręcenia kciukiem, aby odwiedzający czekali.

Następnym krokiem jest zminimalizowanie CSS. Jest to proces usuwania dodatkowych spacji w kodzie, które sprawiają, że wygląda ładnie, ale spowalniają czas ładowania. Jeśli używasz systemu CMS w swojej witrynie, niektóre (HubSpot) automatycznie minimalizują CSS, podczas gdy inne (WordPress, Joomla) nie. Jeśli potrzebujesz opcji innej firmy, sprawdź bezpłatną usługę online, taką jak CSS Minifier. Wytnij, wklej i skompresuj.

#5. Zlokalizuj skrypty strategicznie

Wszyscy kochają JavaScript. Sprawia, że ​​strony internetowe są znacznie fajniejsze i bardziej responsywne, ale nieprawidłowo umieszczone mogą również wprowadzić coś, co wydaje się być martwym punktem w procesie ładowania strony. Ponieważ nikt nie lubi martwych punktów, zwłaszcza ruchu w witrynie, sensowne jest umieszczanie kodu JavaScript, którego używasz na końcu dokumentu HTML.

Ponieważ przeglądarki interpretują kod HTML sekwencyjnie od góry do dołu i wyświetlają elementy, gdy do nich docierają, ostatnią rzeczą, jakiej potrzebujesz, jest wysoko umieszczony kod JavaScript, który zasadniczo wciska przycisk „wstrzymaj” na kilka długich sekund. W biznesie prasowym istnieje wyrażenie „pod zakładką”, które odnosi się do artykułów, które pojawiają się w dolnej połowie pierwszej strony i są uważane za mniej ważne niż główny nagłówek.

Nie mówimy, że Twój kod JavaScript jest mniej ważny, ale ze względu na realia działania przeglądarek, wyświadcz sobie przysługę i spraw, by był ładowany jako ostatni.

Końcowe przemyślenia

Wielu przedsiębiorców internetowych zaczyna korzystać ze wspólnego planu hostingowego i kto może ich winić? Są niedrogie i łatwe w konfiguracji. Wadą jest to, że Twoja witryna znajduje się na serwerze może z setkami innych. Oczywiście nie jest to idealna sytuacja, gdy szybkość ładowania strony jest krytyczna. W końcu możesz rozważyć skorzystanie z szybszej opcji, takiej jak serwer dedykowany, plan hostingu wirtualnego serwera prywatnego lub nawet niezawodny hosting zarządzany.

Odwiedź tę stronę, aby uzyskać doskonałe porównanie 5 rodzajów hostingu, jeśli podejrzewasz, że potrzebujesz innego rozwiązania, ale nie jesteś pewien, jakie powinno być. Wreszcie, jeśli jesteś ciekawy, czy Twoja witryna rzeczywiście działa wolno, ta witryna umożliwia wstawienie adresu URL i przeprowadzenie testu szybkości witryny. Nie ma czasu jak teraźniejszość, aby dowiedzieć się prawdy.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak skrócić czas ładowania strony o 54%. Jeśli poważnie zastanawiasz się, jak przyspieszyć działanie swojej witryny, nasi eksperci opracowali przewodnik, który poprawi jej wydajność, specjalnie dla Ciebie.