Optymalizacja prędkości ładowania strony internetowej

Zwiększyć prędkość ładowania strony do 93+ punktów w Google PageSpeed Insights na komputerach stacjonarnych i urządzeniach mobilnych, a także zmniejszyć czas ładowania do poniżej 1 sekundy.
Strona: servis-chlazeni-praha.cz

wymagane działania:

1. Optymalizacja obrazów:

   • Skonwertować obrazy bez utraty jakości (używać formatów WebP lub AVIF).
   • Upewnić się, że rozmiary obrazów odpowiadają ich wyświetlaniu na stronie (na przykład, nie ładować dużych obrazów do małych bloków).
   • Skonfigurować lazy-loading dla wszystkich obrazów, aby ładowały się tylko przy pojawieniu się w widocznej części ekranu.

2. Optymalizacja kodu:

   • Zminimalizować pliki CSS, JavaScript i HTML (usunąć zbędne spacje, komentarze i niepotrzebne linie kodu).
   • Połączyć pliki CSS i JavaScript (jeśli to możliwe), aby zmniejszyć liczbę zapytań HTTP.
   • Przenieść JavaScript blokujący renderowanie na koniec strony.
   • Użyć asynchronicznego ładowania dla zewnętrznych skryptów.

3. Włączenie cache:

   • Skonfigurować cache przeglądarki dla wszystkich zasobów statycznych (CSS, JS, obrazy).
   • Ustawić nagłówki cache z długim czasem przechowywania (na przykład, 1 rok dla plików statycznych).

4. Kompresja danych:

   • Włączyć Gzip lub Brotli dla wszystkich zasobów tekstowych (HTML, CSS, JS).

5. Konfiguracja CDN (Content Delivery Network):

   • Podłączyć stronę do CDN (na przykład, Cloudflare, BunnyCDN) w celu przyspieszenia ładowania treści z najbliższych serwerów.

6. Optymalizacja czcionek:

   • Zamienić nieużywane znaki w czcionkach internetowych na podzbiór (subset), aby zmniejszyć rozmiar plików.
   • Skonfigurować lazy-loading dla czcionek oraz używać font-display: swap, aby zapobiec opóźnieniu wyświetlania tekstu.

7. Ocena i poprawa ustawień serwera:

   • Sprawdzić czas odpowiedzi serwera (TTFB) i zoptymalizować ustawienia hostingu (na przykład, włączyć cache po stronie serwera).
   • Jeśli używany jest WordPress lub inny CMS, zainstalować i skonfigurować wtyczkę cache (na przykład, WP Rocket, LiteSpeed Cache).

8. Usunięcie niepotrzebnych wtyczek (jeśli dotyczy):

   • Przeprowadzić audyt zainstalowanych wtyczek i usunąć te, które nie są używane lub znacznie spowalniają stronę.

9. Analiza i usuwanie błędów renderowania:

   • Sprawdzić stronę za pomocą Google PageSpeed Insights i GTmetrix, usunąć zidentyfikowane problemy.
     
     
     

   • Wymagania dotyczące wyniku:

     1. Prędkość ładowania:

        • Minimum 93 punkty w Google PageSpeed Insights na komputerach stacjonarnych i urządzeniach mobilnych.
        • Czas pełnego ładowania strony (Fully Loaded Time) w GTmetrix nie więcej niż 1-2 sekundy.

     2. Raporty:

        • Przedstawić zrzuty ekranu przed i po z Google PageSpeed Insights i GTmetrix.
        • Przedstawić listę wprowadzonych zmian.

     3. Stabilna praca strony:

        • Upewnić się, że po optymalizacji wszystkie funkcjonalne elementy strony działają poprawnie.