Parce que cette mesure est essentielle pour la See. La vitesse du site Web est largement reconnue comme une norme de classification dans lamp;rsquoindustrie du référencement, mais il y a de nombreuses raisons pour lesquelles le LCP aura une incidence sur le référencement. Dans les sections qui suivent, nous verrons pourquoi un bon LCP est essentiel pour le référencement et pour accroître la visibilité de votre site auprès du public cible. Cette statistique a été produite et recommandée par Google lui même. Le fait que Google ait suggéré lamp;rsquoutilisation de cet indicateur a prouvé son importance. À partir de mai de cette année, le LCP sera le facteur par défaut pour mesurer le contrôle du rendement du Web.
La vitesse de chargement du site Web peut affecter votre positionnement. Sur les appareils mobiles et les ordinateurs de bureau, Google aime les pages chargées rapidement. Une fois que Google commencera à utiliser activement LCP, la position de la page dans serp sera affectée. Les peintures les plus controversées affectent lamp;rsquoexpérience utilisateur. Lamp;rsquoexpérience utilisateur est influencée par le plus grand plaisir de la peinture. Plus lamp;rsquoexpérience utilisateur est mauvaise, plus le taux de saut est élevé et plus le classement de la recherche est faible. La fréquence de rebond diminue pour de nombreuses raisons, donc lisez le blog sur la façon de réduire la fréquence de rebond pour plus damp;.
Quelle est la teneur maximale en peinture (LCP) signalée? Un LCP ne peut être défini que comme un élément rendu qui reste visible à lamp;rsquoutilisateur. Le rendu ne samp;rsquoapplique pas aux éléments qui namp;rsquoont pas été chargés. Par conséquent, ces éléments namp;rsquoont pas été pris en compte pour déterminer la plus grande quantité de peinture. Lorsque les éléments au bas de la page sont dans le viewport de lamp;rsquoutilisateur, ils peuvent devenir LCP. Même si supprimez un élément LCP damp;rsquoun viewport, il peut être le plus grand contenu
Étant donné que les tests de laboratoire ont été effectués avec Lighthouse, page speed Insights fournit également une analyse plus détaillée de la page pour déterminer les domaines à améliorer.
Dans la section diagnostics, trouverez également les éléments qui créent la plus grande peinture de contenu. Examiner la partie temporelle de lamp;rsquoanalyse du rendement. Pour voir les détails intéressants ci dessous, cliquez sur lamp;rsquoétiquette LCP. Rapport chrome ux (Crux) Le rapport chrome ux (Crux) publie des statistiques sur lamp;rsquoexpérience utilisateur réelle sur des millions de sites Web importants. Cette information est utilisée dans le projet bigquery ml de Google, qui recueille des mesures de lamp;rsquoexpérience utilisateur par emplacement. Chaque ensemble de données représente un pays donné et vise à déterminer lamp;rsquoexpérience utilisateur par région en fonction damp;rsquoun certain nombre damp;rsquoindicateurs importants.
Bien que cela ne semble pas pertinent pour le LCP et damp;rsquoautres mesures de rendement, la base de données contient une API ouverte qui permet aux développeurs damp;rsquoaccéder aux données de namp;rsquoimporte quel site Web. Lamp;rsquoarticle se poursuit comme suit: Cela signifie que si savez comment exécuter le Code de base, pouvez surveiller votre site ou le LCP damp;rsquoun concurrent. Ce rapport donne un aperçu plus détaillé de lamp;rsquoexpérience des consommateurs en fonction de la démographie, de lamp;rsquoéquipement et de lamp;emplacement. Optimiser pour obtenir plus de peinture riche en contenu, augmenter le temps de chargement lent des ressources les images, les images de fond et les curseurs vidéo doivent être optimisés. Lamp;rsquooptimisation de lamp;rsquoimage peut réduire le temps de chargement des pages Web et améliorer lamp;rsquoexpérience utilisateur. La vitesse de téléchargement peut être améliorée en redimensionnant, en utilisant des photos à basse résolution et des types de fichiers mis à jour, et même en supprimant des images si nécessaire. Nous ne recommandons pas de supprimer toutes les photos de haut en bas pour augmenter le temps de téléchargement, mais il est important de noter
Et lamp;rsquoimportance de ces images. Choisissez le bon format de fichier JPEG et JPG (joint Photographic Expert Group, prononciation Jay PEG) Le même format damp;rsquoimage. Ici, nous utiliserons le format
Ce format combine la compression avec ou sans perte de données (une méthode de compression de données qui réduit la taille du fichier en supprimant des matériaux sélectifs du fichier). Cependant, tous les navigateurs ne prennent pas en charge webp (et damp;rsquoautres formats de fichiers tels que JPEG XL). Pour convertir des types damp;rsquoimages, il peut y avoir des centaines damp;rsquooutils disponibles. Nous en verrons quelques uns ici, mais une recherche Google rapide apportera plus. Cwebp est un outil en ligne de commande connaissez bien les outils en ligne de commande, camp;rsquoest un bon choix pour les projets simples. Vous pouvez choisir damp;rsquoutiliser la compression sans perte ou la compression sans perte, et changer les valeurs de pixels et damp;rsquoautres paramètres. Imagemin for webp est un programme qui convertit des images au format webp. utilisez des outils de construction ou des scripts de construction, ce plug in NPM est un meilleur choix. Vous pouvez ré sélectionner le type de compression, la netteté, les paramètres de qualité et une variété damp;rsquoautres paramètres. Squoosh est une application développée par Google qui compresse, Redimensionne et modifie la qualité de lamp;rsquoimage. En particulier, il dispose damp;rsquoun curseur qui permet de comparer des images dans différents formats. Fournir des images réactives fournit la bonne taille damp;rsquoimage pour lamp;rsquoappareil à afficher afin damp;rsquoaméliorer votre score LCP. Les photos de bureau utilisent généralement deux à quatre fois plus de données que les images mobiles, car les écrans de bureau sont généralement beaucoup plus grands que ceux disponibles sur les appareils mobiles. Le redimensionnement des photos pour différents types damp;rsquoappareils prend beaucoup de temps, mais il est rentable à long terme. Optimiser lamp;rsquoimage en utilisant global CDN CDN Excel. Amazon cloudfront est un CDN populaire pour les sites Web Amazon Web Services (AWS). La plate forme de Duda est publiée en utilisant AWS
Sa photo a été agrandie pour accélérer le chargement. Les ressources importantes devraient précharger certains éléments du site Web, tels que les fichiers CSS et Javascript, qui peuvent avoir la priorité lors du téléchargement, alors considérez Quels fichiers devraient être téléchargés en premier et lesquels peuvent attendre. Les caractères, les graphiques ou les vidéos au dessus de lamp;rsquoeffondrement, ainsi que les CSS ou javascripts clés, sont des éléments qui devraient être préchargés. Le service est flexible et il peut être utile de récupérer conditionnellement différents matériaux en fonction de lamp;rsquoappareil de lamp;rsquoutilisateur lors du chargement des ressources qui composent le contenu principal de la page. Cette technologie est appelée « service adaptatif ». Les services adaptatifs sont utiles lors du téléchargement de matériel sur un appareil mobile. Lamp;rsquoopérateur de service de ressources de cache qui utilise le Service damp;rsquoopérateur de service pour les petites réponses HTML peut être utilisé pour diverses fonctions, y compris la fourniture de réponses HTML plus petites. Ils peuvent également être utilisés pour mettre en cache namp;rsquoimporte quelle ressource statique fournie au navigateur, plutôt que de demander à partir du réseau lorsque la demande est répétée. Supprimer JavaScript et CSS qui bloquent le rendu de JavaScript ou CSS est considéré comme
Il est livré avec un outil
Plus grande peinture joyeuse: Qu&rsquoest ce que c&rsquoest? Is et sa méthode d&rsquooptimisation (2021)
