ATEST Ełk — strona internetowa na WordPress

Strona szkoły jazdy od zera

Szkoła prowadzi kursy na kategorie A, A1, A2 i B, także w pakietach A+B i A2+B, oraz kursy prawa jazdy dla osób niepełnosprawnych. Poprzednia strona stała na Flashu, którego dziś nie otworzy żadna przeglądarka.

Nowa powstała u mnie w całości: logo, projekt graficzny i własny motyw WordPressa. Pasek kategorii pod sliderem prowadzi prosto do podstrony wybranego kursu.

Aktualizacja po latach

Strona działała na WordPressie 4.7 i PHP 7.4, z wtyczkami z lat 2017–2019. Przeniosłem ją na WordPressa 7.1 i PHP 8.3.

Pola treści stały na ACF 4 z płatnym dodatkiem Repeater, który nie działa z nowym systemem. Przeszły na Secure Custom Fields: sześć grup i 42 pola z tymi samymi wartościami, więc klientka edytuje treść w panelu tak jak wcześniej. Zrzuty przed i po aktualizacji nie pokazały różnic w wyglądzie.

Lżejszy kod i mniej skryptów

Skrypty motywu przepisałem bez jQuery. Slider i galeria zdjęć ładują się dopiero wtedy, gdy są potrzebne, a fonty idą z serwera strony zamiast z Google Fonts.

Z każdej podstrony zniknął stary kod Google Analytics, który od dawna nie zbierał danych, i skrypt Facebooka do przycisku „Lubię to”. Mapa Google na stronie kontaktu i tak się nie wyświetlała, bo nie miała klucza API. Zastąpiła ją mapa OpenStreetMap, ładowana przy pierwszej interakcji. Baner programu dotacyjnego w stopce ważył 796 KiB, po konwersji do WebP waży 27 KiB.

Dostępność i panel

Przyciski i szare teksty dostały kontrast zgodny z WCAG, a linki bez tekstu opis dla czytników ekranu. Wynik dostępności w PageSpeed wzrósł z 83 do 100.

Menu i dane firmy były wpisane w kod szablonu, więc każda zmiana godzin czy pozycji w menu wymagała programisty. Teraz klientka zmienia je w panelu: pięć menu i jedna strona z danymi firmy, z której adres, telefon i godziny biorą strona kontaktu i mapa.

Wynik

Strona główna na telefonie: PageSpeed z 66 na 98, LCP z 8,8 s na 1,8 s. Na komputerze: z 86 na 100. Podstrona kursu na kategorię A na telefonie: z 69 na 99.