VulCode

Przyspieszenie strony internetowej i WordPressa

Stronę na WordPressie, która wolno się ładuje, przyspiesza VulCode, software house z Krakowa: usuwamy ciężkie skrypty kreatora typu Elementor i zbędne wtyczki, a zdjęcia zmieniamy na WebP i AVIF. Włączamy też cache i kompresję, a wynik w PageSpeed Insights na telefonie mierzymy przed i po zmianach, z celem 90+.

od 399 zł

Kwotę dla Twojego zakresu podajemy w bezpłatnej wycenie.

Core Web Vitals w praktyce
Wynik w PageSpeed Insights
Lighthouse, tryb telefonu
90+cel na telefonie
  • 0-49słaby
  • 50-89do poprawy
  • 90-100dobry
Przed zmianami
pomiar wyjściowy z linkiem do raportu
Po zmianach
te same podstrony i te same warunki

Dlaczego wolna strona traci odwiedzających

Google mierzy szybkość u prawdziwych odwiedzających, osobno na telefonach i komputerach, i ocenia stronę trzema wskaźnikami Core Web Vitals. Każdy ma próg dobrego wyniku, a poza nim odwiedzający czeka na treść, klika bez reakcji albo trafia w przycisk, który właśnie przeskoczył.

LCP

wyświetlenie głównej treści
dobry wynik do
2,5 s
dobry
do poprawy
słaby
Gdy wynik jest słaby

Przez pierwsze sekundy odwiedzający patrzy na pusty albo niepełny ekran i nie wie, czy strona w ogóle działa.

INP

reakcja na kliknięcie
dobry wynik do
200 ms
dobry
do poprawy
słaby
Gdy wynik jest słaby

Po kliknięciu przycisku nic się nie dzieje, więc odwiedzający klika drugi raz albo wychodzi.

CLS

stabilność układu
dobry wynik do
0,1
dobry
do poprawy
słaby
Gdy wynik jest słaby

Treść przeskakuje w trakcie ładowania, a palec trafia w inny przycisk, niż zamierzał.

Najpierw diagnoza: co mierzymy

Zanim cokolwiek zmienimy, mierzymy stronę w PageSpeed Insights w trybie telefonu: każdy typ podstrony osobno i kilka razy z rzędu, bo wynik zmienia się między uruchomieniami o kilka punktów. Jeśli strona ma wystarczający ruch, patrzymy też na dane prawdziwych użytkowników z Search Console.

Z czego składa się wynik w PageSpeed
Co mierzyGdzie szukamy przyczyny
  • 30%TBTTotal Blocking Time
    Co mierzy

    Jak długo skrypty blokują stronę podczas ładowania. W pomiarze laboratoryjnym zastępuje INP.

    Gdzie szukamy przyczyny

    Skrypty kreatora i wtyczek, jQuery, czat i piksele reklamowe.

  • 25%LCPLargest Contentful Paint
    Co mierzy

    Kiedy widać główną treść, zwykle zdjęcie albo nagłówek na górze.

    Gdzie szukamy przyczyny

    Odpowiedź serwera bez cache, ciężkie zdjęcie na górze, style i skrypty, na które czeka przeglądarka.

  • 25%CLSCumulative Layout Shift
    Co mierzy

    Ile treść przeskakuje podczas ładowania.

    Gdzie szukamy przyczyny

    Zdjęcia i ramki bez wymiarów, podmiana czcionki, baner cookies.

  • 10%FCPFirst Contentful Paint
    Co mierzy

    Kiedy na ekranie pojawia się cokolwiek.

    Gdzie szukamy przyczyny

    Style i czcionki ładowane przed treścią, brak kompresji.

  • 10%SISpeed Index
    Co mierzy

    Jak szybko zapełnia się widoczna część strony.

    Gdzie szukamy przyczyny

    Kolejność ładowania: to, co mogłoby poczekać, idzie przed treścią.

Co zmieniamy w kodzie strony

Zmieniamy to, co pomiar wskazał jako przyczynę, a wygląd i treść strony zostają takie same. Na schemacie widać, co znika, co się zmniejsza i co ładuje się dopiero po treści.

