Czas oczekiwania na żądanie dokumentu

Adam Raine
Adam Raine
GitHub

Data publikacji: 27 marca 2025 r.

Najważniejsze jest początkowe żądanie dokumentu na stronie, ponieważ od niego zależą wszystkie żądania sieciowe i zawartość strony. Optymalizacja początkowego żądania dokumentu zwiększa wydajność.

Co sprawdza statystyka

Statystyka sprawdza, czy na początkowe żądanie dokumentu wpłynął któryś z tych warunków:

  • Żądanie nawigacji zostało przekierowane co najmniej 1 raz.
  • Serwer zareagował na żądanie po upływie ponad 600 ms.
  • Odpowiedź została skompresowana.
Narzędzie DevTools informuje, że opóźnienie dokumentu można zmniejszyć, eliminując przekierowania
Z raportów DevTools wynika, że opóźnienie dokumentu można zmniejszyć, eliminując przekierowania

Unikaj przekierowań

Przekierowania spowalniają wczytywanie stron. Gdy przeglądarka żąda zasobu, który został przekierowany, serwer zwraca zwykle odpowiedź HTTP o takiej postaci:

HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location

Aby pobrać zasób, przeglądarka musi wysłać kolejne żądanie HTTP do nowej lokalizacji. Ten dodatkowy przejazd przez sieć może opóźnić wczytywanie zasobu.

Upewnij się, że linki wskazują bieżącą lokalizację zasobu. Jeśli używasz przekierowań, aby kierować użytkowników urządzeń mobilnych na wersję mobilną strony, rozważ przeprojektowanie witryny w celu zastosowania elastycznego projektowania.

Skrócenie czasu odpowiedzi serwera

Pierwszym krokiem do poprawy czasu odpowiedzi serwera jest określenie podstawowych zadań koncepcyjnych, które musi wykonać serwer, aby zwrócić zawartość strony, a następnie zmierzenie czasu trwania każdego z tych zadań. Po zidentyfikowaniu najdłuższych zadań znajdź sposoby na ich przyspieszenie.

Istnieje wiele możliwych przyczyn powolnych odpowiedzi serwera i wiele sposobów na poprawę sytuacji:

  • Zoptymalizuj logikę aplikacji serwera, aby szybciej przygotowywać strony. Jeśli używasz frameworku serwera, może on zawierać odpowiednie wskazówki.
  • Zoptymalizuj sposób, w jaki serwer wysyła zapytania do baz danych, lub zmień na szybsze systemy baz danych.
  • Zaktualizuj sprzęt serwera, aby zwiększyć ilość pamięci lub procesora.
  • Użyj sieci CDN, aby zmniejszyć opóźnienia sieci. Jest to szczególnie skuteczne, jeśli dokument może zostać zapisany w buforze w węźle brzegowym sieci CDN.

Więcej informacji znajdziesz w przewodniku pt. Optymalizacja czasu oczekiwania na odpowiedź serwera.

Włącz kompresję

Kompresja tekstu może zmniejszyć łączny rozmiar początkowego dokumentu HTML. Gdy przeglądarka żąda zasobu, używa nagłówka żądania HTTP Accept-Encoding, aby wskazać, które algorytmy kompresji obsługuje.

Accept-Encoding: gzip, compress, br, zstd

Zobacz też artykuł Optymalizowanie rozmiaru kodowania i przesyłania komponentów tekstowych.

Serwer powinien zwracać nagłówek odpowiedzi HTTP Content-Encoding, aby wskazać, jaki algorytm kompresji został użyty.

Narzędzia dla programistów wskazują, że żądanie dokumentu używa kompresji gzip
Narzędzie DevTools informuje, że żądanie dokumentu używa kompresji gzip

Wskazówki dotyczące poszczególnych zbiorów

WordPress

  • Włącz kompresję tekstu w konfiguracji serwera WWW.
  • Wybierz lekki motyw (najlepiej motyw blokowy) i wdróż buforowanie pełnych stron lub rozwiązanie do witryn statycznych. Wyłącz niepotrzebne wtyczki, aby zminimalizować obciążenie serwera.
  • Sugerujemy przejście z hostingu na usługę zarządzaną lub dedykowaną.

Drupal

  • Jeśli zainstalowany jest moduł Redirect, sprawdź i usuń niepotrzebne przekierowania.
  • Odciąż ruch za pomocą co najmniej 1 modułu buforowania w systemie Drupal takiego jak Internal Page Cache, Internal Dynamic Page Cache i BigPipe. Aby jeszcze bardziej skrócić czas odpowiedzi, połącz je z siecią CDN. Na serwerach hostujących należy używać PHP OPcache.
  • Rozważ użycie pamięci podręcznej (np. Redis lub Memcached), aby skrócić czas zapytań do bazy danych.
  • Użyj wydajnych motywów, modułów i szybszych serwerów, aby skrócić czas reakcji serwera.

React

  • Jeśli używasz komponentów React Router, zminimalizuj wykorzystanie komponentu <Redirect> do przekierowania nawigacji.
  • Jeśli renderujesz komponenty React po stronie serwera, proponujemy używanie metod renderToNodeStream() lub renderToStaticNodeStream(), aby umożliwić klientowi odbieranie i rozwijanie poszczególnych części kodu zamiast całego naraz.

Joomla

  • Włącz ustawienie Gzip Page Compression (System > Globalna konfiguracja > Serwer).
  • Szablony, rozszerzenia i specyfikacje serwera są nie bez znaczenia dla jego czasu reakcji. Być może warto znaleźć lepiej zoptymalizowany szablon, starannie wybrać rozszerzenie optymalizujące lub przejść na nowszą wersję serwera.

Magento

Zasoby