Prędkość Ładowania Strony

Zadanie polegało na poprawieniu #wydajności strony, która działa jako galeria zdjęć. To nie było łatwe zadanie, ponieważ przeglądarka domyślnie pobiera wszystkie obrazy jednocześnie, co tworzy "wąskie gardło" w ruchu sieciowym.

Skorzystałem z DevTools (zakładka #performance) oraz rekomendacji #PageSpeed Insights, aby zoptymalizować wydajność strony. Główne działania obejmowały:
- Wprowadzenie #lazy loading dla obrazów, co umożliwiło ich ładowanie tylko wtedy, gdy jest to konieczne.
- Optymalizację rozmiarów i formatów obrazów (np. korzystanie z WebP).
- Konfigurację pamięci podręcznej w celu skrócenia czasu ładowania przy ponownych wizytach.
- Optymalizację CSS i JavaScript, aby zmniejszyć ilość pobieranych danych.

Rezultat: strona teraz ładuje się szybciej i spełnia kryteria zielonej strefy. Performance Score osiągnął 92, a wskaźniki Dostępności (Accessibility), Najlepszych Praktyk (Best Practices) i SEO również znacznie się poprawiły.