Comment améliorer la vitesse d'un site WordPress sur les téléphones mobiles

Dans le monde numérique d'aujourd'hui, les appareils mobiles sont plus importants que les ordinateurs de bureau, c'est pourquoi les experts SEO recommandent de se concentrer davantage sur les appareils mobiles que sur les ordinateurs de bureau.

Si tonVitesse du site WordPressPas vite, alors votre audience et Google en seront mécontents, ce qui vous fera perdre en visibilité et en trafic.

Si vous souhaitez éviter que les problèmes de vitesse des pages mobiles ne vous empêchent d'attirer des visiteurs et de les transformer en clients enthousiastes, nous vous proposons ici quelques conseils pour accélérer la vitesse de chargement de votre site Web mobile.

Tout d'abord, laissez-nous savoir à quelle vitesse votre site Web est.

• Allez à Think With Google's " Testez votre vitesse de déplacement", Entrez ensuite l'URL pour analyser votre site Web.
• Cela commencera à analyser le site Web mobile pour vérifier HTML et CSS, JavaScript, la compressibilité, la convivialité, et également comparer votre site Web WordpressVitesse de la page, Autres sites de votre secteur.
• Une fois l'analyse terminée, vous verrez le temps de chargement de votre page mobile, les pertes de visiteurs estimées et les comparaisons de l'industrie.Il vous indiquera également combien de temps de chargement peut être réduit en appliquant quelques correctifs.

Comment accélérer le chargement de votre site Web mobile

Voici les étapes pour améliorer le temps de chargement des pages WordPress sur les appareils mobiles :

Choisissez le bon hébergeur

La vitesse de chargement des pages dépend de votre codage Web, mais elle dépend également entièrement de votre serveur d'hébergement Web.Cela signifie que votre serveur attendra plus longtemps pour répondre aux requêtes du navigateur, ce qui affectera le temps de chargement de la page.C'est pourquoi un hébergement Web plus rapide est important ou il est recommandé d'optimiser le temps de chargement du site Web.

Vous pouvez choisir parmi différents plans d'hébergement, y compris des VPS ou des serveurs dédiés, qui fourniront de meilleurs services que les serveurs partagés.

De même, héberger des serveurs près de chez vous ou de votre public cible retardera les temps de chargement.Si vous obtenez plus de visiteurs des États-Unis, vous devez choisir un emplacement de serveur d'hébergement pour le même emplacement (les États-Unis) où la page Web peut être rapidement servie.

Utiliser le réseau de diffusion de contenu

De même, si vous avez déjà acheté un plan d'hébergement virtuel et que vous n'êtes pas satisfait de l'emplacement du serveur, vous pouvez toujours utiliser le CDN pour compléter l'hébergement.CDN répartit le poids du site sur de nombreux serveurs différents, et chaque serveur est hébergé dans un centre de données différent.Jouer le rôle de ce serveur de réseau signifie mettre à disposition de chaque utilisateur le contenu du serveur le plus proche de lui.Cela réduit la distance que le contenu doit parcourir, accélérant ainsi le temps de chargement.

Ceci est un exemple d'utilisation d'un réseau de diffusion de contenu

Demandez à l'hébergeur de mettre à jour la dernière version de PHP

PHP est le langage de script open source que nous utilisons pour former le site Web WordPress et son épine dorsale fonctionnelle.Peu importe le codage pratique avec PHP, il existe toujours au niveau du serveur, et s'il n'est pas mis à jour, cela peut avoir un impact sur la vitesse de la page mobile.

Lors de la configuration d'un site WordPress pour la première fois, votre hébergeur doit automatiquement sélectionner la dernière version de PHP.Cependant, à moins que vous n'ayez activé les mises à jour PHP hébergées, vous devez rester dans cet état.Nous vous recommandons de mettre à jour la version PHP avec l'équipe de support d'hébergement.

Utiliser le plug-in de cache

Pour les sites WordPress, l'un des moyens les plus rapides et les plus simples de ralentir la vitesse de chargement des pages consiste à installer un plugin de mise en cache, tel queWP Total Cache或WP Super Cache.Ces deux plugins peuvent être téléchargés gratuitement et sont très bons.Bien que le nom soit un plug-in de cache, la fonction principale d'un plug-in de cache est la mise en cache du navigateur.

Nettoyer la base de données

L'un des pièges de WordPress est que votre base de données peut rapidement devenir très désordonnée à cause des brouillons enregistrés, des révisions de publication, des plugins désactivés, etc.. WP-OptimiserEst un excellent plug-in, il supprimera périodiquement toutes les choses inutiles, faisant ainsi gâcher les fichiers de votre base de données.

Image compressée

Si vous utilisez WordPress, installez le plugin WP Smush.it pour compresser automatiquement les images.Cela réduira la taille de l'image sans perdre en qualité visuelle.L'avantage de ce plugin est que chaque fois que vous téléchargez une nouvelle image, elle s'exécutera en arrière-plan.Vous pouvez également l'exécuter rétrospectivement sur toutes les images téléchargées dans la médiathèque

Désactiver la liaison à chaud des images

Quand d'autres sites "chaudsLien" à votre image,Il consomme de la bande passante, réduisant ainsi la vitesse du site Web.Pour empêcher d'autres sites de consommer votre bande passante, vous pouvez ajouter cet extrait de code à votre fichier .htaccess.N'oubliez pas de modifier le contenu de example.com !

RewriteEngine sur
RewriteCond% {HTTP_REFERER}! ^ $
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?example.com [NC]
RewriteRule \. (Jpg | jpeg | png | gif) $ - [NC, F, L]

