Ogranicz wpływ kodu zewnętrznego

Aby dodać do strony sieć reklamową, przycisk mediów społecznościowych, test A/B lub usługę analityczną, zwykle trzeba dodać do kodu HTML skrypt innej firmy. Te skrypty innych firm mogą w znacznym stopniu wpływać na wydajność wczytywania stron.

Co się dzieje z audytem Lighthouse dla kodu zewnętrznego

Lighthouse zgłasza strony z kodem innej firmy, który blokuje wątek główny na co najmniej 250 ms:

Zrzut ekranu przedstawiający narzędzie Lighthouse. Zmniejsz wpływ zewnętrznego audytu kodu

Skrypt zewnętrzny to dowolny skrypt hostowany w domenie, która różni się od domeny adresu URL sprawdzonego w Lighthouse. Podczas wczytywania strony Lighthouse oblicza, jak długo każdy skrypt innej firmy blokuje wątek główny. Jeśli łączny czas blokowania przekracza 250 ms, kontrola się nie powiedzie.

Jak zmniejszyć wpływ kodu innej firmy

Z artykułu Identyfikowanie powolnych skryptów zewnętrznych dowiesz się, jak używać Narzędzi deweloperskich w Chrome i innych audytów Lighthouse do wykrywania problematycznego kodu zewnętrznego. Informacje o strategiach optymalizacji znajdziesz w artykule Efektywne ładowanie kodu JavaScript firmy zewnętrznej.

Zasoby