Accélérez votre site Web WordPress [5-étape Guide technique]

3 WordPress Speed Optimised Web Hosting Recommended
Offres ensoleillées!

1. HostArmada

Number of Reviews 606
Avg. Review Score 5.0 Positif
Customer Support Positif
Starts from $2.49 / mo.
Locations
drapeaudrapeaudrapeaudrapeaudrapeaudrapeaudrapeau
Solde d'été

2. FastComet

Number of Reviews 3.1k+
Avg. Review Score 4.8 Positif
Customer Support Positif
Starts from $2.49 / mo.
Locations
drapeaudrapeaudrapeaudrapeaudrapeaudrapeaudrapeaudrapeaudrapeau
MAINTENANT 75%

3. Hostinger

Number of Reviews 10.5k+
Avg. Review Score 4.6 Positif
Customer Support Positif
Starts from $1.99 / mo.
Locations
drapeaudrapeaudrapeaudrapeaudrapeaudrapeaudrapeaudrapeau

Accélérer un site ou un blog WordPress peut être difficile, en fonction de la complexité d'un tel site. Des modifications faciles à WordPress Core peuvent vous aider avec cela.

Comment-accélérer-votre-site-web-WordPress-A-5-étapes-Guide-technique-hth-guide

Chez HTH.guide, nous vous fournirons quelques étapes techniques faciles à utiliser que vous pouvez essayer d'améliorer les performances du back-end, en plus d'augmenter la vitesse de chargement pour les visiteurs.

Ce qui affecte la vitesse de votre site WordPress?

La vitesse d'un Site WordPress peut être mesuré avec différents instruments et peut avoir plusieurs termes associés. Ce que l'on appelle habituellement Vitesse WordPress est la vitesse de chargement dont les visiteurs sont témoins. Ce n'est pas un facteur unique qui est déterminé par une seule opération ou valeur.

