Précharge, Prefetch, preconnect: Comment accélérer les sites WordPress en utilisant les conseils de ressources du Navigateur

Et stocké dans un navigateur, en attendant qu’il 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 qu’il puisse être géré correctement. Sans elle, le navigateur n’utilisera 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 n’a 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 à d’autres suggestions de ressources que nous examinerons dans cet article, 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é. Si vous êtes intéressé à apprendre à utiliser cette ressource efficacement, je vous recommande fortement de lire son Guide. N’oubliez pas que le précharge est également utile pour optimiser le rendu de contenu avec les scores les plus élevés. Pensez – vous 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. N’essayez pas d’accélérer les choses critiques; Au lieu de cela, si vous en avez l’occasion, essayez de faire quelque chose de non critique en premier.
En préchargant, vous pouvez dire au navigateur de récupérer les ressources que vous pensez que l’utilisateur pourrait avoir besoin plus tard, dans le cadre d’une navigation ou d’une interaction futures, si l’utilisateur a fait ce qu’il 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 qu’il est préférable d’utiliser 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 j’ai 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 l’utilisateur accède à l’un des documents préchargés, le cache du navigateur peut le servir rapidement \
Liens: ; Rel = Prefetch d’autres types de Prefetch sont DNS Prefetch et Prefetch. Le précharge DNS vous permet de dire au navigateur d’effectuer une recherche DNS sur la page en arrière – plan pendant que l’utilisateur navigue. Ainsi, lorsque l’utilisateur clique sur le lien comme prévu, l’apparence 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, vous pouvez accélérer et améliorer l’expérience utilisateur.