Dowiedz się, jak kod JavaScript innej firmy może wpływać na wydajność witryny i co możesz zrobić, aby nie spowalniał stron.
Kod JavaScript firmy zewnętrznej zazwyczaj odnosi się do skryptów umieszczonych w witrynie, które:
- Nieautoryzowane przez Ciebie
- Wyświetlane z serwerów innych firm
Witryny używają tych skryptów do różnych celów, m.in.:
- Przyciski udostępniania społecznościowego
- Umieszczone odtwarzacze wideo
- Usługi czatu
- Elementy iframe reklam
- Skrypty statystyk i danych
- Skrypty testów A/B do eksperymentów
- Biblioteki pomocnicze (takie jak formatowanie dat, animacje i biblioteki funkcjonalne)
Skrypty firm zewnętrznych mogą być bardzo przydatne, ale to nie wszystko. Wpływają też na prywatność, bezpieczeństwo i działanie strony – i mogą szczególnie utrudniać jej działanie.
Występy
Znaczna część JavaScriptu może obniżać wydajność. Ponieważ jednak kod JavaScript innej firmy zwykle jest poza Twoją kontrolą, może spowodować dodatkowe problemy.
Sieć
Konfigurowanie połączeń zajmuje trochę czasu, a wysyłanie zbyt wielu żądań do wielu serwerów powoduje spowolnienie. W przypadku bezpiecznych połączeń czas ten może być jeszcze dłuższy, co może obejmować wyszukiwania DNS, przekierowania i kilka wielokrotnych uruchomień w obie strony do serwera końcowego obsługującego żądanie użytkownika.
Skrypty innych firm często wpływają na zwiększenie obciążenia sieci takimi jak:
- Uruchamianie dodatkowych żądań sieciowych
- Pobieram niezoptymalizowane obrazy i filmy
- Niewystarczające buforowanie HTTP, które wymusza częste pobieranie zasobów sieciowych
- Niewystarczająca kompresja serwera zasobów
- wiele instancji platform i bibliotek pobranych przez różne osadzone witryny zewnętrzne,
renderowanie,
Sposób ładowania JavaScriptu zewnętrznego ma duże znaczenie. Jeśli odbywa się to synchronicznie na krytycznej ścieżce renderowania, opóźnia analizowanie reszty dokumentu.
Jeśli firma zewnętrzna ma problemy z serwerem i nie może dostarczyć zasobu, renderowanie jest blokowane do czasu przekroczenia limitu czasu żądania, który może wynosić od 10 do 80 sekund. Możesz przetestować i symulować ten problem za pomocą testów pojedynczego punktu awarii WebPageTest.
Co z tym zrobić
Użycie kodu JavaScript innej firmy jest często nieuniknione, ale są sposoby, by zminimalizować ich skutki:
- Wybierając zasoby innych firm, preferuj te, które wysyłają najmniejszą ilość kodu, a jednocześnie zapewniają niezbędną funkcjonalność.
- Używaj budżetów wydajności dla treści innych firm, aby kontrolować ich koszty.
- Nie używaj tej samej funkcjonalności u 2 różnych dostawców. Prawdopodobnie nie potrzebujesz 2 menedżerów tagów ani 2 platform analitycznych.
- Rutynowo sprawdzaj i usuwaj zbędne skrypty innych firm.
Aby dowiedzieć się, jak kontrolować treści należące do innych firm i efektywnie je wczytywać, aby zwiększyć wydajność i wygodę użytkowników, zapoznaj się z innymi postami w sekcji Optymalizowanie materiałów innych firm.