Jak przyśpieszyć działanie Twojej strony internetowej WordPress?

Udostępnij
Dodano: 15.06.2019

Optymalizacja prędkości działania strony internetowej jest jednym z kluczowych czynników – które mają wpływ na pozycje strony w wynikach wyszukiwania oraz współczynnik odrzuceń.

Jak to wygląda w praktyce?

Użytkownicy przeszukujący morze stron znalezionych w google poszukując swojego wymarzonego produktu bądź usługodawcy, odnajdują atrakcyjny link który jest linkiem sponsorowanym lub organicznym. Klikają go a strona wczytuje się, wczytuje i wczytuje… większość z nich – co jasno wynika z statystyk opuszcza tego typu serwisy i klika kolejny link w wynikach wyszukiwania.

Z drugiej strony – właściciel serwisu, który właśnie został porzucony zainwestował pieniądze w stworzenie strony internetowej. Traktując ją jako narzędzie marketingowe, a owe narzędzie nie zadziałało prawidłowo, a wręcz odwrotnie. Użytkownik kliknął link sponsorowany lub organiczny, a co za tym idzie środki zainwestowane w kampanie SEO i SEM nie przyniosły żadnego rezultatu.

Jak widzicie na powyższym przykładzie, właściciel serwisu zamiast pozyskać klienta stracił nieświadomie pieniądze – zamiast pozyskać nowego klienta.

Szybsza strona równa się lepsze efekty marketingowe

Musimy dbać o naszą stronę internetową czy sklep, ponieważ jej jakość bezpośrednio przekłada się na nasze dochody uzyskane przez nią. Poniżej przedstawię parę podpowiedzi na co warto zwracać uwagę i z jakich narzędzi można korzystać.
Niestety nie jest to łatwy zabieg na już istniejącej stronie i wymaga wiedzy programistycznej – pomagamy w tym na co dzień naszym klientom.

Optymalizacja prędkości działania strony internetowej

Warunki jakie należy spełnić aby nasza strona ładowała się szybko?

  1. poprawnie napisany, semantyczny kod html (w3c)
  2. poprawnie napisany kod css
  3. mała liczba zapytań
  4. ładowanie skryptów tam gdzie są potrzebne.
  5. asynchronicznie wczytywanie skryptów
  6. optymalizacja obrazków
  7. włączona kompresja GZIP
  8. wydajny serwer
  9. cache

1. poprawnie napisany, semantyczny kod HTML (W3C).

Pamiętajmy, że przeglądarki muszą „przeczytać” to co naskrobaliśmy, jeżeli zrobimy to niechlujnie, błędnie, niepotrzebnie mocno zagnieździmy kod HTML to przeglądarki będą musiały poświęcić więcej czasu by wczytać nasz dokument.

2. poprawnie napisany kod CSS

Często trafia do nas kod CSS dość bezmyślnie napisany – w wielu miejscach powtórzony ten sam element, a co za tym idzie kod CSS się wydłuża i importowany plik wczytuje się dłużej. Warto aby programista korzystał z narzędzi debugujących, które poprawią jakość kodu.

3. mała liczba zapytań

W tym wypadku to tak jak w życiu codziennym, jeżeli zadajemy komuś pytania, ktoś odpowiada, jeżeli takich pytań jest dużo to rozmowa trwa długo. Tak samo jest w komunikacji dokument – serwer im więcej zapytań tym wczytywanie trwa dłużej. Warto dbać aby zapytań było jak najmniej – mowa tu głównie o ilości plików CSS, JS i czcionek.

4. ładowanie skryptów tylko tam gdzie są potrzebne

Większość stron opartych na gotowych szablonach lub zbudowanych na page builderach – wczytuje wszystkie skrypty na każdej z podstron, nawet gdy nie są wykorzystywane. Dobrą praktyką jest rozbijanie skryptów aby wczytywały się tylko w miejscach, w których są potrzebne.

5. asynchronicznie wczytywanie skryptów

Standardowo wczytywanie dokumentu wygląda tak,że każde zapytanie czeka w kolejce. Dopiero po wczytaniu aktualnego zapytania – zostanie wczytany kolejny. Tutaj z pomocą przychodzi asynchroniczność, możemy uruchomić wczytywanie skryptów w „tle”, bez oczekiwania na swoją kolej.

6. optymalizacja obrazków

Jest to też nagminny problem, który znacznie spowalnia renderowanie strony, pamiętajmy by umieszczać zoptymalizowane obrazy o odpowiednich wymiarach. Narzędzi jest wiele, od lokalnych po serwisy online. W naszej standardowej ofercie utrzymania strony w sieci posiadamy automatycznie rozwiązanie optymalizujące wszystkie obrazki wgrywane od systemu WordPress.

7. włączona kompresja GZIP

GZIP jest to optymalizacja w tzw. „locie”, jest ona bardzo ważna, niestety tutaj jesteśmy bardzo mocno uzależnieni od hostingu. Także zanim wykupimy hosting warto zaznajomić się z jego specyfikacja – czy jest to możliwe.

8. wydajny serwer

Tak jak wspomniałem wyżej specyfikacja serwera jest bardzo istotna, np. nowa wersja WordPress wymaga wersji PHP 7.3 lub wyższej. Nie warto na nim oszczędzać.

9. cache strony

Jest to pamięć podręczna przeglądarki, która pozwala nam na przechowywanie informacji o naszej stronie, gdzie przy kolejnym wejściu nasza przeglądarka nie będzie musiała pobierać z serwera np. naszych css, js, a skorzysta z tych zapisanych właśnie w tej pamięci.

Jest jeszcze wiele czynników mających wpływ na szybkość funkcjonowania stron, ale powyższe aspekty są kluczowe aby poprawić szybkość działania strony WordPress lub innego systemu.

Jak optymalizujemy prędkość strony w LIKE.agency?

Przykład optymalizacji jednej ze stron wykonanej przez nas znajdziesz w naszym portfolio np. na stronie Skin Spa.

Zapraszamy do kontaktu jeśli potrzebujesz pomocy w optymalizacji prędkości twojej strony!

Udostępnij
Dodano: 15.06.2019
O Autorze
Krzysztof Malec
Full Stack Developer

Krzysztof pracuje w LIKE.agency od kilku lat i jest jednym z naszych głównych developerów. Jest odpowiedzialny za wdrożenia dla kluczowych klientów oraz optymalizacje prędkości stron internetowych.

Kategorie:Aktualności