Comment fonctionne exactement lier rel = ”précharge?

Lorsque l'utilisateur final effectue une opération sur le site Web ou l'application Web, les développeurs souhaitent parfois afficher ou exécuter certaines ressources les plus importantes le plus tôt possible sans que l'utilisateur attende. Plus précisément, le lien rel = "précharge"Fonctionne de telle manière qu'il demande au navigateur de charger et de mettre en cache certaines ressources dès que possible.

Discutons brièvement du fonctionnement du rel = «précharge».

Comment fonctionne exactement lier rel = ”précharge"?

Lorsqu'une page Web est chargée sur le navigateur, l'en-tête est chargé avant tous les autres éléments de la page Web. Lorsque l'utilisateur effectue une opération qui a le rel = "précharge«Dans ce document, le navigateur commence à charger les ressources avec le rel =« Preload »plus tôt. Après les charger, les autres ressources sont chargées. Cela garantit qu'il n'y aura pas de retard dans le chargement des ressources définies dans le rel = «Preload».

Comment utiliser le lien rel = ”Preload"?

La précharge rel = ”est ajoutée dans la balise de liaison. De plus, à l'intérieur de la balise de liaison, il est nécessaire d'ajouter le «rel","href", et "les attributs»Et définissez leurs valeurs.

Voici la syntaxe de l'ajout de rel = "Preload" dans la balise de liaison dans un document:

Dans la syntaxe ci-dessus:

• À l'intérieur de la balise de lien, il y a un «rel«Attribut qui est défini comme«précharge".
• Après cela, le «href»Spécifie l'attribut avec la ressource à précharger (lien ou fichier).
• Le "comme"L'attribut contient le fichier qui doit être téléchargé à partir du navigateur. Par exemple, «Style», «Font», «Script», «Fetch», etc.

Exemple: ajout de rel = ”précharge" dans la balise "lien"
Discutons de la façon dont les ressources sont déclarées dans la fonction rel = «précharge» en utilisant la syntaxe ci-dessus:

Selon l'instruction ci-dessus, pour déclarer un fichier ou une ressource dans le rel = «Preload»:

• Une balise de liaison a été créée avec l'attribut rel = «Preload» selon la syntaxe.
• À l'intérieur, le «href”Attribut avec un fichier de ressources nommé style.CSS a été défini.
• Puis le "comme«L'attribut est l'attribut spécifié comme«style".

Avantages de l'utilisation de rel = "Précharge"

rel = «Preload» offre aux développeurs les avantages suivants:

• La précharge rel = ”est très utile dans le logiciel où l'affichage instantané ou l'exécution de certaines ressources est requis.
• Il permet au navigateur d'identifier le type de ressource afin qu'il puisse souligner si le même type de ressource est utilisé à l'avenir.
• Cela permet d'économiser le temps des utilisateurs car ils n'ont pas à attendre les minutes ou les secondes.
• Son utilisation rend le site Web ou l'application Web plus fiable car le traitement lent est une grande distraction pour de nombreux utilisateurs qui amène les utilisateurs à se déplacer vers une autre plateforme.
• Le navigateur peut faire correspondre les ressources avec la politique de sécurité du contenu par le «comme»Attribut ajouté dans la balise.

Il s'agit du travail et des fonctionnalités de rel = ”précharge» dans HTML.

Conclusion

Le rel = ”précharge»L'attribut est utilisé dans des documents HTML pour accélérer le traitement d'une page Web en demandant au navigateur de charger certaines ressources sur la page Web dès que possible. À travers son