Schemat ładowania podstrony na kreatorze
Co się ładuje
Przed zmianami
Po zmianach
Co się zmienia
główna treść widoczna
główna treść widoczna
Dokument HTML
z cache, skompresowany
Style motywu i kreatora
tylko style użyte na tej podstronie
Skrypty kreatora i jQuery
po wyświetleniu treści
Style i skrypty zbędnych wtyczek
usunięte
usunięte razem z wtyczkami
Czcionki z zewnętrznego serwera
z własnego serwera, tylko użyte grubości
Zdjęcie na górze strony
WebP albo AVIF, pobierane od razu
Zdjęcia niżej na stronie
WebP albo AVIF, przy przewijaniu
Czat, piksele i statystyki
po załadowaniu strony
Przed zmianami
główna treść widoczna
Dokument HTML
Style motywu i kreatora
Skrypty kreatora i jQuery
Style i skrypty zbędnych wtyczek
Czcionki z zewnętrznego serwera
Zdjęcie na górze strony
Zdjęcia niżej na stronie
Czat, piksele i statystyki
Po zmianach
główna treść widoczna
Dokument HTMLz cache, skompresowany
Style motywu i kreatoratylko style użyte na tej podstronie
Skrypty kreatora i jQuerypo wyświetleniu treści
Style i skrypty zbędnych wtyczekusunięte razem z wtyczkami
usunięte
Czcionki z zewnętrznego serweraz własnego serwera, tylko użyte grubości
Zdjęcie na górze stronyWebP albo AVIF, pobierane od razu
Zdjęcia niżej na stronieWebP albo AVIF, przy przewijaniu
Czat, piksele i statystykipo załadowaniu strony

  • Ciężkie skrypty kreatora i zbędne wtyczki

    Wyłączamy moduły kreatora, których strona nie używa, a wtyczki bez zadania usuwamy albo ładujemy tylko tam, gdzie są potrzebne.

  • Zdjęcia w WebP i AVIF

    Każde zdjęcie we właściwym rozmiarze, a te niżej na stronie ładują się dopiero wtedy, gdy ktoś do nich przewinie.

  • Cache i kompresja

    Serwer wysyła gotową, skompresowaną stronę z cache, zamiast składać ją od nowa przy każdym wejściu.

  • Mniej skryptów z zewnątrz

    Czat, piksele reklamowe i statystyki ładują się po wyświetleniu strony, a zdublowane albo nieużywane znikają.

  • Bez przeskoków układu

    Zdjęcia i ramki dostają wymiary, czcionka zastępcza ma te same proporcje, a baner cookies nie spycha treści w dół.

  • Podstawy SEO przy okazji

    Brakujące opisy meta i dane strukturalne, które znajdziemy przy diagnozie, możemy uzupełnić od razu.

Przyspieszenie strony na WordPressie i Elementorze

Kreator stron daje swobodę układu, ale płaci się za nią kodem: style i skrypty wszystkich modułów ładują się na każdej podstronie, także tam, gdzie moduł nie występuje. Strony nie przenosimy na inny system, tylko porządkujemy tę, którą masz.

  • Ten sam panel

    Treści dalej edytujesz w WordPressie i w kreatorze, tak jak przed zmianami.

  • Najpierw kopia testowa

    Wtyczki wyłączamy i ustawiamy na kopii strony, a na Twoją stronę zmiany trafiają po akceptacji.

  • Sklep na WooCommerce

    Kartę produktu, listę produktów i koszyk mierzymy osobno, bo każda z tych stron ładuje co innego.