Du point de vue d'un visiteur, la demande faite au site WordPress consiste à taper l'adresse (l'URL) dans la barre d'adresse d'un navigateur et en appuyant sur le Entrer clé, secondes plus tard, la page se charge. Dans les coulisses, plusieurs facteurs importants interviennent et vous, en tant qu'utilisateur d'ordinateur, devez savoir.

Il y a les soi-disant conditions d'utilisation qui affectent la vitesse de chargement d'un site Web donné et généralement, les administrateurs du site ne peuvent pas les modifier. 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 des ralentissements considérables dans le 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 l'optimisation Moteur de base WordPress et ajouts tiers.

La première partie désigne des conseils communs qui peuvent être mis en œuvre dans à peu près tous les sites propulsés par WordPress. Le second indique les actions que les administrateurs peuvent entreprendre pour tous les extras installés par des tiers, tels que les plugins, thèmes, etc.

Ci-dessous sont les 5 étapes que les administrateurs peuvent modifier pour obtenir de meilleures vitesses de site WordPress.

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

Supprimer les plugins inutilisés de l'installation du blog WordPress. Ces plugins occupent une partie du espace délégué pour les fichiers fixé par l'hébergeur. Alors que la plupart des fournisseurs d'hébergement donnent une partie substantielle de l'espace disponible, 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, avoir un vrai, effet néfaste sur la performance globale du site. Plusieurs signes indiquent si un plugin doit être modifié ou supprimé.

La raison la plus courante est si un site ou une partie de celui-ci ralentit immédiatement après la configuration et l'activation du plugin sélectionné.. Un autre est lorsqu'un utilisateur tente d'utiliser la fonctionnalité du plug-in et remarque des problèmes avec cette interaction. Si les plugins sont acquis à partir du référentiel WordPress principal, les propriétaires de sites Web peuvent consulter les avis existants et la note attribuée par la communauté.

Cela peut servir d'indicateur de la qualité perçue d'une extension. Chez HTH.guide, nous recommandons d'effectuer une recherche approfondie avant d'installer des plugins. Idéalement, un test doit être effectué sur un ordinateur, et les performances et le fonctionnement du site doivent être soigneusement examinés avant d'être installés 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 d'éditer les principales variables qui font partie du 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 qui comprenait de nombreux sites a montré que certains d'entre eux n'ont pas correctement hiérarchisé les polices. Cela pourrait entraîner un sérieux ralentissement sur les systèmes informatiques plus anciens. Plusieurs scénarios peuvent résulter d'une mauvaise utilisation du chargement de Google Fonts.

Un exemple rapide – lorsque la mauvaise page est ouverte dans un navigateur. Lors du chargement de cette page 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 qui est configurée pour s'afficher pour ce site Web.

Pendant que la page se charge lentement, les utilisateurs peuvent ne pas percevoir le produit final du site Web. Il peut ne pas s'afficher correctement ou ils peuvent voir une version de mauvaise qualité des paramètres du site. Cela peut également empêcher le chargement du site et rester bloqué, tandis que les visiteurs sont déçus et recherchent sur un autre site Web ce qu'ils recherchent. Cela affectera négativement la Taux de rebond et par la suite conduire à une baisse éventuellement substantielle du classement SEO.

Il existe plusieurs raisons pour lesquelles il faut utiliser Google Fonts au lieu des polices standard fournies par le cœur du moteur WordPress.. 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, plus préférable pour l'intégration WordPress.

Ils peuvent être facilement chargés en atteignant le spécifié API Google Fonts et le diriger vers la famille de polices choisie. Il y a aussi 2 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, De là, choisir Éditeur puis sélectionnez le fichier. Ajoutez le code de police comme indiqué sur l'écran de Google.

Le deuxième mécanisme d'intégration des polices 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 de HTH.guide pouvons offrir aux propriétaires de blogs WordPress:

  • 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 courant pour un blog à chargement lent est généralement des images faiblement compressées qui ne conviennent pas à une utilisation sur le Web.. Le choix du format le plus approprié dépend principalement du type de site Web et du fait que les images sont animées ou non et de leur intention.

Pour les images à usage général, nous recommandons aux administrateurs de s'appuyer sur des images JPEG progressives. 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 percevront que tout a été chargé en un instant. toutefois, le chargement complet s'effectue en arrière-plan pendant 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, la vue actuelle de la page ne chargera que les ressources actuellement visibles, comme du texte et des images. A chaque défilement consécutif de la souris, plus de texte et d'autres ressources se chargeraient. Cette fonction de défilement d'une page à la fois aide.

Il est également essentiel de s'assurer qu'une bonne compression est maintenue sur tout le site. La plupart des programmes d'édition graphique ont une option d'exportation spécifique 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 de choisir le niveau de compression et de le régler en pourcentage.

Une bonne règle de base serait d'implémenter ces changements dans le code JavaScript. 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. Il peut être crucial, car cela indique à Google que le site est bien optimisé.

Ces types d'images doivent également avoir les balises de description alt, ainsi que les implémentations et les positions de taille correctes autour du 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 consiste à réduire le nombre de ressources éventuellement chargées.. C'est le cas lorsque les administrateurs de sites WordPress utilisent des thèmes ou des constructeurs de pages plus complexes.

Dans le cadre de ces mécanismes, beaucoup d'images, polices, et les fichiers JavaScript sont chargés dans un site. Et même s'ils ne sont pas utilisés, ils le font toujours dans le code chargé chaque fois que les visiteurs demandent une 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 – Tout en dépendant du type de blog et de la conception globale du thème, ceux-ci doivent être maintenus à un nombre inférieur. Certains thèmes de concepteur peuvent ajouter un ensemble d'images graphiques particulier 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 soigneusement examinées régulièrement pour supprimer les doublons.
  • Les polices – La plupart des grands thèmes 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 rare), 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 implémenté.
  • Code JavaScript - Des extraits de code JavaScript mal optimisés peuvent en fait gravement réduire les performances du site. Lorsqu'il est placé correctement, le navigateur Web s'exécutera ensuite: une seule section chargée, puis un autre, après la fin de l'exécution du premier (et seulement après le chargement complet du premier.) Cela crée une longue chaîne d'exécution qui peut provoquer un blocage si certains extraits ne s'exécutent pas correctement.
  • Code CSS – Le code CSS du thème doit être aussi minimal que possible. La plupart des développeurs Web suppriment tout code inutile des publications et des pages individuelles. Donc, le chargement de tous les scripts requis est déclaré dans le fichier du thème principal sans répétitions.

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

Étape 5: Optimisations spécifiques 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 un code optimisé spécifique. Il est appelé minifié car les données non importantes sont omises: lignes inutiles, les espaces, et les caractères des lignes de code ont disparu.

Cela ne fait aucune différence pour les interprètes du serveur Web, et donne des tailles plus petites, accélérant le chargement et plus encore.

Il y a deux façons de le faire:

  • Manuel – 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 au document résultant le plus propre, surtout aux mains d'un développeur expérimenté.
  • Automatique – en utilisant un logiciel spécial qui réécrira essentiellement le code en utilisant des instructions prédéterminées, automatiquement. 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.

Conclusion et résultat rapide

le 5 les conseils donnés ci-dessus constituent les moyens les plus simples et les plus courants d'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 de faire des modifications manuelles autant que possible pour ne pas alourdir le chargement.

Chez HTH.guide, nous conseillons généralement à chacun de suivre ces étapes au début de la création d'un site Web, de préférence avant même que le contenu ne soit téléchargé.

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 résultant des modifications de code mises en œuvre sur les sites de production.

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

Si vous trouvez cet article utile, alors regardez notre vidéo sur le sujet:

Laisser un commentaire

Votre adresse email ne sera pas publiée.

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