Comment améliorer la peinture satisfaisante et significative de la première pièce

Vous n’optimisez pas votre site Web pour plaire au chronomètre. Vous Optimisez votre site pour les utilisateurs réels. Comment êtes – vous sûr d’atteindre vos objectifs? Vous devez inclure dans l’évaluation du rendement des mesures telles que « first content Drawing » et « first Meaningful Drawing » pour mesurer le rendement du site du point de vue de l’utilisateur. Les deux vous en diront plus sur le comportement de votre site dans la nature afin que vous puissiez optimiser quelque chose qui améliore vraiment votre expérience utilisateur. Dans cet article, nous allons accorder une attention particulière à la manière de réduire le temps nécessaire pour télécharger du contenu sur le site WordPress, afin que vous puissiez réduire le temps nécessaire pour dessiner du contenu pour la première fois et pour dessiner du sens pour la première fois, et augmenter la visibilité de votre score Google page speed dans Ce processus.
Qu’est – ce que la peinture de premier ingrédient (PCF)? Le premier rendu de contenu (FCP) est un indicateur de rendement qui mesure le temps écoulé avant que le navigateur ne commence à voir le premier élément d’un site Web. En général, le premier élément de conception de contenu dans WordPress est l’élément titre, de sorte que les visiteurs verront d’abord le logo du site ou le menu de navigation. Voici un exemple d’une première peinture qui semble généralement satisfaisante. Nous attendons toujours que le contenu apparaisse. La première cartographie du contenu est importante parce qu’elle fournit aux visiteurs une rétroaction sur le traitement de leurs demandes. Avez – vous déjà cliqué sur un lien ou un bouton parce qu’il ne s’est rien passé et cliqué plusieurs fois de plus? Le mandat du PCF est de communiquer « Nous avons entendu votre voix et nous y travaillons ». Cela garantit que les lecteurs peuvent s’attendre à ce que votre site fonctionne correctement et qu’il fournisse du contenu.
Que signifie la première image significative? La première chose importante à dessiner est quand quelque chose de bien est réellement chargé. Lorsque le contenu que l’utilisateur cherche apparaît sur la page, il est
Rechercher les utilisateurs les mieux classés. Étant donné que Google veut encourager les propriétaires de sites à optimiser leurs sites pour les utilisateurs, FCP et FMP sont deux mesures mesurées dans Google page speed Insights. Vous pouvez également voir l’historique de l’apparence lorsque le site est chargé. Pouvez – vous dire lequel est le premier tableau riche et significatif? Depuis novembre 2018, Google page speed Insights utilise un outil open source appelé Lighthouse pour simuler le chargement de votre site pour les visiteurs. Lighthouse renvoie 6 mesures dans la section données de laboratoire qui donnent une image complète du rendement du site:
Premier rendu contenu vitesse index temps d’interaction premier rendu efficace premier rendu inactif du processeur délai d’entrée le premier rendu de contenu et le premier rendu significatif sont des mesures basées sur le temps, en secondes. Pour obtenir un score favorable à Google, vous avez besoin de moins d’une seconde de FMP et FCP. 5 conseils pour réduire le temps de tirage du site WordPress et augmenter le score de page speed Insights, lorsque vous lancez Google page speed Insights, Google vous donne des conseils personnalisés sur la façon de réparer le site. L’exécution de tests est la meilleure façon de voir si votre site répond aux normes.
Les cinq conseils suivants, directement de Google, pour tous les sites Web, montrent comment améliorer la première peinture importante et comment améliorer la première peinture heureuse. L’objectif de nos quatre premières astuces est d’améliorer la première peinture contextuelle en accélérant le temps de téléchargement des ressources et en éliminant les obstacles qui empêchent les navigateurs d’enregistrer du contenu Dom. La dernière suggestion est d’améliorer la première peinture importante. Nous discuterons de certains détails techniques, mais si vous voulez une solution simple, colibri peut vous aider. Essayez hummingbird pro gratuitement
Et Découvrez comment cela affecte votre site. Nos membres ont maintenant accès à la version 3.0 à l’aide d’un nouveau scanner qui contient les recommandations du phare. Hummingbird pro contient des peintures riches en contenu, des peintures significatives et des restaurations en un seul clic. Et nos utilisateurs de WordPress gratuits. Org Colibri, vous pouvez vous attendre à voir le nouveau scanner la semaine prochaine… Ou passer à pro et télécharger maintenant;) 1. Réduire au minimum le nombre de feuilles de style et de scripts externes dont dépend la page bloquée qu’est – ce que le blocage du rendu? Lorsque les visiteurs chargent une page Web, tout ce qui empêche le rendu DOM est appelé un bloc de rendu. Ce sont des obstacles au Code que le navigateur doit traiter avant d’effectuer d’autres opérations.
Parfois, elles sont importantes. Par exemple, les fichiers CSS bloquent le rendu, mais ils sont importants. D’autres fois, les ressources de blocage de rendu peuvent attendre. C’est pourquoi, si vous n’avez pas besoin d’un fichier javascript pour rendre Dom, vous devriez le déplacer du titre de la page. Téléchargez – les après le Dom pour améliorer l’expérience utilisateur. Si vous le pouvez, la meilleure façon d’optimiser la vitesse de la page est d’éliminer complètement les ressources qui bloquent le rendu. S’ils n’allument pas la joie, alors au revoir… 2. Utiliser la mise en cache http pour accélérer l’accès répété la mise en cache est un moyen fiable d’accélérer la recherche en mettant en cache les ressources et, par conséquent, d’accélérer les sites Web des visiteurs. Il existe différents types de cache.
En utilisant le cache http, le navigateur stocke dans le cache une copie des ressources téléchargées par l’utilisateur via http afin que l’utilisateur puisse récupérer ces ressources sans avoir à accéder à nouveau au serveur. Si cela est fait correctement, cela améliorera considérablement le rendement des visiteurs ordinaires. Nous avons récemment comparé hummingbird à d’autres plug – ins populaires
L’exigence minimale pour les fichiers JavaScript est de supprimer le Code qui n’est plus utilisé. Ce processus est appelé secousse des arbres. À mesure que votre site mûrit, vous pouvez ajouter des fragments de code, mais tout n’est pas disponible à long terme. Vous devriez vérifier régulièrement le code JavaScript et supprimer le code non désiré. 5. Optimiser les chemins de rendu clés pour obtenir plus rapidement la première peinture importante les chemins de rendu clés sont toutes les ressources que le navigateur doit rendre pour répondre aux demandes actuelles des visiteurs. Vous souhaitez prioriser les ressources actuelles les plus importantes et les télécharger dès que possible. Comme un voyage. Si vous avez un rendez – vous à l’heure et que vous êtes en retard, ce n’est peut – être pas le meilleur moment pour faire des courses rapides ou faire du tourisme. Fais – le plus tard! Cette recommandation inclut la suppression des ressources qui bloquent le rendu, mais nécessite une perspective plus large. Vous devez voir tout ce que votre navigateur fait pour fournir une page Web et trouver de meilleures façons de servir les parties importantes et de retarder tout ce qui peut attendre. Si ce n’est pas important, vous pouvez le reporter ou le charger asynchrone pour une meilleure performance. Gardez à l’esprit que lorsque vous commencez à optimiser votre site, assurez – vous de garder à l’esprit que les résultats retournés par Google page speed Insights ne représentent qu’un seul angle. Ce sont des résultats de simulation, mais ils ne saisissent pas complètement la réalité. Les visiteurs qui visitent votre site Web sur des appareils mobiles mal connectés connaîtront un FCP et un FMP plus longs. Même si vous obtenez 100 points, il y a de meilleures raisons de continuer à s’améliorer. Votre objectif devrait toujours être d’optimiser votre site Web pour de vrais utilisateurs plutôt que pour Vénus;) La première peinture de contenu et la première peinture significative sont des mesures
Centré sur l’utilisateur, vous indique quand les visiteurs attendent le contenu. Pour une expérience utilisateur optimale, les deux devraient durer moins d’une seconde. Vous pouvez trouver les scores de votre site en utilisant Google page speed Insights. Si votre site est trop lent, la meilleure façon d’améliorer le temps de première peinture est de minimiser les ressources de blocage de rendu, d’utiliser la mise en cache http, de minimiser et de compresser les ressources basées sur le texte, d’effectuer moins de travail JavaScript et d’optimiser les chemins de rendu critiques. Si vous n’êtes pas sûr de ce que vous devez faire, l’exécution du test Google page speed Insights fournira des conseils ciblés pour votre site Web. Si vous n’êtes pas sûr de la façon d’augmenter le temps de peinture, colibri peut le rendre simple. Obtenez Colibri gratuitement sur WordPress. Org ou essayez hummingbird pro gratuitement. Parlez – moi de votre expérience avec Google page speed Insights. Qu’avez – vous fait pour améliorer votre score et raccourcir la première fois que vous peignez? Étiquette: optimisation de la vitesse du site Web Google page speed Insights