Jeśli skrypt innej firmy spowalnia wczytywanie strony, możesz poprawić wydajność na 2 sposoby:
- Usuń go, jeśli nie wnosi wartości dodanej do Twojej witryny.
- Optymalizacja procesu wczytywania.
Z tego artykułu dowiesz się, jak zoptymalizować proces wczytywania skryptów innych firm za pomocą tych technik:
- Używanie atrybutu
async
lubdefer
w tagach - Wczesna konfiguracja połączeń z wymaganymi źródłami
- Leniwe ładowanie
- Optymalizacja sposobu wyświetlania skryptów innych firm
Użyj właściwości async
lub defer
Skrypty synchroniczne opóźniają tworzenie i renderowanie DOM, dlatego zawsze ładuj skrypty innych firm asynchronicznie, chyba że skrypt musi zostać uruchomiony przed renderowaniem strony.
Atrybuty async
i defer
informują przeglądarkę, że może ona przeanalizować kod HTML podczas wczytywania skryptu w tle, a potem wykonać skrypt po jego wczytaniu. Dzięki temu pobieranie skryptów nie blokuje tworzenia modelu DOM ani renderowania strony, co pozwala użytkownikowi zobaczyć stronę przed załadowaniem wszystkich skryptów.