Dowiedz się, jak kod JavaScript pochodzący od innych firm może wpływać na wydajność i co możesz zrobić, aby nie spowalniał Twoich witryn.
Kod JavaScript firmy zewnętrznej to zwykle kod wbudowany w witrynę, który:
- nie jest jego autorem,
- wyświetlane z serwerów zewnętrznych,
Skrypty te są używane do różnych celów, m.in.:
- przyciski udostępniania społecznościowego,
- Odtwarzacze wideo
- Usługi czatu
- Elementy iframe reklam
- Skrypty dotyczące analityki i danych
- Skrypty testów A/B na potrzeby eksperymentów
- biblioteki pomocnicze (np. biblioteki formatowania dat, animacji i funkcjonalne);
Skrypty firm zewnętrznych mogą zapewniać zaawansowane funkcje, ale to nie wszystko. Wpływają one też na prywatność, bezpieczeństwo i zachowanie strony, a ich działanie może być szczególnie problematyczne dla wydajności.
Wyniki
Każda znaczna ilość kodu JavaScript może spowolnić działanie. Jednak kod JavaScript innych firm zwykle nie podlega Twojej kontroli, więc może powodować dodatkowe problemy.
Sieć
Konfigurowanie połączeń zajmuje czas, a wysyłanie zbyt wielu żądań do wielu serwerów powoduje spowolnienie działania. Czas ten jest jeszcze dłuższy w przypadku połączeń bezpiecznych, które mogą obejmować wyszukiwanie w DNS, przekierowania i kilka połączeń z serwerem końcowym, który obsługuje żądanie użytkownika.
Skrypty innych firm często zwiększają obciążenie sieci, np.:
- Wysyłanie dodatkowych żądań sieciowych
- Pobieranie nieoptymalizowanych obrazów i filmów
- Niewystarczające buforowanie HTTP, które powoduje częste pobieranie zasobów sieciowych
- Niewystarczająca kompresja serwera zasobów
- Wiele instancji platform i bibliotek zaimportowanych przez różne elementy osadzone przez osoby trzecie
renderowanie,
Sposób wczytywania kodu JavaScript firmy zewnętrznej ma duże znaczenie. Jeśli jest wykonywane synchronicznie na ścieżce renderowania krytycznego, opóźnia analizowanie reszty dokumentu.
Jeśli zewnętrzna firma ma problemy z serwerem i nie może dostarczyć zasobu, renderowanie jest blokowane do czasu, gdy żądanie wygaśnie. Może to potrwać od 10 do 80 sekund. Możesz przetestować i symulować ten problem za pomocą testów punktu pojedynczego niepowodzenia WebPageTest.
Co zrobić
Używanie kodu JavaScript innych firm jest często nieuniknione, ale możesz podjąć pewne działania, aby zminimalizować niekorzystne skutki:
- Wybierając zasoby innych firm, zwróć uwagę na te, które wysyłają najmniejszą ilość kodu, a jednocześnie zapewniają potrzebne funkcje.
- Używaj budżetów skuteczności w przypadku treści pochodzących od innych firm, aby kontrolować ich koszty.
- Nie używaj tych samych funkcji od 2 różnych dostawców. Prawdopodobnie nie potrzebujesz 2 menedżerów tagów ani 2 platform analitycznych.
- Regularnie sprawdzaj i usuwaj zbędne skrypty innych firm.
Aby dowiedzieć się, jak sprawdzić treści innych firm i skutecznie je wczytywać, aby poprawić wydajność i wygodę użytkowników, przeczytaj inne wpisy w sekcji Optymalizacja zasobów innych firm.