Vous namp;rsquooptimisez pas votre site Web pour plaire au chronomètre. Vous Optimisez votre site pour les utilisateurs réels. Comment êtes sûr damp;rsquoatteindre vos objectifs? Vous devez inclure dans lamp;rsquoé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 lamp;rsquoutilisateur. Les deux en diront plus sur le comportement de votre site dans la nature afin que puissiez optimiser quelque chose qui améliore vraiment votre expérience utilisateur. Dans nous allons accorder une attention particulière à la manière de réduire le temps nécessaire pour du contenu sur le site WordPress, afin que 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.
Quamp;rsquoest 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 damp;rsquoun 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 damp;rsquoune 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 quamp;rsquoelle fournit aux visiteurs une rétroaction sur le traitement de leurs demandes. Avez déjà cliqué sur un lien ou un bouton parce quamp;rsquoil ne samp;rsquoest 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 samp;rsquoattendre à ce que votre site fonctionne correctement et quamp;rsquoil 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 lamp;rsquoutilisateur 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 lamp;rsquohistorique de lamp;rsquoapparence lorsque le site est chargé. Pouvez 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 damp;rsquointeraction premier rendu efficace premier rendu inactif du processeur délai damp;rsquoentré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, avez besoin de moins damp;rsquoune 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 lancez Google page speed Insights, Google donne des conseils personnalisés sur la façon de réparer le site. Lamp;rsquoexé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. Lamp;rsquoobjectif de nos quatre premières astuces est damp;rsquoamé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 damp;rsquoenregistrer du contenu Dom. La dernière suggestion est damp;rsquoaméliorer la première peinture importante. Nous discuterons de certains détails techniques, mais si voulez une solution simple, colibri peut aider. Essayez hummingbird pro gratuitement
Et Découvrez comment cela affecte votre site. Nos membres ont maintenant accès à la version 3.0 à lamp;rsquoaide damp;rsquoun 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, pouvez attendre à voir le nouveau scanner la semaine prochaine Ou passer à pro et maintenant) 1. Réduire au minimum le nombre de feuilles de style et de scripts externes dont dépend la page bloquée quamp;rsquoest 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 damp;rsquoeffectuer damp;rsquoautres opérations.
Parfois, elles sont importantes. Par exemple, les fichiers CSS bloquent le rendu, mais ils sont importants. Damp;rsquoautres fois, les ressources de blocage de rendu peuvent attendre. Camp;rsquoest pourquoi, si namp;rsquoavez pas besoin damp;rsquoun fichier javascript pour rendre Dom, devriez le déplacer du titre de la page. Téléchargez les après le Dom pour améliorer lamp;rsquoexpérience utilisateur. le pouvez, la meilleure façon damp;rsquooptimiser la vitesse de la page est damp;rsquoéliminer complètement les ressources qui bloquent le rendu. Samp;rsquoils namp;rsquoallument pas la joie, alors au revoir 2. Utiliser la mise en cache http pour accélérer lamp;rsquoaccès répété la mise en cache est un moyen fiable damp;rsquoaccélérer la recherche en mettant en cache les ressources et, par conséquent, damp;rsquoaccé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 lamp;rsquoutilisateur via http afin que lamp;rsquoutilisateur puisse récupérer ces ressources sans avoir à accéder à nouveau au serveur. cela est fait correctement, cela améliorera considérablement le rendement des visiteurs ordinaires. Nous avons récemment comparé hummingbird à damp;rsquoautres plug ins populaires
Lamp;rsquoexigence minimale pour les fichiers JavaScript est de supprimer le Code qui namp;rsquoest plus utilisé. Ce processus est appelé secousse des arbres. À mesure que votre site mûrit, pouvez ajouter des fragments de code, mais tout namp;rsquoest 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 dès que possible. Comme un voyage. avez un rendez à lamp;rsquoheure et que êtes en retard, ce namp;rsquoest 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. ce namp;rsquoest pas important, pouvez le reporter ou le charger asynchrone pour une meilleure performance. Gardez à lamp;rsquoesprit que lorsque commencez à optimiser votre site, assurez de garder à lamp;rsquoesprit que les résultats retournés par Google page speed Insights ne représentent quamp;rsquoun 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 obtenez 100 points, il y a de meilleures raisons de continuer à samp;rsquoaméliorer. Votre objectif devrait toujours être damp;rsquooptimiser 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 lamp;rsquoutilisateur, indique quand les visiteurs attendent le contenu. Pour une expérience utilisateur optimale, les deux devraient durer moins damp;rsquoune seconde. Vous pouvez trouver les scores de votre site en utilisant Google page speed Insights. votre site est trop lent, la meilleure façon damp;rsquoaméliorer le temps de première peinture est de minimiser les ressources de blocage de rendu, damp;rsquoutiliser la mise en cache http, de minimiser et de compresser les ressources basées sur le texte, damp;rsquoeffectuer moins de travail JavaScript et damp;rsquooptimiser les chemins de rendu critiques. namp;rsquoêtes pas sûr de ce que devez faire, lamp;rsquoexécution du test Google page speed Insights fournira des conseils ciblés pour votre site Web. namp;rsquoêtes pas sûr de la façon damp;rsquoaugmenter 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. Quamp;rsquoavez fait pour améliorer votre score et raccourcir la première fois que peignez? Étiquette: optimisation de la vitesse du site Web Google page speed Insights
Comment améliorer la peinture satisfaisante et significative de la première pièce
