Comment accélérer votre site Web? Il existe de nombreuses façons d'améliorer les performances de votre site. Dans cet article, nous aborderons certaines des méthodes les plus simples, que tout le monde pouvait postuler.
La vitesse de la page est un facteur qui peut être mesuré avec précision avec un tas d'outils gratuits en ligne.
en outre, chaque visiteur, même ceux qui ne sont pas techniquement compétents, pouvait sentir plutôt un site Web chargement rapide ou lent.
Aujourd'hui, la grande majorité des utilisateurs passent leur temps en ligne sur des applications sociales populaires., lire les actualités des grands sites Web de médias en ligne, ou défilement mèmes sur un certain site Web drôle.
Le point est que ces sites sont à l'origine d'une infrastructure millions de dollars, avec leurs propres serveurs puissants offrant la meilleure vitesse de chargement possible.
Ce n'est pas le cas des petites entreprises et des sites Web personnels hébergés sur un hébergement partagé bon marché.. Cela ne signifie pas, par défaut, que tous ces sites sont condamnés à être lent dès le départ.
Premier, vérifiez vos mesures de vitesse actuelles
Il existe quelques très bons outils pour vérifier la vitesse de votre site et les problèmes possibles.
- GTMetrix – l'outil de test de vitesse le plus complet
- Outils Pingdom – vous pouvez choisir différents lieux de test
- Web.dev – Bon pour les tests Google Web Vitals
- VitesseVitals – bon pour mesurer le TTFB à partir de 35 différents endroits.
Il existe des moyens pour accélérer WordPress, même si vous utilisez un serveur d'hébergement pas cher partagé.
Dans cet article, Je vais passer en revue certaines des méthodes que j'utilise pour accélérer WpCtrl.com et atteindre les chiffres indiqués ci-dessous (Je constate l'aide d'un $5 plan d'hébergement au moment où j'écris ceci).
Ce n'est pas un score parfait, mais je suis assez satisfait des chiffres.
Avant d'appliquer les méthodes que je vais vous montrer dans cet article, le même test de vitesse GTMetrix montrait un temps à pleine charge de plus 5 secondes et une taille de page de plus de 2 Mo.
Passons directement aux correctifs que vous pourriez appliquer à votre site Web et voyons les résultats immédiatement.
1. Obtenez un hébergement de WordPress solide
je n'entrerai pas dans les détails ici. Vous pouvez consulter mon autre article pour un examen détaillé de les meilleurs hébergeurs.
Vous ne pouvez pas vous tromper en choisissant l’une des entreprises les plus populaires., mais je peux suggérer les deux suivants:
De $3.95/vous.
Avantages
1-Cliquez sur le programme d'installation de WordPress
7 Sauvegardes pour la fin 7 journées
Ce qu'il faut chercher
Ses 2020 et certaines choses dans l'industrie de l'hébergement vient maintenant de série, alors ne tombent pas pour les soi-disant primes et dispose que les entreprises apportent prime comme quelque chose d'exceptionnel.Des choses comme – domaine gratuit, SSL gratuit, gratuit back-up, SSD, libre WordPress migration, cPanel sont maintenant la norme, et devraient être inclus dans votre plan par défaut et ne sont pas quelque chose de prime.Votre hébergement et votre thème sont les backbones de votre site Web. Cela nous conduit au deuxième point.
2. Choisissez un thème rapide WordPress
Cela peut être désagréable pour ceux d'entre vous, qui ont déjà acheté un thème, et a découvert ce n'est pas le chargement très rapide, peu importe ce que vous faites pour l'optimiser.
Ce n'est pas comme vous déconné, vous pouvez toujours appliquer certaines optimisations pour accélérer WordPress et votre site, mais le résultat final sera toujours moyenne.
Comme Adrian Cojocariu note dans ce post sur la façon dont votre thème affecte SEO
Laid conception peut effrayer les utilisateurs à l'extérieur
Slow Speed percera les utilisateurs à la mort
Bad Structure Est-ce que les moteurs de recherche Puzzle
SI vous regardez les meilleurs thèmes WordPress vendus sur ThemeForest, ils sont tous superbes visuellement. Mais lorsque vous exécutez un test de vitesse, vous aurez du mal à obtenir un bon score.
Ces thèmes sont en général avec un constructeur de la page (Elementor ou WPBakery page Builder) avec des tonnes de fonctionnalités, éléments, et des options personnalisables.
Bien que toutes ces choses soient excellentes en termes de conception et de possibilités, si votre objectif est de gagner du trafic organique et d'être bien classé sur les SERP, vous feriez mieux de reconsidérer votre choix du thème.
Mes suggestions de thèmes (Pour un site de chargement rapide)
| Nom | Score de vitesse | live Demo |
|---|---|---|
| Kwik | ⚡⚡⚡⚡ ⚡ | Lire la critique |
| GeneratePress | ⚡⚡⚡⚡ ⚡ | Voir maintenant |
| Rêne | ⚡⚡⚡⚡ | Voir maintenant |
| Top référencement | ⚡⚡⚡⚡ ⚡ | Voir maintenant |
| bon type | ⚡⚡⚡ | Voir maintenant |
Et peu importe la taille et puissant vous imaginez que votre site soit, souvenez-vous commencer par une page vierge et zéro contenu.
Tous ces widgets, riches menus, sections interactives ne voudraient rien dire si vous n'avez pas le contenu correspondant derrière eux.
Jusqu'à présent, une chose est sûre – le contenu est ce que vous obtient classé dans les résultats de recherche, le thème est que le « maquillage’ de votre contenu. Il ne doit pas interférer avec en aucune façon, mais souligne qu'il.
thèmes WordPress ont une option clé, et vous en tant que propriétaire de site doit avoir cela à l'esprit lorsque vous créez votre site Web.
Votre conception de page d'accueil. Vous pouvez choisir d'afficher vos derniers messages ou une page statique. Et cela a beaucoup à voir avec la vitesse de votre page d'accueil.
Il est situé dans la Paramètres > En train de lire menu et il définit la façon dont votre page d'accueil regardera et la fonction.
Expliquons réel rapide Quelle est la différence entre les deux.
Vos derniers messages comme son nom l'indique montrera vos derniers messages dans une mise en page spécifique, avec un extrait et l'après l'image sélectionnée. Certains thèmes peuvent avoir différentes options de mise en page pour vous de choisir.
Tandis que le page statique option vous donne la liberté de concevoir une page personnalisée, en fonction de vos besoins et le contenu. habituellement, cela nécessitera un constructeur de pages comme Elementor ou WpBakery, ou vous pouvez utiliser l'éditeur en interne Gutenberg.
Lequel est le meilleur et que dois-je choisir?
C'est difficile à dire, les deux ont des avantages et des inconvénients, mais si vous êtes nouveau pour les blogs et WordPress, choisir la derniers messages l'option pour l'instant.
Il y a beaucoup de blogs réussis qui utilisent encore cette approche (le mien aussi).
En termes de vitesse, cela dépend encore une fois, sur quel type de page personnalisée que vous allez créer, ou combien de messages vous montrerez avec les derniers messages options.
habituellement, les derniers messages devraient mieux performer en termes de vitesse, en raison du moins de requêtes et du nombre de scripts en cours d'exécution.
Maintenant, nous allons hop à la section plugins. Voici ce que j'utilise pour accélérer les performances WordPress.
3. Utilisez un plugin de mise en cache WordPress
Avec seulement quelques clics, de l'installation à l'activation de votre Caching Plugin vous réduisez le temps de chargement de votre site de plus de 50%!
Les meilleurs plugins de mise en cache sont libres en ce moment:
| Brancher | Télécharger |
|---|---|
| WP-Optimize | voir ici |
| Autoptimize | voir ici |
| WP Super Cache | voir ici |
| WP plus rapide Cache | voir ici |
| W3 Total Cache | voir ici |
| Colibri | voir ici |
| Cache LiteSpeed | voir ici |
Connaissez votre type de serveur!
Les types de serveurs les plus populaires, que la plupart des fournisseurs d'hébergement utilisent sont – LiteSpeed, Nginx, et Apache.
La meilleure mise en cache se produit au niveau du serveur, avec les outils fournis par votre hébergeur. Par exemple, vous devriez utiliser LiteSpeed Cache, uniquement sur les serveurs LiteSpeed.
Ce que j'utilise sur WPCtrl pour accélérer WordPress
J'ai essayé beaucoup de plugins de mise en cache au fil du temps et celui qui fonctionne le mieux pour moi et offre les meilleurs résultats est WP plus rapide Cache.
Il a la configuration la plus simple, jamais de, et il fait ce qu'il est censé faire.
Voici ma configuration
Vous devez être prudent avec tous les rapetisser et de combiner des actions, ils peuvent briser les parties de votre site Web et des dysfonctionnements de cause!
Si vous utilisez un SiteGround plan d'hébergement, essayer SG Optimizer plug-in gratuit. Il offre la meilleure optimisation possible.
Les meilleurs Plugins premium Mise en cache
Si vous avez le budget, il y a quelques plugins de cache payés étonnants.
- Rocket WP
- WP-Optimize
- Colibri
Désactivez les scripts inutiles (où ils ne sont pas nécessaires) pour réduire les requêtes HTTP
L'un des facteurs qui ralentissent la vitesse des pages est le nombre de requêtes..
Les demandes s’accumulent avec le nombre de plugins que vous ajoutez à votre site WordPress, les images, Fichiers CSS, et d'autres scripts en cours d'exécution sur votre page ou votre publication.
C'est une bonne idée de désactiver certains scripts, où ils ne sont pas nécessaires.
Par exemple, vous pouvez créer une page d'accueil avec le générateur de pages Elementor, mais vos articles sont rédigés à l'aide de l'éditeur visuel classique ou des blocs Gutenberg, mais les fichiers Elementor JS sont toujours exécutés sur vos pages de publication.
Vous pouvez réduire le nombre de requêtes et accélérer le chargement de vos publications lorsque vous déchargez ces scripts là où vous n'en avez pas besoin.. Et la bonne nouvelle est, qu'il existe un plugin gratuit pour ce travail!
Télécharger Nettoyage des actifs et installez-le.
Activez le mode test à partir des paramètres.
Prochain, aller en CSS & Gestionnaire JS, vous avez la possibilité de choisir la page d'accueil, Des postes, ou Pages.
Commencez depuis la page d'accueil. Ici vous pouvez télécharger tous les plugins comme:
- Blocs (sauf si votre page d'accueil est construite par des blocs Gutenberg)
- Tous les widgets que vous affichez uniquement dans la barre latérale de vos publications (icônes sociales, S'abonner, etc.)
Par exemple, J'utilise les blocs Genesis dans mes publications et je n'en ai pas besoin pour ma page d'accueil.
Sélectionner ”Décharger sur cette page” – cela empêchera le script de charger et de ralentir votre page d'accueil.
Je l'ai également fait avec d'autres plugins que je n'utilise que sur mes pages de publication.
Mettez à jour et vérifiez votre page d'accueil au cas où.
Suivant Décharger les scripts de vos publications
Faites de même pour vos pages de publication, aller en CSS & Gestionnaire JS.
Tapez quelque chose pour sélectionner un message, le poste que vous choisissez n'a pas vraiment d'importance, car nous chercherons des scripts et des plugins qui n'y sont pas utilisés.
Ici, vous pouvez sélectionner les plugins que vous n'utilisez pas pour créer vos publications, dans la plupart des cas, ceux-ci incluraient:
- Elementor, Boulangerie WPB, Constructeur de castor, ou tout autre constructeur de pages.
- Tout plugin que vous utilisez uniquement sur votre page d'accueil
Trouvez ce dont vous n'avez pas besoin et déchargez-le sur tous les posts
J'espère que vous avez compris l'essentiel ici. Vous n'avez pas besoin de “porter” ces scripts sur toutes vos pages lorsque vous ne les utilisez pas.
Vous pouvez toujours charger à nouveau les scripts si vous rencontrez des problèmes causés par cela sur vos pages.
4. Utilisez un CDN (Contenu Réseau Livraison)
expliqué simplement, CDN stocke une copie du contenu de votre site Web dans plusieurs endroits (les serveurs) sur toute la planète, pour réduire au minimum la distance entre votre visiteur et votre serveur.
Si vous avez un public dans le monde entier, qui va certainement se produire si vous écrivez votre contenu en anglais, vous incluez mieux un service CDN dans votre plan de jeu pour accélérer encore plus WordPress.
Il y a un CDN gratuit appelé Cloudflare.
Ce que j'utilise et me coûte que quelques centimes par mois est un service premium appelé BunnyCDN.
Comme vous pouvez le voir sur l'image ci-dessus je paie $0.0142 pour un Go de données servi.
L'ensemble du processus de configuration de BunnyCDN pour qu'il fonctionne avec votre WordPress сите est très simple.
télécharger le BunnyCDN plug-in gratuit et suivez les instructions simples. Vous définissez votre CDN en peu de temps.
5. Do not Go Bananas sur Plugins
WordPress est populaire avec son large répertoire de plugins gratuits. Il y a aussi des tonnes de choix premium, sur des sites comme CodeCanyon.
En tant que jeune propriétaire du site, vous pourriez vous retrouver dans le lieu commun de la pensée « pour tous les problèmes, il y a un plug-in.
Les plugins font un excellent travail et il y a des plugins essentiels que vous devez avoir.
Mais si votre liste de plugins s'agrandit et atteint un nombre supérieur à 20-30 vous pourriez reconsidérer la suppression de certains d'entre eux pour accélérer votre site Web.
L’importance des éléments essentiels du Web pour votre site Web
Core Web Vital est un ensemble de mesures qui mesurent les performances de votre site.. Ils fournissent des informations précieuses sur votre site en termes de vitesse, sécurité, et fiabilité.
- Vitesse des pages – Cette métrique mesure la rapidité avec laquelle une page se charge. Les pages avec des temps de chargement lents peuvent inciter les visiteurs à partir avant même d'avoir eu la chance de lire ce que vous avez à dire..
Vous pouvez utiliser l'outil PageSpeed Insights de Google pour vérifier le score actuel de votre site.. Si votre score n'est pas assez bon, il y a plusieurs choses que vous pouvez faire pour l'améliorer.
L'un des moyens les plus simples de garantir un chargement rapide de votre site est d'optimiser les images.. Les images prennent beaucoup de place sur une page, donc les réduire réduira la taille de votre page et donc accélérera les temps de chargement. Une autre chose que vous pouvez faire est de compresser votre code HTML.
La compression de votre code HTML réduit le nombre d'octets envoyés sur Internet, ce qui signifie que moins de données doivent être transférées. finalement, vous devriez envisager d'utiliser un CDN (réseau de diffusion de contenu) pour mettre en cache des fichiers statiques tels que JavaScript, CSS, et fichiers images.
Ces fichiers sont souvent téléchargés plusieurs fois au cours d'une session utilisateur, ce qui ralentit le processus. L'utilisation d'un CDN permet à ces fichiers d'être mis en cache à un seul emplacement, ce qui permet aux utilisateurs d'y accéder beaucoup plus rapidement.
- Convivialité mobile – Cette métrique mesure si votre site Web est ou non adapté aux mobiles. Si ce n'est pas le cas, alors votre audience potentielle sera limitée à ceux qui utilisent des smartphones ou des tablettes.
Il y a deux raisons principales pour lesquelles les sites Web ne sont pas adaptés aux mobiles. Premier, certains développeurs pensent que créer une version mobile d'un site Web nécessiterait trop de travail.
Deuxième, Certaines entreprises pensent qu'avoir une version mobile de leur site Web cannibaliserait les ventes, car les clients préféreraient acheter des produits en ligne plutôt que de se rendre dans un magasin physique..
toutefois, des études récentes montrent que les gens sont plus susceptibles d'acheter des articles lorsqu'ils sont capables de parcourir un article avant de l'acheter. En fait, selon un étude réalisée par eMarketer, près de la moitié des propriétaires de smartphones déclarent effectuer des achats en ligne plus fréquemment qu'il y a cinq ans.
Alors, si vous souhaitez toucher un public plus large, vous devez vous assurer que votre site Web est adapté aux mobiles et optimisé pour les smartphones et les tablettes.
6. Méfiez-vous de votre image Tailles – Optimisez et compressez vos médias
Images, ou non optimisé peut ajouter beaucoup à la taille de votre page.
Si vous téléchargez 6MP, 5000 par 3000px photos dans vos messages, directement lorsque vous les avez téléchargées à partir d'un site Web d'images de stock, vous n'obtiendrez presque jamais un bon score de vitesse de page.
Redimensionnez toujours vos images en fonction des tailles spécifiques de votre thème. Si votre message aurait un grand héros images en vedette, utiliser une taille ne dépassant pas 1920px de large. Pour vos images in-post, 990px de large est plus que suffisant.
Créez des versions WebP pour vos images WordPress (JPG et PNG)
WebP est un format d'image qui offre une taille de fichier plus petite, rendant ainsi vos pages plus rapides.
Heureusement depuis WordPress 5.8, la médiathèque prend en charge le format de fichier WepB. Vous pouvez télécharger ces fichiers et les utiliser dans vos publications au format JPEG et PNG..
Pourquoi WebP est-il important pour le référencement?
En bref – c'est créé par Google, donc Google adore les images WebP. L'autre avantage réside dans la taille plus petite des images WebP., ce qui ajouterait quelques millisecondes au temps de chargement de votre page.
Vous pouvez soit utiliser un plugin pour créer des versions WebP de vos images jpg et png actuelles, soit convertir vos images à l'avance dans des outils tels que ezgif.com ou convertio.io.
Plugins WordPress pour générer des images WebP
Si vous utilisez un plugin de mise en cache premium, vous pouvez rechercher s'il existe une option pour générer des images WebP dans les paramètres. (cela vous évitera d'avoir à installer des plugins supplémentaires).
Par exemple, LiteSpeed Cache l'offre gratuitement.
Accédez au cache LiteSpeed > Optimisation des images
Dans l'onglet Paramètres d'optimisation d'image, sélectionner
Prochain, allez dans l'onglet général et suivez les liens pour créer un compte QUIC.cloud gratuit et demandez une clé de domaine et ajoutez-la au champ
Optimiseur d'image EWWW pour les images WebP
Ceci est un autre plugin gratuit populaire pour l'optimisation d'image, qui offre la conversion WebP.
Télécharger Optimiseur d'image EWWW, localiser le “Conversion WebP” dans les paramètres et cochez l'option.
Quoi d'autre?
Utilisez le 👉 outil en ligne TinyJPG pour compresser vos images encore plus (sans dégradation de leur qualité).
👉 Télécharger un plugin comme Meuch à auto-optimiser vos images sur le téléchargement.
Parfois, vous pouvez obtenir une réduction de 80-90%!
7. Optimisez votre base de données WordPress
Ne pas paniquer, Je sais que cela semble un peu compliqué, mais ce n'est pas.
J'utilise le plug-in gratuit WP-Optimiser l'utilisation de. Ce plugin optimisera non seulement votre base de données mais fournira également une optimisation d'image et un cache de page.
Assurez-vous simplement de toujours créer une sauvegarde de votre base de données en cas de problème..
résultat financier
La vitesse de votre site est non seulement le nombre de secondes qu'il faut pour la charge. temps de chargement Aujourd'hui est un facteur important dans le référencement et l'expérience utilisateur. Assurez-vous de prendre des mesures pour optimiser vos pages et votre contenu WordPress. Vous pouvez obtenir de bons résultats sans avoir à investir une tonne d'argent.
Comment accélérer votre site WordPress? Pas à pas.
Étape 1: Obtenir un bon hébergement
Si cela est encore possible, et vous ne l'avez pas déjà créé votre site Web sur un hôte de crapy, optez pour certaines des sociétés d'hébergement recommandées.
Étape 2: Installer un plugin WordPress Mise en cache
Pour les non avertis en technologie, je recommande WP plus rapide Cache. Le plugin de mise en cache peut accélérer votre site avec seulement quelques clics.
Étape 3: Ne pas installer trop de Plugins
D'autres plugins signifient plus de code et demandes, et plus de code et demandes signifient un temps de chargement de la page plus lente. Gardez-le propre et utiliser seulement bien connu, plugins bien notés.
Étape 4: Surveillez votre taille du fichier
Si votre Infobox a un espace réservé pour un 200×100 image, il n'est absolument pas nécessaire de télécharger un fichier de haute qualité (1920×1080) image. Il suffit d'ouvrir un éditeur d'images (Peindre, photopea, ou Photoshop) et la redimensionner à la taille nécessaire.
Autre que chaque fois que vous téléchargez une grande image, essayez la compression avec des outils libres comme TinyJPG ou Compressjpeg.
Divulgation: Certains des liens sur la page peuvent contenir un code de référence (liens d'affiliation), qui dit à l'autre côté que nous vous avons envoyé. Si vous avez aimé ce que nous suggérons et que vous effectuez un achat, nous pouvons recevoir une commission.
