Atrybut „defer” w języku HTML jest używany w tagu <script> i służy do opóźnienia wykonania kodu JavaScript do momentu, gdy cała strona internetowa zostanie załadowana.
Zastosowania atrybutu „defer” obejmują:
Szybsze ładowanie strony internetowej: Dzięki użyciu atrybutu „defer” przeglądarka może równocześnie pobierać i renderować resztę strony, zanim zacznie wykonywać skrypty JavaScript. To przyspiesza ładowanie strony internetowej.
Unikanie blokowania renderowania strony internetowej: Wykonywanie dużych skryptów JavaScript może zablokować renderowanie strony internetowej, co spowalnia ładowanie strony i może negatywnie wpłynąć na doświadczenie użytkownika. Użycie atrybutu „defer” pomaga uniknąć tego problemu.
Poprawa wydajności strony internetowej: Wykonywanie skryptów JavaScript po załadowaniu strony internetowej może poprawić jej wydajność, ponieważ skrypty nie blokują procesu renderowania strony i nie wpływają na czas, który potrzebny jest na pobranie innych elementów strony.
Przykłady użycia atrybutu „defer”:
<script defer src="script.js"></script> <script defer></script>
Wady i zalety użycia atrybutu „defer”:
Zalety:
- Poprawia wydajność i szybkość ładowania strony internetowej.
- Unika blokowania renderowania strony przez skrypty JavaScript.
- Umożliwia wykonywanie skryptów w porządku, w jakim zostały zdefiniowane w kodzie HTML.
Wady:
- Atrybut „defer” nie jest obsługiwany przez starsze przeglądarki, co może prowadzić do problemów z wykonywaniem skryptów.
- Nie zawsze działa poprawnie w przypadku skryptów, które muszą być wykonywane przed załadowaniem innych elementów strony.