Jak dokładnie działa link rel = „wstępny ładunek”?

Jak dokładnie działa link rel = „wstępny ładunek”?
Kiedy użytkownik końcowy wykonuje dowolną operację na stronie internetowej lub aplikacji internetowej, programiści czasami chcą wyświetlać lub wykonywać najważniejsze zasoby jak najwcześniej bez konieczności czekających użytkownika. Mówiąc dokładniej, link rel = „ładunek wstępny„Działa w taki sposób, że instruuje przeglądarkę, aby jak najszybciej załadować i buforować określone zasoby.

Omów krótko, jak działa rel = „wstępny ładunek”.

Jak dokładnie działa link rel = „wstępny ładunek”?

Gdy strona internetowa jest załadowana do przeglądarki, nagłówek jest załadowany najpierw przed wszystkimi innymi elementami na stronie internetowej. Gdy użytkownik wykonuje operację, która ma rel = „ładunek wstępny„W nim przeglądarka zaczyna ładować zasoby wcześniej rel =„ ładunek wstępny ”. Po ich załadowaniu pozostałe zasoby są ładowane. Zapewnia to, że nie będzie opóźnienia w ładowaniu zasobów zdefiniowanych w rel = „ładunek wstępny”.

Jak używać linku rel = ”ładowanie wstępne”?

Rel = „wstępne ładowanie” jest dodawane do znacznika linku. Co więcej, wewnątrz znacznika linku wymagane jest dodanie „rel”,„Href", I "atrybuty”I zdefiniuj ich wartości.

Poniżej znajduje się składnia dodawania rel = „wstępne ładowanie” w znaczniku linku w dokumencie:

W powyższej składni:

  • Wewnątrz znacznika linku jest „rel„Atrybut, który jest zdefiniowany jako„ładunek wstępny".
  • Potem „„Href”Określa atrybut z zasobem, który ma być wstępnie załadowany (link lub plik).
  • „„Jak”Atrybut zawiera plik, który należy pobrać z przeglądarki. Na przykład „styl”, „czcionka”, „skrypt”, „fetch” itp.

Przykład: Dodanie rel = „wstępne ładowanie” w znaczniku „link”
Omówmy, w jaki sposób zasoby są deklarowane w funkcji rel = „wstępne ładowanie” przy użyciu powyższej składni:

Zgodnie z powyższym stwierdzeniem, zadeklarowanie pliku lub zasobu w rel = „ładunek wstępny”:

  • Znacznik linku został utworzony z atrybutem rel = „wstępne ładowanie” zgodnie z składnią.
  • Wewnątrz „„Href”Atrybut z plik zasobów o nazwie styl.CSS został zdefiniowany.
  • A później "Jak„Atrybut to atrybut określony jako„styl".

Korzyści z używania rel = ”

Rel = „ładunek wstępny” zapewnia programistom następujące korzyści:

  • Rel = „wstępne ładowanie” jest bardzo pomocne w oprogramowaniu, w którym wymagane są natychmiastowe wyświetlanie lub wykonywanie niektórych zasobów.
  • Pozwala przeglądarce zidentyfikować typ zasobu, aby mogła wskazać, czy ten sam typ zasobu jest używany w przyszłości.
  • Oszczędza czas użytkowników, ponieważ nie muszą czekać na minuty lub sekundy.
  • Jego użycie sprawia, że ​​strona internetowa lub aplikacja internetowa wyglądają bardziej niezawodnie, ponieważ powolne przetwarzanie jest dużym rozproszeniem uwagi dla wielu użytkowników, co prowadzi użytkowników do przejścia na inną platformę.
  • Przeglądarka może dopasować zasoby do zasady bezpieczeństwa treści przez „Jak”Atrybut dodany do znacznika.

Chodzi o działanie i funkcjonalność rel = „wstępne” w html.

Wniosek

Rel = ”ładunek wstępny„Atrybut jest używany w dokumentach HTML, aby przyspieszyć przetwarzanie strony internetowej, instruując przeglądarkę do jak najszybszego załadowania określonych zasobów na stronie internetowej. Przez to