Miałem kilka podstron (Home, O mnie, Portfolio, Kontakt), ale po zmianie motywu:
- zniknęły linki w menu,
- w nagłówku świeciło domyślne logo z demówki,
- baner tytułu strony był tak wysoki, że zasłaniał pół ekranu,
- sidebar z „Ostatnimi wpisami” był za duży i pojawiał się wszędzie.
Mój stack:
- CMS: WordPress
- Motyw: Politono
- Builder: Elementor
- Hosting: LH.pl
- Wtyczki: WPForms, WP Mail SMTP
To wszystko było wystarczające, żeby szybko wejść w tryb „działa i wygląda”. Interesowała mnie na początek prosta stylowo strona, która będzie odpowiadała mojemu stylowi pracy – nie przepadam za przerostem formy nad treścią.
Problemy i moje szybkie fixy:
Motyw wczytywał obrazek z katalogu motywu. Na starcie zależało mi po prostu, żeby to logo zniknęło.
Menu nie pokazywało podstron – po zmianie motywu trzeba było na nowo przypiąć menu.
Zmniejszyłem wysokość baneru strony, ponieważ zasłaniał większość zawartości. Za wysokość odpowiadała reguła .xs-jumbotron { min-height: 350px; } Interesuje mnie niski pasek, żeby tytuł był widoczny, ale nie dominował.
Prawy sidebar z wpisami: chciałem mniejszą typografię i opcjonalnie – ukrycie sidebara na zwykłych stronach.
Błąd łączenia się z bazą danych po wejściu na stronę – ten przypadek wymagał połączenia się przez FTP z serwerem strony i modyfikację danych pliku wp-config.php. Konieczna była zmiana hosta ustawionego w konfiguracji na odpowiedni, przypisany przez firmę hostingową.
Wyniki po poprawkach – Page Speed Insights
| Metryka | Wartość |
|---|---|
| LCP | 1,1 s |
| FCP | 0,7 s |
| TBT (lab) | 0 ms |
| Speed Index | 2,2 s |
| CLS | 0,002 |
| Ocena PSI | 93/100 |
Podsumowując, małe poprawki dają spory efekt: czytelniejsze menu, sensowny baner, ogarnięty sidebar i lepszy start pod SEO/Performance. To nie jest „rocket science” – to detale, które po prostu robią różnicę.
Co można jeszcze poprawić?
- Cache przeglądarki dla statycznych plików – włączone długie TTL.
- Obrazy WebP + kompresja i docelowe wymiary.
- Mniej zasobów blokujących render (defer JS, krytyczny CSS) – ~540 ms szybciej do pierwszego malowania.
- Mniej reflow: stałe wymiary obrazów i sekcji, zero „doskakujących” elementów.
- Fonty z font-display:swap (+ preconnect) – brak migotania i mikro-skoków.
- Odchudzenie nieużywanego CSS/JS: minifikacja, wyłączenie zbędnych skryptów.
- Cel wagowy strony: ~1-2 MB po optymalizacji obrazów.