Przegląd wtyczek i ustawień
Typowa strona firmowa na WordPressie z kreatorem
  • Kreator stron (Elementor)
    style i skrypty wszystkich widżetów na każdej podstronie
    zostaje
    ładuje tylko użyte widżety
  • Pakiet dodatków do kreatora
    cały pakiet ładowany dla kilku widżetów
    usuwamy
    widżety odtwarzamy w samym kreatorze
  • Slider na stronie głównej
    skrypt i style na wszystkich podstronach
    zmieniamy
    tylko na stronie głównej
  • Formularz kontaktowy
    skrypty na każdej podstronie, choć formularz jest tylko w kontakcie
    zmieniamy
    tylko na stronie kontaktu
  • Ikony i animacje kreatora
    cały zestaw ikon i biblioteka animacji wszędzie
    zmieniamy
    tylko użyte ikony, bez biblioteki animacji
  • Dwie wtyczki do cache
    robią to samo i wchodzą sobie w drogę
    zmieniamy
    zostaje jedna, ustawiona od nowa
  • Wtyczki wyłączone i nieużywane
    zostały po dawnych zmianach
    usuwamy
    mniej kodu do aktualizowania

Pomiar przed i po zmianach

Oba pomiary robimy w tych samych warunkach, więc różnica wynika ze zmian, a nie z innej podstrony czy innego trybu. Dostajesz linki do obu raportów i każdy uruchomisz ponownie sam.

Przed zmianamiPo zmianach
  • NarzędziePageSpeed Insights (Lighthouse)
  • Trybtelefon
  • Podstronystrona główna i każdy typ podstrony
  • Uruchomieniakilka z rzędu, liczy się mediana
  • Wynik na telefoniePrzed zmianami: punkt wyjściaPo zmianach: cel 90+
  • Dane użytkownikówPrzed zmianami: z Search Console, gdy strona ma ruchPo zmianach: odświeżają się z opóźnieniem
  • Raportlink, który uruchomisz ponownie sam

Kiedy przyspieszenie nie wystarczy

Czasem wolna jest sama konstrukcja strony: motyw albo kreator, którego nie da się odchudzić bez przepisania szablonu. Mówimy to po diagnozie, zanim zamówisz prace.

  • Wystarczą poprawki

    Przyczyny siedzą we wtyczkach, zdjęciach, cache i skryptach z zewnątrz. Przyspieszamy stronę, którą masz, z celem 90+ na telefonie.

  • Wynik blokuje motyw albo kreator

    Gdy celu nie da się osiągnąć bez przepisania szablonu, mówimy to wprost, a alternatywą jest nowa strona. Nowe strony oddajemy z wynikiem 95+ w PageSpeed.

    Strona Firmowa

  • Strona ma zmienić system albo serwer

    Jeśli i tak chcesz zejść z obecnego systemu albo hostingu, przenosimy stronę z mapą przekierowań, żeby nie stracić pozycji w Google.

    Migracja strony i sklepu

Co dostajesz na koniec

Dostajesz oba raporty, listę zmian i stronę, która wygląda tak samo jak przed zmianami. Po odbiorze zostajemy przy niej przez okres wsparcia.

  • 90+
    cel w PageSpeed na telefonie
    Po zmianach, w tych samych warunkach co pierwszy pomiar.
  • 90 dni
    wsparcia po odbiorze
    Błędy z naszych zmian poprawiamy bez dopłaty.
Odbiór przyspieszenia strony
Pomiar
PageSpeed Insights, telefon
Wsparcie
90 dni od odbioru
Raport przed zmianami
Wynik i wskaźniki każdej mierzonej podstrony, z linkiem do PageSpeed Insights.
Lista zmian
Co usunęliśmy i co zmieniliśmy, wtyczka po wtyczce, z powodem każdej zmiany.
Raport po zmianach
Te same podstrony i ten sam tryb, z linkiem do raportu.
Strona na produkcji
Wygląda jak wcześniej, a treści edytujesz tak samo.
Zalecenia na później
Jak dodawać zdjęcia, wtyczki i skrypty, żeby wynik nie spadł.

Pytania o przyspieszenie strony

O przyczyny, WordPressa, wynik w PageSpeed i to, co dzieje się po zmianach.

Czytaj dalej

Usługi, które często idą razem z przyspieszeniem, i nasz poradnik o Core Web Vitals. Pod nimi artykuły z bloga na ten sam temat.

Twoja strona wolno się ładuje?

Wyślij adres strony i napisz, co Cię niepokoi. Odpowiemy w ciągu godziny z pytaniami i bezpłatną wyceną.