KWALIFIKACJA INF3 - TEST WIEDZY NR 2

PYTANIE NR 20.
Zauważyłeś, że strona internetowa ładuje się wolno w jednej z przeglądarek. Jakie narzędzie powinieneś użyć do zidentyfikowania problemu?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Wolne ładowanie w konkretnej przeglądarce diagnozuje się narzędziami do analizy wydajności wbudowanymi w przeglądarkę.
Pozwalają one sprawdzić czasy pobierania zasobów, kolejność żądań, blokowanie renderowania i obciążenie CPU. Test szybkości internetu lub analiza SEO nie wskażą wprost przyczyny problemu w tej przeglądarce.

Pełne wyjaśnienie:

Gdy strona ładuje się wolno w jednej konkretnej przeglądarce, najbardziej trafne jest użycie narzędzia do analizy wydajności przeglądarki (narzędzi deweloperskich). Takie narzędzia pokazują, co faktycznie dzieje się podczas ładowania: czasy pobierania zasobów, liczbę żądań, kolejkę zapytań, opóźnienia, a także koszty wykonywania skryptów i renderowania.

Dlaczego to działa w praktyce?

  • Możesz sprawdzić, czy problemem jest sieć (długi czas oczekiwania, brak cache, duże pliki) czy przetwarzanie po stronie przeglądarki (ciężki JS, kosztowny layout/paint).
  • Możesz porównać wyniki między przeglądarkami i szybciej zawęzić przyczynę (np. różnica w obsłudze funkcji, wpływ rozszerzeń, różnice w silniku renderującym).

Dlaczego pozostałe propozycje są słabsze w tym scenariuszu:

  • Narzędzie do pomiaru szybkości internetu ocenia głównie łącze i parametry transmisji. Jeśli problem występuje tylko w jednej przeglądarce, sam test łącza zwykle nie wskaże przyczyny (łącze jest to samo dla innych przeglądarek na tym samym urządzeniu).
  • Narzędzie do analizy SEO skupia się na widoczności w wyszukiwarkach i audytach treści/znaczników. Może zawierać elementy oceny wydajności, ale nie jest to podstawowe narzędzie do identyfikacji wąskiego gardła w konkretnej przeglądarce.
  • Narzędzie do debugowania JavaScript pomaga znaleźć błędy logiczne i śledzić wykonanie kodu, ale nie zastępuje profilowania czasów ładowania i renderowania. Debugger bywa kolejnym krokiem dopiero wtedy, gdy analiza wydajności wskaże, że problem wynika z konkretnych skryptów.

Wskazówka egzaminacyjna: gdy w treści pojawiają się słowa "ładuje się wolno", "w jednej przeglądarce" i "zidentyfikować problem", najpierw wybieraj narzędzia mierzące czasy i zasoby (profilowanie), a dopiero później narzędzia wyspecjalizowane (debugger, SEO).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Najczęściej są to narzędzia deweloperskie z modułami typu Network i Performance. Pozwalają zobaczyć czasy pobierania zasobów, kolejność żądań, opóźnienia oraz koszty renderowania i wykonywania skryptów, co ułatwia wskazanie wąskiego gardła.
Pomiar łącza bada głównie przepustowość i opóźnienia sieci. Jeśli problem występuje tylko w jednej przeglądarce na tym samym komputerze, to zwykle przyczyna leży w sposobie przetwarzania strony (cache, renderowanie, skrypty, rozszerzenia), a nie w samym internecie.
Sprawdzaj liczbę żądań, rozmiary plików, czasy odpowiedzi, kolejność ładowania i to, czy zasoby są pobierane z cache. Pomaga też analiza "waterfall", bo pokazuje elementy blokujące oraz zasoby, które trwają najdłużej i kumulują opóźnienia.
W narzędziu wydajnościowym porównaj rozmiary i czasy pobierania zasobów. Jeśli największy udział w czasie stanowią pliki graficzne/wideo, a CPU nie jest nadmiernie obciążone, to problemem bywa kompresja, format i cache. Gdy CPU jest wysokie, częściej winne są skrypty.
Nie. SEO dotyczy głównie widoczności w wyszukiwarkach (treści, metadane, struktura), choć narzędzia SEO mogą zawierać sekcje o szybkości. Do identyfikacji przyczyny spowolnienia w konkretnej przeglądarce lepsze są narzędzia wydajnościowe i sieciowe w DevTools.
Debugger JavaScript używaj, gdy profilowanie wskaże, że czas jest tracony na wykonywanie skryptów albo gdy podejrzewasz pętle, błędy lub nieefektywne operacje. Najpierw jednak zbierz dane z analizy wydajności (czasy, profile), bo debugger sam w sobie nie pokaże pełnego obrazu ładowania.
Często są to: zbyt duże zasoby (obrazy, biblioteki), brak kompresji i cache, zasoby blokujące renderowanie (CSS/JS), zbyt wiele zapytań, długie czasy odpowiedzi serwera oraz kosztowne operacje w JS powodujące częste przeliczenia układu i malowanie.
Uruchom narzędzia wydajnościowe w obu przeglądarkach, wyczyść cache, wykonaj to samo odświeżenie i porównaj: czasy żądań w Network, największe zasoby, liczbę requestów oraz ślady w Performance (CPU, renderowanie). Różnice wskażą obszar, w którym dana przeglądarka ma problem.
Tak, rozszerzenia mogą wstrzykiwać skrypty lub filtrować zasoby, co wpływa na czas ładowania. Sprawdź to, uruchamiając stronę w trybie prywatnym (z wyłączonymi dodatkami) lub tymczasowo wyłączając rozszerzenia. Następnie porównaj wyniki w narzędziach wydajności.
Wybieraj odpowiedź wskazującą na narzędzia do analizy wydajności przeglądarki, bo to one służą do diagnozy (czasy, zasoby, renderowanie). Odpowiedzi o SEO lub szybkości internetu traktuj jako poboczne, a debugger JS jako narzędzie kolejnego etapu, gdy wina leży w skryptach.
info

Około 79% zdających odpowiada poprawnie na to pytanie. średnio łatwe

Specjaliści zwracają uwagę: "Test szybkości internetu lub analiza SEO nie wskażą wprost przyczyny problemu w tej przeglądarce."

Źródła:

  • MDN Web Docs: "Performance" (obszar dokumentacji o wydajności w WWW), https://developer.mozilla.org/en-US/docs/Web/Performance (dostęp: 2026-03-01)
  • Chrome Developers: "Chrome DevTools" (dokumentacja narzędzi deweloperskich, w tym analiza wydajności), https://developer.chrome.com/docs/devtools/ (dostęp: 2026-03-01)
  • Firefox Source Docs (Mozilla): "Performance tools" (narzędzia wydajnościowe w Firefox), https://firefox-source-docs.mozilla.org/devtools-user/performance/index.html (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja narzędzi deweloperskich przeglądarek (sekcje Network i Performance)
  • Kursy z optymalizacji wydajności front-end (ładowanie zasobów, cache, kompresja)
  • Materiały o metrykach wydajności (np. FCP/LCP/TTI) i ich interpretacji

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego