Et stocké dans un navigateur, en attendant qursquoil soit référencé dans Dom, JavaScript ou CSS. La propriété as indique au navigateur quel type de ressource sera téléchargé afin qursquoil puisse être géré correctement. Sans elle, le navigateur nrsquoutilisera pas les ressources préchargées. Les valeurs possibles sont:
Font script style image Media document Remplacer , Selon Google, il présente de graves défauts et inconvénients. Il nrsquoa jamais été implémenté dans un navigateur autre que chrome. Par conséquent, chrome 50 a retiré le support en mars 2016. Il est également important de comprendre que le précharge est une instruction obligatoire pour les navigateurs. Contrairement à drsquoautres suggestions de ressources que nous examinerons dans le préchargement est quelque chose que les navigateurs doivent faire, pas sélectivement.
Avant la publication de la version chrome, Weiss a publié le Guide final préchargé. êtes intéressé à apprendre à utiliser cette ressource efficacement, je recommande fortement de lire son Guide. Nrsquooubliez pas que le précharge est également utile pour optimiser le rendu de contenu avec les scores les plus élevés. Pensez pouvoir prédire ce que les utilisateurs cliqueront ou interagiront avec eux plus tard? Les recommandations pour les ressources préchargées diffèrent légèrement de celles pour les ressources préchargées. Nrsquoessayez pas drsquoaccélérer les choses critiques Au lieu de cela, si en avez lrsquooccasion, essayez de faire quelque chose de non critique en premier.
En préchargant, pouvez dire au navigateur de récupérer les ressources que pensez que lrsquoutilisateur pourrait avoir besoin plus tard, dans le cadre drsquoune navigation ou drsquoune interaction futures, si lrsquoutilisateur a fait ce qursquoil attendait. Après le chargement de la page courante et la disponibilité de la bande passante, ces ressources sont récupérées dans le navigateur avec la plus faible priorité. Cela signifie qursquoil est préférable drsquoutiliser le préfixe pour prédire les opérations
Et soyez prêt, par exemple, à récupérer les scripts ou les images nécessaires. Il existe trois types de pré architectures, que jrsquoai décrites ci dessus sous le nom de pré architectures liées.
Selon les documents Web MDN de Mozilla pour les liens de précharge: « Lorsque le navigateur termine le chargement de la page, il commence automatiquement à précharger le document spécifié et le stocke dans le cache. Lorsque lrsquoutilisateur accède à lrsquoun des documents préchargés, le cache du navigateur peut le servir rapidement
Liens: Rel = Prefetch drsquoautres types de Prefetch sont DNS Prefetch et Prefetch. Le précharge DNS permet de dire au navigateur drsquoeffectuer une recherche DNS sur la page en arrière plan pendant que lrsquoutilisateur navigue. Ainsi, lorsque lrsquoutilisateur clique sur le lien comme prévu, lrsquoapparence DNS apparaît déjà, ce qui réduit la latence. Le préfixe DNS peut être ajouté à une URL spécifique en ajoutant la balise rel =
Pas sur votre site, quelles ressources ils utilisent. Avec cette information, pouvez accélérer et améliorer lrsquoexpérience utilisateur.
Précharge, Prefetch, preconnect: Comment accélérer les sites WordPress en utilisant les conseils de ressources du Navigateur