Compressez votre site web avec gzip

Gzip est une méthode simple pour compresser les fichiers de sites Web afin d'économiser de la bande passante et d'accélérer le temps de chargement des pages.Gzip fonctionne en compressant les fichiers en fichiers zip, ce qui peut charger le navigateur de l'utilisateur plus rapidement.Ensuite, le navigateur de l'utilisateur décompresse le fichier et affiche le contenu.Cette méthode de transfert de contenu du serveur vers le navigateur est plus efficace et fait gagner beaucoup de temps.

Il vous suffit d'ajouter le code suivant au fichier .htaccess pour activer Gzip :

# compresser du texte, html, javascript, css, xml :
AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript

# Ou compresser certains types de fichiers par extension :

SetOutputFilter DÉGONFLAGE

Pour vérifier si Gzip est activé ou fonctionne correctement sur votre site, vous pouvez utiliser Gziptest.com.

Minifier les fichiers CSS et JS

Lorsque vous examinez les causes du chargement lent des pages Web, il est probable qu'il soit lié à un grand nombre de fichiers Javascript maladroits ou à une faible efficacité de chargement CSS.L'un des inconvénients de WordPress et des autres systèmes de gestion de contenu est qu'un nouveau fichier JS ou CSS est ajouté presque à chaque fois qu'un nouveau plugin est installé.

Il existe plusieurs façons de réduire les fichiers.La première méthode consiste à compresser tous les fichiers dans un seul fichier. Ainsi, au lieu d'appeler dix fichiers javascript séparés, il vous suffit de mettre tout le javascript dans un seul fichier.

Le deuxième aspect de la réduction consiste à supprimer les espaces blancs et à réduire la taille du fichier.Si vous utilisez WordPress, WP Minify est un excellent plugin qui peut automatiquement faire tout ce travail pour vous.

Activer garder en vie

HTTP keep alive fait référence à un message envoyé entre l'ordinateur client et le serveur Web demandant l'autorisation de télécharger un fichier.L'activation de Keep-Alive permet aux ordinateurs clients de télécharger plusieurs fichiers sans demander à plusieurs reprises l'autorisation, ce qui permet d'économiser de la bande passante.

Pour activer Keep-Alive, copiez et collez simplement le code suivant dans votre fichier .htaccess.

La connexion des paramètres d'en-tête reste active

Réduire les redirections

Bien que les redirections 301 (permanentes) soient préférables aux erreurs 404 (lien cassé), elles ne sont toujours pas idéales car elles ralentissent le temps qu'il faut au navigateur pour atteindre la bonne version de la page.

Screaming Frog est encore une fois un bon outil pour découvrir les redirections 301.Si vous utilisez un PC, vous pouvez également utiliser Xenu Link Sleuth, qui est un bon outil pour extraire les données des sites Web.

Désactiver les pingbacks

Les citations et les citations n'ont en fait aucune utilité pratique dans WordPress, mais elles sont généralement activées par défaut.Je recommande de désactiver ces deux options car elles bloquent la base de données et augmentent le nombre de requêtes émises.

Pour désactiver le pingback sur chaque article que vous publiez, allez dans "Admin" → "Paramètres" → "Discussion", et désactivez l'option "Autoriser les notifications de liens (pingbacks et citations) d'autres blogs".

Convertissez votre site Web mobile dans un format plus rapide

Deux formats de site Web et de page Web ont été introduits pour nous aider à mieux gérer les temps de chargement lents sur les appareils mobiles.Les deux ont été largement discutés sur ce blog, donc je ne veux pas passer trop de temps à en parler ici.Cependant, je souhaite résumer rapidement pourquoi il peut être utile de migrer un site Web mobile vers l'un ou les deux formats suivants :

CHA : AMPC'est l'abréviation de "Accelerated Mobile Pages".De nombreux facteurs peuvent rendre cette page rapide :

• Il repose principalement sur du HTML léger.
• Il utilise le chargement paresseux.
• Le contenu de la page est mis en cache dans Google Cloud.

Bien que vous puissiez l'utiliser sur n'importe quel site Web, il est particulièrement utile pour les publications numériques et les blogs qui souhaitent offrir une expérience de lecture rapide.De plus, il est facile à mettre en œuvre : vous n'avez besoin que d'un plugin WordPress pour convertir les pages.

PWA :PWAC'est l'abréviation de "Progressive Web App".Il tire pleinement parti du réseau mobile (recherche et commodité) et le combine avec des applications mobiles (c'est-à-dire une conception et des fonctions téléphoniques plus adaptées aux mobiles).Il est également beaucoup plus rapide que les sites Web mobiles traditionnels.

Une autre chose à noter est que PWA est accessible hors ligne comme une application mobile.Si votre site Web est destiné aux personnes vivant dans des zones de couverture faible ou nulle, alors PWA est un bon choix.

Étant donné que PWA place le site Web dans le shell d'une application similaire, il n'est pas nécessaire de sélectionner la page du site Web à convertir.Si vous souhaitez créer une expérience meilleure et plus rapide du début à la fin, veuillez la créer sous forme de PWA (ou convertir votre site Web).

Bien qu'il existe certains plugins WordPress qui peuvent vous aider à transformer votre site Web en une sorte de PWA, il est préférable d'écrire ce plugin à partir de zéro.

Maintenant, vous pouvez à nouveau envisager d'utiliser les " Testez votre vitesse de déplacement" page Et entrez l'URL pour analyser votre site Web, quel est votre score maintenant ?

Il est encore une fois important de revisiter votre site Web mobile régulièrement pour vous assurer qu'il fonctionne aussi vite que possible.