Optimiser les principales informations importantes sur le Web pour l’élément en utilisant rose

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 d’accueil. Premier délai d’entrée (fid): mesure de l’interactivité. 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 l’emplacement de votre site, Google fournit un rapport de base sur les signes vitaux du Web que vous pouvez exécuter. Affiche les performances de la page en fonction des données réelles utilisées.
D’un autre point de vue, dans cette courte vidéo d’aperçu, vous pouvez bien comprendre ce que sont les vitals Web de Google Core: Comme vous pouvez le voir, une fois que vous savez ce qu’ils 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 d’abord, nous allons créer un site d’é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 l’élément n’ont pas été modifiés ou modifiés. La seule chose que j’ai faite avec ça, c’est d’en faire ma page d’accueil. 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. Si vous 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 d’optimisation du thème. Cependant, cela variera selon le sujet que vous utilisez. J’ai 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 d’images après avoir traversé les quatre zones, nos fichiers de ressources seront réduits, ouvrant la voie à l’optimisation du site. Dans le domaine de l’optimisation 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 l’icône fusionner. Vous pouvez le faire seul ou en vrac. Essayez d’augmenter votre score l’un après l’autre. Pour plus d’informations sur la combinaison de fichiers Javascript, assurez – vous de lire notre documentation. Retarder le téléchargement d’images télécharger lentement des images arrêter le téléchargement d’images à l’extérieur de l’écran jusqu’à ce que le visiteur fasse défiler l’image. Cela permet de charger la page plus rapidement en utilisant moins de bande passante et en envoyant des images à l’extérieur de l’écran.
Vous pouvez l’activer en cliquant sur smoush dans la zone de chargement différé. Activez le chargement lent en un seul clic. Après l’activation, vous avez d’autres options, telles que la sélection du type de média à retarder le chargement, y compris \/ non le type de poste, l’activation 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 vous n’aviez pas de bibliothèque de caractères. Pour plus de détails sur ces étapes et sur celles qui viennent d’être décrites, voir ici. Optimiser le temps de réponse initial du serveur la réponse du serveur est effectuée lorsque l’URL 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, vous verrez un effet visuel sur le site. Parmi les facteurs qui peuvent ralentir la réponse, mentionnons la configuration du serveur, l’exécution du Code, le nombre de connexions simultanées et l’emplacement du serveur. Le temps de réponse rapide est important et vous pouvez faire beaucoup de choses pour optimiser le temps de réponse initial du serveur. Il s’agit 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 d’accé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 d’en – 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 vous donnera une configuration optimisée du serveur pour une réponse plus rapide. Pour en savoir plus sur notre hébergement, vous pouvez voir ce qu’il contient ici. Supprimer les plug – ins indésirables c’est une tâche
Combien de mo Pouvez – vous économiser? L’économie de 593,5 Mo va certainement accélérer votre site! Il existe de nombreuses autres options d’optimisation pour les images. Assurez – vous 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 d’autres caractères dans l’é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 l’exemple de chargement de police Google dans l’é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 j’ai réussi, j’ai 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 s’appliquent pas à tous les sites et que vous devrez peut – être inclure ou non chaque étape du processus d’optimisation. Cependant, il vaut la peine de tester toutes les méthodes mentionnées pour voir à quoi elles ressemblent sur votre site. L’objectif principal est de réduire au minimum les ressources et d’obtenir de meilleurs résultats que Google page speed Insights. Avez – vous 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 d’autres 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 – vous de le lire pour mieux comprendre l’approche rose et optimiser les sites Web comme elementor. Pour plus de conseils sur l’optimisation des éléments, assurez – vous 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