P – teneur maximale en peinture): mesure des performances de chargement. Une bonne expérience utilisateur signifie que le LCP doit se produire dans les 2,5 secondes suivant le début du chargement de la page drsquoaccueil. Premier délai drsquoentrée (fid): mesure de lrsquointeractivité. Une bonne expérience utilisateur signifie que le fid de la page doit être inférieur à 100 millisecondes. Stabilité visuelle (CLS – décalage cumulatif de la disposition): mesure de la stabilité visuelle. La page doit avoir et maintenir un CLS inférieur à 0,1. Vous pouvez également voir chaque heure importante. Pour mieux comprendre lemplacement de votre site, Google fournit un rapport de base sur les signes vitaux du Web que pouvez exécuter. Affiche les performances de la page en fonction des données réelles utilisées.
Drsquoun autre point de vue, dans cette courte vidéo drsquoaperçu, pouvez bien comprendre ce que sont les vitals Web de Google Core: Comme pouvez le voir, une fois que savez ce qursquoils sont, ils sont faciles à comprendre. Maintenant que nous savons ce que sont les clés Web de base de Google, mettons les en œuvre! Tout drsquoabord, nous allons créer un site drsquoélément et commencer par là. Faites de la configuration du site elementor un bon exemple, ce sera un site avec un bon contenu, comme des images et du texte, donc je vais utiliser la page produits elementor applications. Voici mon exemple de vue du site. Voici ce que je vais utiliser pour ce site:
Serveur: wpmu Dev hosting Brown plan, West Coast USA sujet: Hello elementor Topic Home elementor: product APP page plugin: elementor, smoush, hummingbird and wpmu Dev dashboard PHP: 7.4 Le site a été créé à partir de zéro. Tous les dessins de la page de lrsquoélément nrsquoont pas été modifiés ou modifiés. La seule chose que jrsquoai faite avec ça, crsquoest drsquoen faire ma page drsquoaccueil. Nous allons commencer par: On peut faire mieux. Pour cela: 98 est un bon score! Tout cela sera fait en utilisant la méthode rose. avez installé elementor, hummingbird et smoush sites, seg
Interface utilisateur et optimiser la vie de votre site et de votre site de base.
Il est préférable de commencer par configurer les paramètres drsquooptimisation du thème. Cependant, cela variera selon le sujet que utilisez. Jrsquoai défini le thème de cet élément comme décrit dans cet article. Allons y! Réduire les fichiers de ressources pour rendre votre site WordPress plus léger nous commencerons par réduire les fichiers de ressources pour rendre notre site WordPress plus léger. Après tout, plus il y a de fichiers de ressources sur le site WordPress, plus il faut de temps pour les charger. Pour ce faire, nous discuterons de deux choses: la fusion de fichiers JavaScript retarde le téléchargement drsquoimages après avoir traversé les quatre zones, nos fichiers de ressources seront réduits, ouvrant la voie à lrsquooptimisation du site.
Dans le domaine de lrsquooptimisation des ressources, hummingbird peut facilement combiner des fichiers JavaScript. Définissez le pour compresser et organiser automatiquement les fichiers Javascript, ou fusionnez les manuellement en cliquant sur lrsquoicône fusionner. Vous pouvez le faire seul ou en vrac. Essayez drsquoaugmenter votre score lrsquoun après lrsquoautre. Pour plus d sur la combinaison de fichiers Javascript, assurez de lire notre documentation. Retarder le téléchargement drsquoimages lentement des images arrêter le téléchargement drsquoimages à lrsquoextérieur de lrsquoécran jusqursquoà ce que le visiteur fasse défiler lrsquoimage. Cela permet de charger la page plus rapidement en utilisant moins de bande passante et en envoyant des images à lrsquoextérieur de lrsquoécran.
Vous pouvez lrsquoactiver en cliquant sur smoush dans la zone de chargement différé. Activez le chargement lent en un seul clic. Après lrsquoactivation, avez drsquoautres options, telles que la sélection du type de média à retarder le chargement, y compris non le type de poste, lrsquoactivation du chargement différé natif, et ainsi de suite (je discuterai plus tard de certaines fonctions de chargement différé). Pour en savoir plus, consultez ici. Quelques étapes supplémentaires
Vous pouvez précharger les fichiers de caractères et supprimer les émoticônes WP comme si nrsquoaviez pas de bibliothèque de caractères. Pour plus de détails sur ces étapes et sur celles qui viennent drsquoêtre décrites, voir ici.
Optimiser le temps de réponse initial du serveur la réponse du serveur est effectuée lorsque lrsquoURL est saisie dans le navigateur. Une fois cette opération terminée, le navigateur envoie une demande au serveur qui héberge le site. Le serveur génère une réponse envoyée au navigateur. Donc, verrez un effet visuel sur le site. Parmi les facteurs qui peuvent ralentir la réponse, mentionnons la configuration du serveur, lrsquoexécution du Code, le nombre de connexions simultanées et lemplacement du serveur. Le temps de réponse rapide est important et pouvez faire beaucoup de choses pour optimiser le temps de réponse initial du serveur. Il srsquoagit notamment:
Utilisez un bon hébergement et le support http 2 pour supprimer les plug ins indésirables utilisez de bons plug ins mis en cache comme hummingbird pour examiner ces optimisations. Http 2 est une version de http (Hypertext Transfer Protocol), optimisée pour charger votre site plus rapidement sans aucune impulsion supplémentaire. Http 2 est conçu pour réduire les retards afin drsquoaccélérer le chargement des pages dans les navigateurs Web. Comprend des améliorations telles que le binaire et le texte, le multiplexage complet, la compression drsquoen tête, etc. Un bon hôte est nécessaire pour optimiser le temps de réponse du serveur. Par défaut, notre hébergement de développeurs wpmu dédié a http 2 TLS (transport layer security) 1.3. Il donnera une configuration optimisée du serveur pour une réponse plus rapide. Pour en savoir plus sur notre hébergement, pouvez voir ce qursquoil contient ici. Supprimer les plug ins indésirables crsquoest une tâche
Combien de mo Pouvez économiser? Lrsquoéconomie de 593,5 Mo va certainement accélérer votre site! Il existe de nombreuses autres options drsquooptimisation pour les images. Assurez de lire plus à leur sujet ici. Limitez votre image
Système Il y a quelques problèmes avec le préchargement des caractères Google et drsquoautres caractères dans lrsquoélément, mais cela ne résout pas entièrement le problème. Vous verrez encore quelques changements de mise en page. Vous pouvez ajuster lrsquoexemple de chargement de police Google dans lrsquoélément. Hummingbird publiera bientôt une version optimisée des polices Google. Vous pouvez vérifier dans notre centre de test (sortie prévue dans quelques jours). Après avoir configuré tout ce que jrsquoai réussi, jrsquoai réussi le test et le score était évident! Sur Google page speed Insights, mon site elementor a obtenu 98 points (comme indiqué au début de cet article). Pas trop vieux. Il est important de noter que toutes les technologies ne srsquoappliquent pas à tous les sites et que devrez peut être inclure ou non chaque étape du processus drsquooptimisation. Cependant, il vaut la peine de tester toutes les méthodes mentionnées pour voir à quoi elles ressemblent sur votre site. Lrsquoobjectif principal est de réduire au minimum les ressources et drsquoobtenir de meilleurs résultats que Google page speed Insights. Avez gagné le défi d’optimiser WordPress? Ceci a été testé sur le site Web elementor Cependant, cette approche peut également être utilisée pour drsquoautres sujets et constructeurs de sites. Pour un résumé complet de ces approches avec nos plug ins et d’autres options, notre membre Nathan a entièrement décrit dans son article l’utilisation du mécanisme rose pour optimiser les sites WordPress afin de réaliser des fonctionnalités importantes sur le Web. Assurez de le lire pour mieux comprendre lrsquoapproche rose et optimiser les sites Web comme elementor. Pour plus de conseils sur lrsquooptimisation des éléments, assurez de lire notre article comment optimiser les éléments gratuitement en utilisant les plug ins smoush et hummingbird. Optimiser votre site WordPress va bientôt devenir sain et beau! Le présent document a été rédigé en collaboration avec: Nathan on: Développeur WordPress
Optimiser les principales informations importantes sur le Web pour l&rsquoélément en utilisant rose
