Accueil > Page Speed ​​Essentials > Comment accélérer votre site Web WordPress [5-étape Guide technique] - FR

Comment accélérer votre site Web WordPress [5-étape Guide technique] - FR

Comment accélérer votre site Web WordPress Un guide technique en 5 étapes-howtohosting-guide article image

Accélérer un site ou un blog WordPress peut être facile ou difficile, en fonction de la complexité du site. toutefois, les administrateurs peuvent prendre certaines mesures techniques faciles à utiliser pour améliorer les performances du moteur principal et augmenter la vitesse de chargement des visiteurs. Ils sont considérés comme techniques car ils reposent sur des modifications fondamentales de l'installation elle-même.

Comment accélérer votre site Web WordPress – Guide vidéo

Ce qui affecte la vitesse de votre site WordPress?

La vitesse d'un Site WordPress peut signifier différentes mesures. Ce que l'on appelle habituellement “Vitesse WordPress” est le vitesse de chargement les visiteurs perçoivent. Ce n'est pas un facteur unique qui est déterminé par une seule opération ou valeur.

Du point de vue du visiteur, la demande qu'ils font au site WordPress consiste à saisir l'adresse (l'URL) dans la barre d'adresse d'un navigateur et appuyez sur “Entrer” clé, secondes plus tard, la page devrait se charger. toutefois, derrière ça, il y a plusieurs facteurs importants que chaque utilisateur d'ordinateur devrait connaître.

Il y a les soi-disant “conditions d'utilisation” qui affectent la vitesse de chargement d'un site donné et généralement, les administrateurs du site ne peuvent pas les influencer. Ces facteurs sont les suivants:

  • Vitesse Internet - Dans une large mesure, le facteur le plus limitant est la connexion en ligne qui est donnée aux utilisateurs par leur fournisseur d'accès Internet (FAI). Cela inclut à la fois la stabilité et la vitesse d'accès au site donné.
  • Matériel - Les ordinateurs ou appareils plus lents peuvent ne pas rendre le site assez rapidement; cela dépend entièrement de leur matériel.
  • Conditions du navigateur Web - Certains paramètres du navigateur Web, en particulier ceux qui couvrent les serveurs proxy et le blocage de la publicité, peut empêcher le chargement de certains éléments. Cela peut entraîner un ralentissement considérable du chargement des blogs WordPress.
  • Programmes de sécurité - Certains programmes liés à la sécurité peuvent perturber gravement le fonctionnement normal des navigateurs Web et le chargement des sites Internet. Le coupable probable est une configuration de pare-feu agressive qui peut bloquer certains noms de domaine associés aux réseaux de diffusion de contenu, qui sont souvent utilisés par les sites Internet pour des optimisations de vitesse.

Lors de la discussion sur l'amélioration de la vitesse de WordPress, les administrateurs font généralement la différence entre moteur WordPress de base et ajouts tiers optimisations.

La première partie désigne des astuces communes qui peuvent être implémentées dans à peu près tous les sites alimentés par la technologie du moteur de blog., tandis que le second indique les actions que les administrateurs peuvent entreprendre pour les extras installés par des tiers: plugins, thèmes, etc.

Étape 1. Supprimer les plugins WordPress inutilisés et non optimisés

Supprimer les plugins inutilisés de l'installation du blog WordPress. C'est parce qu'ils prise de l'espace des fichiers délégués donné par l'hébergeur. Alors que la plupart des fournisseurs d'hébergement en donnent une partie substantielle, cela peut être un problème avec les petits paquets.

Aussi, être répertorié et chargé par le moteur de blog WordPress, ils doivent également être enregistrés dans la base de données et liés au noyau principal. Cela crée demandes de base de données excessives, ce qui peut ralentir la vitesse de chargement même dans le front-end.

D'autre part plugins mal optimisés devrait également être supprimé (ou remplacé). Ils sont considérés comme des versions de mauvaise qualité, que malgré l'ajout de nouvelles fonctionnalités, ont vraiment un effet néfaste sur les performances globales du site. Il y a plusieurs panneaux qui révèlent si un plugin se comporte de cette manière.

Le plus courant si un site ou une partie du site ralentit immédiatement après la configuration et l'activation de ce plugin. L'autre est lorsque les utilisateurs tentent d'utiliser ses fonctions et remarquent des problèmes lors de l'interaction avec le site. S'ils sont acquis à partir du référentiel principal de plugins WordPress, les propriétaires de sites Web peuvent vérifier les avis existants et la note attribuée par d'autres utilisateurs.

Cela peut servir d'indicateur de la qualité perçue d'une extension. Nous recommandons qu'une recherche approfondie soit effectuée avant d'installer des plugins, notamment sur les machines de production. Idéalement, un test doit être effectué sur une machine de test, et la performance et le fonctionnement du site doivent être soigneusement examinés avant il est installé sur le serveur de production.

Étape 2: Prioriser l'utilisation des polices Google

un conseil sur le chargement des polices

L'utilisation des polices, chargé depuis le Google Fonts dépôt, est une pratique utilisée dans de nombreux thèmes WordPress. habituellement, les développeurs de thèmes choisissent plusieurs familles de polices en fonction des graphiques et du type de blog.

Une astuce généralement ignorée, mais c'est très important,est de prioriser le chargement des polices avant tout autre contenu. Cela implique de modifier les principales variables qui font partie de la thème actuel, pour charger le référentiel Google et les polices souhaitées.

Ces lignes de code doivent être placées au début des fichiers de configuration pertinents pour s'assurer qu'ils sont chargés avant d'autres éléments importants.

Notre analyse de nombreux sites a révélé que cela n'est pas fait dans de nombreux grands sites, qui est perçu comme un problème grave. Plusieurs scénarios peuvent résulter d'une mauvaise utilisation du chargement de Google Fonts.

Un exemple de problème est lorsqu'une mauvaise page est ouverte dans un navigateur Web. Lors de son chargement dans la fenêtre du navigateur Web, le contenu sera affiché en utilisant la police système par défaut et non la police Google associée à ses développeurs.

Pendant que la page est chargée, les utilisateurs peuvent ne pas percevoir le site quant à la qualité et peuvent arrêter le site et se diriger vers une autre option. Cela affectera le Taux de rebond et par la suite conduire à une baisse de classement SEO éventuellement substantielle.

Il y a plusieurs raisons pour lesquelles on devrait utiliser les polices Google au lieu des polices standard fournies par le moteur WordPress principal. La distinction la plus cruciale à leur sujet est qu'il s'agit pratiquement d'une bibliothèque de polices sous licence pouvant être utilisées gratuitement par les développeurs de sites..

Cette collection comprend de nombreuses familles de polices optimisées qui sont spécifiquement utilisées pour l'affichage Web, et en tant que tel préférable pour l'intégration WordPress.

Ils peuvent être facilement chargés en appelant le spécifié API Google Fonts et le diriger vers la famille de polices choisie. Il y a aussi deux façons de les ajouter, ce qui peut également affecter la vitesse de chargement.

La première technique repose sur le chargement direct des polices via le catalogue en ligne. Google fournit un bloc de code pratique qui doit être inséré dans le wp_enqueue_style() fonction du thème actuel.

Cela se fait en accédant au Panneau d'administration WordPress et aller au Onglet Apparence, à partir de là, choisissez Éditeur et choisissez le fichier. Ajoutez le code de police comme indiqué sur l'écran de Google.

Le deuxième mécanisme de leur intégration consiste à utiliser plugins Google Fonts tiers. Il y en a plusieurs disponibles sur les référentiels — des options gratuites et payantes sont disponibles.

Certains des conseils que nous pouvons offrir aux propriétaires de blogs WordPress à cet égard sont les suivants:

  • Limitation du poids de la police — Seuls les poids de police les plus utilisés doivent être chargés dans l'extrait de code. Le chargement d'une famille de polices complète est généralement inutile et nécessitera beaucoup plus de ressources qu'un groupe sélectionné de types de polices.
  • Hébergement de polices locales — Dans certains cas, les polices peuvent être hébergées localement par opposition à l'utilisation du référentiel distant Google Fonts. Si un serveur rapide est utilisé, cela peut améliorer les performances.
  • Avantages spécifiques de Google Fonts — De nombreuses polices populaires hébergées par le référentiel de Google permettent aux personnes handicapées de charger correctement le site dans leur navigateur.

Étape 3: Optimisation des images

Les images et les éléments graphiques constituent les ressources les plus importantes de chargement dans la plupart des blogs WordPress. Pour cette raison, leur optimisation devrait être l'une des tâches prioritaires lorsque des problèmes de vitesse surviennent.

Le sens le plus commun pour un blog à chargement lent est généralement images faiblement compressées qui ne sont pas adaptés à une utilisation Web. Le choix du format le plus approprié dépend principalement du type de site Web et si les images sont animées ou non et leur intention.

Pour les images à usage général, nous recommandons aux administrateurs de se fier JPEG progressif images. Il s'agit d'une nouvelle technologie appliquée à un format bien connu. Lorsqu'une telle image est placée dans un blog, il s'affichera tout de suite et commencera à charger les données complètes pendant le chargement de la page.

En pratique, les utilisateurs verront que tout s'est chargé instantanément. toutefois, le chargement complet a lieu en arrière-plan au fur et à mesure de la lecture du site.

Les fichiers JPEG progressifs sont une meilleure proposition que les formats comparables en ce qui concerne les images de petite taille. Les utilisateurs ne pourront pas voir que l'image initiale est pixélisée et se charge en arrière-plan.

D'autres techniques d'optimisation des ressources d'image incluent chargement dynamique, une fonctionnalité populaire implémentée dans la plupart des thèmes modernes.

Cela économise considérablement de la bande passante et accélère le chargement des sites. Si une telle technique est mise en œuvre, seules les ressources affichées dans le défilement actuel du site sera chargé. Si les utilisateurs accèdent à une autre partie du site, puis à ce moment, plus d'images seront chargées.

Il est également essentiel de garantir que bonne compression est maintenu sur tout le site. La plupart des programmes d'édition graphique ont une option d'exportation particulière appelée enregistrer pour le Web qui permet une optimisation appropriée.

Cela créera une boîte de dialogue dans la plupart des programmes, permettant aux utilisateurs d'ordinateurs de choisir le niveau de compression et de l'affiner en pourcentages.

Une bonne règle d'or serait d'implémenter ces changements dans le code JavaScript du thème. Cela supprimera la raison d'ajouter cette fonctionnalité via un plugin tiers.

Les développeurs WordPress doivent s'assurer que la plus grande image sur une page donnée, Publier, Catégorie, ou la section du blog est chargée en premier. Ceci est très important car cela indique à Google que le site est spécialement optimisé.

Ces types d'images doivent également avoir les balises de description alt, ainsi que mettre en œuvre la bonne taille (comme détaillé dans la section précédente) et position sur le site. Cela se fait généralement automatiquement dans la plupart des thèmes modernes, tandis que dans d'autres, c'est généralement une option qui peut être envisagée.

Étape 4: Optimisation des ressources

astuce d'optimisation

L'un des moyens les plus efficaces de réduire la vitesse de chargement de WordPress pour les visiteurs et d'augmenter les performances du moteur sous-jacent est de réduire le nombre de ressources éventuellement chargées. C'est un cas lorsque les administrateurs de site WordPress utilisent des thèmes ou des constructeurs de pages plus complexes.

Dans le cadre de ces mécanismes, beaucoup d'images, polices, et JavaScript sont chargés dans les sites. Et même s'ils ne sont pas utilisés, ils font toujours partie du code chargé chaque fois que les visiteurs demandent la page.

Cela crée un énorme obstacle aux performances des serveurs, surtout si les blogs desservent des centaines de visiteurs chaque minute. Plusieurs principaux types de ressources devraient être revus et réduits dans toute la mesure du possible:

  • Images - C'est l'un des types de ressources les plus importants qui devraient être réduits au minimum. La stratégie exacte pour y parvenir dépendra du type de blog et de la conception générale du thème.. Par exemple, certains thèmes de concepteur peuvent ajouter une image graphique particulière lorsqu'ils entrent dans un étiquette de ligne horizontale. Cela peut être désactivé, ce qui supprimera le chargement potentiel de la même image sur de nombreuses pages par tous les visiteurs. en outre, les images doivent être régulièrement examinées attentivement pour supprimer le contenu en double.
  • Les polices - De nombreux thèmes plus grands chargent automatiquement plusieurs familles de polices entières lors du chargement du site. Sauf si tous les poids et variantes de police sont utilisés sur le blog (ce qui est rarement fait), ceux qui ne sont pas utilisés peuvent être omis en toute sécurité. Reportez-vous à la documentation du thème pour voir comment cela peut être fait.
  • Code JavaScript - Des extraits de code JavaScript mal optimisés peuvent en fait gravement réduire les performances du site. Normalement lorsqu'il est placé, le navigateur Web exécutera la suite: une seule section sera chargée, et le suivant ne fonctionnera pas tant que le premier n'aura pas terminé l'exécution. Cela crée une longue chaîne d'exécution qui peut se bloquer si certains extraits de code ne s'exécutent pas en conséquence.
  • Code CSS - De même, le code CSS du thème doit être aussi minimal que possible. La plupart des développeurs Web suivent une règle empirique car tous les scripts requis sont déclarés dans le fichier de thème principal afin que les publications et pages individuelles soient dépourvues de tout chargement de code inutile..

Ces conseils présentent certaines des techniques d'optimisation essentielles pour les ressources WordPress vitales.

Étape 5: Optimisation spécifique JavaScript et CSS

Une différence significative dans la vitesse de chargement du site et les performances du moteur est de savoir si le code CSS et les pages JavaScript sont “minifié”, il s'agit d'une procédure particulière qui implique la réduction des demandes et le traitement.

Minification dans le développement WordPress fait référence à la pratique consistant à concevoir un site pour insérer du code spécialement optimisé. Il est appelé minifié car les données non importantes sont omises: lignes inutiles, les espaces, et les caractères des lignes de code.

Cela ne fait aucune différence pour les interprètes du serveur Web, résulte en des tailles plus petites, et accélère le chargement.

Cela peut être fait de deux manières:

  • Manuel - Cela se fait en parcourant manuellement chaque document et en appliquant les modifications nécessaires. Il s'agit de l'option préférée car cela peut potentiellement conduire à le plus propre document résultant, surtout aux mains d'un développeur expérimenté.
  • Automatique - Cela implique l'utilisation d'un logiciel spécial qui réécrira essentiellement le code en utilisant des instructions prédéterminées. Dans certains cas, cela peut produire un pire résultat lors du chargement du plugin, et son utilisation peut augmenter la surcharge de performance du moteur principal.

Résultat de vitesse

Ces cinq conseils constituent les moyens les plus largement utilisés pour accélérer une installation WordPress en cours d'exécution. Bien que la plupart d'entre eux ne soient pas si compliqués à faire, les ajustements avancés nécessitent des connaissances en programmation pour effectuer toutes les tâches. Il serait préférable d'éviter l'utilisation de plugins automatisés et d'effectuer autant que possible des modifications manuelles pour décharger le moteur principal.

Nous à Howtohosting.guide conseille généralement à chacun de suivre ces étapes au début avant qu'une grande partie du contenu ne soit téléchargée.

Cela accélérera l'indexation initiale par les moteurs de recherche et créera un classement initial plus élevé. en plus, cela empêchera tout problème éventuel de survenir lorsque des modifications de code sont apportées aux sites de production.

Si vous trouvez cet article utile, alors veuillez vous abonner à notre Chaîne Youtube pour plus de vidéos WordPress et de conseils d'hébergement.

Laisser un commentaire

Votre adresse email ne sera pas publiée. les champs requis sont indiqués *

Ce site est protégé par reCAPTCHA et Google Politique de confidentialité et Conditions d'utilisation appliquer.