Integgio? (zone verte)
| Le premier tableau heureux | ||||||||||||||||||||||||||||||||||||||||||||
| Indice de vitesse | 10% | 0 3,4 secondes | |||
| Le plus grand Pigment heureux | 10% | 0 2,5 secondes | |||
| Temps damp;rsquointeraction | 10% | 0 3,8 secondes | |||
| Temps total de verrouillage | 10% | ||||
| Déplacement cumulé de la disposition | 10% | 0 – 0,1 | |||
| Formule de lamp;rsquoindice de vitesse: intervalle de temps * (1 intégrité visuelle 100) | amp;lt 200 ms | Avant de donner quelques conseils techniques pour améliorer lamp;rsquois, nous devrions, si nécessaire, déterminer une bonne note si basée sur Lighthouse. Cela nous amène à la section suivante: Seuil exponentiel de vitesse. Quel est le bon indice de vitesse? Un bon indice de vitesse doit être inférieur à 3,4 secondes. | |||
| Quels sont les outils disponibles pour mesurer lamp;rsquoindice de vitesse? Pour mesurer lamp;rsquoindice de vitesse et la performance globale, utilisez Google page speed Insights et gtmetrix, deux outils populaires basés sur la technologie Lighthouse. Utilisez Google page speed Insight (PSI) pour mesurer la mesure si: | Obtenir le niveau si en utilisant gtmetrix: | Les deux outils offrent des scores si différents, mais ils sont dans la zone verte: score si (PSI): 0,8 seconde si (GT Metrix): 1,1 seconde | |||
| Quamp;rsquoest ce qui affecte lamp;rsquoindice de vitesse? La raison du score si élevé peut être trouvée dans la section diagnostics de Google page speed Insights. En général, nous avons quatre problèmes majeurs qui conduisent à des scores si négatifs, camp;rsquoest à dire: le code JavaScript et le temps damp;rsquoexécution JavaScript JS inutilisé le thread principal fonctionne le Code tiers en raison des sections Ou le thread principal (minimisant lamp;rsquoactivité du navigateur) réduit le temps damp;rsquoexécution du JavaScript assure que le texte reste visible lors du chargement de webfont (en utilisant correctement des polices personnalisées) supprime les JS inutilisés réduit lamp;rsquoimpact du Code tiers évite les requêtes critiques en série précharge des requêtes critiques maintien du nombre de clés Réduire les temps de réponse ttfb et serveur pour samp;rsquoassurer que les images dans les fichiers sont téléchargées dans le bon format maintenant regardons comment les mettre en œuvre. Comment augmenter l’indice de vitesse: 8 conseils de performance pour augmenter l’indice de vitesse et la vitesse globale du site WordPress, il faut suivre huit techniques de performance, Par exemple: rafraîchir JS Delay JS et supprimer JS minimize JS et minimize CSS optimiser CSS publier et supprimer CSS optimiser les images inutilisées + retarder le chargement utiliser la compression de données utiliser CDN préchargé et optimiser les polices nous analyserons chaque police. 1. Recharger le fichier JS JS sera chargé après que le Navigateur affiche le contenu le plus pertinent. Cette procédure permet au navigateur de charger tout le contenu sans attendre le chargement du script. En référençant le fichier JS, pouvez également déterminer la priorité du type de contenu à afficher en premier. Dans notre cas, nous devrions nous concentrer sur tout ce qui se trouve au dessus de lamp;rsquoeffondrement: tous les JS inutiles sous lamp;rsquoeffondrement devraient être retardés. Problèmes signalés par Lighthouse: supprimer les ressources de blocage de rendu, supprimer le javascript inutilisé et éviter les requêtes critiques en série. Retarder JavaScript utilise le plug in populaire: WP Rocket a une option pour retarder les fichiers JS WordPress comme suit: | Chargement de la fonction de retard JS Source: WP Rocket Asset Cleanup dashboard: ce plug in gratuit scanne et détecte le contenu de la voiture Retarder la JS et fournir des ressources supplémentaires pour les fichiers JS critiques. Aide à prioriser le contenu JS qui doit être chargé en priorité. WP Meteor: un plug in qui retarde les scripts JS peut grandement améliorer la vitesse perçue par les visiteurs. Gonzales: permet de désactiver conditionnellement CSS et JS. Perfmaters: aide à accélérer le site en désactivant les scripts qui peuvent ne pas être utilisés. |
| Deux options CDN sont affichées – Source: onglet CDN dans le tableau de bord WP Rocket 8. Précharger et optimiser les polices précharger les caractères signifie que « demandez » aux navigateurs de vos visiteurs de charger les caractères importants à lamp;rsquoavance et de retarder tous les caractères mineurs. Lamp;rsquoindice de vitesse est basé sur ce qui se passe au dessus de lamp;rsquoeffondrement, de sorte que le précharge des caractères assure que le contenu visuel est correctement affiché aux visiteurs. Google namp;rsquoaime pas que les polices de page personnalisées provoquent des changements soudains dans la mise en page. En fait, vos visiteurs peuvent faire face à deux problèmes majeurs: fout (aucun style appliqué, donc les polices ne sont pas attrayantes) fout (texte invisible et temps damp;rsquoattente long pour voir les polices à lamp;rsquoécran) afin de maintenir une bonne expérience utilisateur et damp;rsquoéviter cela, nous recommandons de précharger vos polices Web. Problèmes trouvés par Lighthouse: précharge des requêtes critiques et assurez que le texte reste visible lors du chargement des polices Web. Précharger les polices avec une solution manuelle: Vous pouvez utiliser lamp;rsquoétiquette rel = Je suppose que si pensez que la fusée WP namp;rsquoaide pas. Augmentez immédiatement la vitesse et les performances perçues par lamp;rsquoutilisateur! Related Posts Plus de 15 meilleurs thèmes wordpress pour les réservations d’hôtel en 2022Les meilleurs thèmes wordpress pour les réservations d’hôte  Que faire si votre site WordPress est piratéC est la plus grande peur de n importe quel propriétaire de  7 meilleurs thèmes de coaching wordpress pour 2022Êtes vous formateur ou instructeur et attendez vous un site |