Comment accélérer et optimiser les sites WordPress

Sep 11, 2025

Comment

[DIX] [DIX] [DIX] [dix]

(Crédit d'image: concepteur web)

[DIX]

WordPress A COMMENCÉE COMMENTÉ UNE PLAQUE SIMPLE-FORME DE BLOGUE MAIS A ÉVOLUÉ DANS LE SYSTÈME DE GESTIÈRE DE CONTENU QUI PERMETTE DE PERMETTE DE TRANSORMAIS UNERCENTAGE Important de sites Web. En Tant que cms Le Plus Populaire, Son Succès Rapide est probable réduit d'estre OUTIL FANTASTIQUE à usage Général dans le monde du Monde du Développement Web.

[DIX]

UNE FAILE BARRIERRE pour l'Entrée et le Grand Écosystéme de plugins et Thèmes Gratuits WordPress AUTORISER DES UTILISATEURS MOINS Comprétices Techniquelle à Créer des Systèmes complexes. MAIS CELA PEUT Être UNE ÉPÉE À DOUBLE TRANCHANT SI UNI SITE WORKPPESS GAGNE DE LA TRACTION, À L'ÉCHELLE AU-DELÀ DU VISITEUR CHOPNEL ET MENANT À DES PROBLÈMES.

Pas Sûr de WordPress? EXPLOWEZ D'AUTRES OPTIONS AVEC NOTRE LA LISTE DE HAUT Hébergement Web Fournisseurs. ET SI VOULEZ VOULEZ CONCEVOIR Site Un Site de l'ONU, Essayez CES Brillants Constructeurs de sites web .

Les Premiers Signes de Problèmes Apparaissent Lorsqu'un Nouvel Utilisateur Atterrit sur le site Web: Les Temps de chargement de l'expristrement et des libellés Sautent Autour de la page Comme des Feuilles de style Distinctions, UNE par UNE. CE N'est Pas Long Avant Que le Serveur Ne Fonctionne Hors de la Mémoire, CE QUI OBLIER LA BASE DE DONNées À JANGEL, NUMERANT ONU SERVEUR REDÉMARRANT D'APPORTATEUR LE SITE WEB DE SAUVEGARTER.

PAR DEÉFAUT, LORSQU'UN UTILISATEUR ATERRIT SUR UNE PAGE FOURNIE PAR UN SITE DE SITE DE L'ONU Site WordPress, L'ExtrÉmité Arrière Fonctionne Via Le Thème et les Plugins Avant de Render La page. SI de Nombreux Plugins Sont Utilisés ou que Le Thème Est Malcase, Cela Peut Entraîner de Longues Requêtes de Base de Données et l'Inclusion de JavaScript et de CSS Où IL N'est Pas Nécessaire.

[DIX]

Heureuse, de Nombreux Problèmes majeurs Causant Une Vitesse Lente Purvent ADDRESSÉS ET, DANS CE TITORIEL, NOUS examinateurs Commentaire VOUS POUVEZ OPTIMISER MÊME LE PLUS ENCOMBREMENT DE Sites Web de WordPress . Pour Augmenter Vos Compréences Plus Loin, Jetez Nations Coup d'œil à Notre-Rond-Point de Tutoriels WordPress Essayer.

01. Testez la Vitesse Actetuelle

La Première Étape Pour Accélérer Un site Web consiste à Déterminer à Quel Point il est bien performant pour Commencer. Oventail d'Outtils Existez pour Aider à Cela, Y Compris PagesPeed Insights de Google et Le Vérificateur de Pages de pingdom. NOUS ALLONS UTILISER Gtmetrix Comme il se combine Plusieurs Chèques; Alleez sur le site et entrez l'URL pour le site Web.

02. examinateur Les Résultats

Speed up and optimise WordPress: Examine the results — GTmetrix VOUS DONNE UNE ANALYEZ RAPIDE DES PERFORMANCES DE VÉRIFICATION (Crédit d'image: gtmetrix)

UNE FIIS QU'Un Court Délai, GTmetrix Affichera les Résultats du Chèque et Donnera Plusieurs Scores à Partir de A - F. Donnera Égélentiel UNE Taille de page Entirée de la page Entirée Chargée et Totalement Chargée. EN DESSOUS DE CELA, UNE VENTILATION DE PLUSIEURS ÉLEMENTES EST DONNÉE.

03. Identifiant Les FICHIER Les Plus importants

L'UNE DES MÉTRIQUES LES PLUS IMPORTANTES EST LA TAILLE TOTALE DE LA PAGE. Il S'agit de la Variation de TOUS LES ÉLEMENTS CHARGÉS sur UNE Page, Tels Que des images, des Vidéos, des CSS et des scripts inclus dans la page. À l'aide de gtmetrix, Waterfall de Ouvrez l'Onglet et Triez la table par Taille Pour Travage Les Éléments Les Plus Gros de la page.

04. Compressez Le support pour Réduire La Taille

Speed up and optimise WordPress: Compress media to reduce size — Vulk Optimizize Votre Média pour Obtenir UNE Augmentation de la Vitesse (Crédit d'image: EWWW)

Les images et la Vidéo Sont Générement Les Plus Gros Articles d'une page. Éliminez les Vidéos de Fond Inutiles et Assurez-vous d'encodeur La Vidéo à Nations Unie Démez SI ELLE JOUE Automatitude. Installer le plugin EWWW Image Optimizer . Depuis La Médiathèque, une nouvelle option d'optimisation en VRAC est disponible. Lance Ça.

SI VOUS AVEZ Beaucoup de Médias à Stocker, Cachez-le en Toute Sécurité dans CES Excellents stockage en ligne options.

05. rétrimensionner des images

Speed up and optimise WordPress: Resize images — RÉRÉCIR CES images massifs Qui Sont accomplie danse le Navigur (Crédit d'image: WordPress)

Parfois, des images Ajoutées à une page Sont à Haute Résolution, puis Ont Été Réductions AVEC CSS. CELA DÉESTE LA BUBE PASSANTE Voiture La Taille Plus Grande N'est Jamaïe Utilisée. Aller au tableau de Bord & GT; Paramètres et gt; EWWW Image Optimiseur et Sélectionnez une rétrimensione. Cochez "rétrimensionner la détection". Enservant, Les Pages Vis Vis Vis Vis Vis Vis Visitnées Par Mettront en Évidence Les Images à Redimensionner. Redimensionnement de CES Images Dans les images de l'Editeur d'Aide d'un CDN AVEC UN DIMENSIONNEMENT Automatique Corrigère CE Problème.

06. Minification de CSS, JS & AMP; Html

IL S'agit du Processus d'Élimination des Caractères du Code Qui Le Rendue Humaine Lisible Pour Réduire La Taille de la page. Lorsque VOUS UTILISEZ UN THÈME TIERS, UN BREGINE DE TEL QUE Autoptimiseur EST PARFAIT POUR CELA. Installez-le, allez à paramètres & gt; Autoptimize & GT; FAITES Défiler JUSQU'À CSS Options et COCHEZ «OPTIMISER LE CODE CSS». VOUS PRODUCTION SUR LE TRAVILLEZ AVEC UN THÈME SUR MESURE, LA MINÉCUTION EST FAITE AVEC DES OUTILES DE CONSTRUCTION Tels Que La Goutte.

 CSS:
un {
    -WebKit-Box-Shadow: Aucun;
    Texte-décoration: Aucun;
}

Minifiee:
Une {-Webkit-box-ombre: Aucun; Texte-décoration: Aucun;}

07. Combinez CSS & AMP; Fichiers js

LORS DE L'UTILISATION D'UN THÈME TIERS, LE Plug-in PUTOPTIMISAGE PUT COUVRIRIR LA PLUPART DES SCÉNARIOS EN ACTIVE L'OPTION "ACCORGATION DES FICHES CSS". Ceci Combinez tous les CSS pour la page CSS à Chaque Dans Un Seul Fichier au lieu de Nombreux Plus petits.

08. DIFFÉRER JavaScript Externe

Chat en Direct, Les sorties d'analyses et de Suivi Rèveur de Grands Fichiers JavaScript Toi Ajouent des Secréses Entières à l'Heure à laquelle La page Prend pour Devenir Interactive. AJOUTEZ L'attribut de diffusion à CES scripts Afin QuiS NE SOILE PAS EXÉCUTEDS TANT QUE LE DOM A FINI DE CHARGEUR.


          & lt; Script src = "chemin-à-fichier.js" DEFER & GT; & lt; / script & gt;

09. examinez les plugins

[DIX]

Speed up and optimise WordPress: Examine the plugins — TRAITEZ VOCT SITE À UNE AUDIT DE PLUGIN SÉVÈRE (Crédit d'image: WordPress)

Trop de plugins Paralysère autonome WordPress. AVEC AUTANT DE Plugins LIBRES, LES DÉVÉLOPPEURS SOUND SOUS PUGION POUR APPUISIÈRE SUR LES VERSIONS PREMIUM DE LEUR LOGICIEL ET INCLUENT DES FONCTIONNÉS GONFLÉES INUTILES, TAILLE QUE POUSSANT DES NOTIFICATIONS AU Tableau de Bord d'Administration. Désactivez et Suppypimez tous les plugins Qui Ne Sont Pas UTILISÉS - ILS Peuvent Eman installés Plus Tard Si Nécessaire.

10. Vérifiez la Puissance du serveur Web

Speed up and optimise WordPress: Check web server power — VOUT SERVEUR POURRAIT RALENTIR LES CHOSES; VOICI COMMENTAIRE Identifiant SI C'EST LE CAS (Crédit d'image: Google)

Le MOTEUR D'ONU Site Web est le serveur Qu'il S'exécute. SI C'est Bon Marché, Sous-Alimété et Mal Entretenu, Cela Fonctionnera Mal. D'alleur à Google PagesPeed Insights et Entrez l'URL du site Web. Dans Les Résultats, Recherchez "Réduire Le Temps de Réponse du serveur". SI CELA Apparaît sur le rapport, Il est probable Qu'un Serverur Lent Est à Blâmer Pour la performance.

11. Activer La compression GZIP

GZIP PEUT DIMINUER LA TAILLE DE VÉROLE SITE WEB AVANT QU'ELLE NE SOIT ENVOYÉE À UN UTILISATEUR. Le Navigureur Web de l'utilisateur Décope DÉCOMPESSE LES DONNÉES Automatitude et Les AFFICHE. AveC Aucun inconvénient, il est important de S'assurer que Gzip Est Activé. Il existe des plusieurs sorties pour Vérifier Si gzip est activé; essuyant Giftofspeed .

12. Mise à Niveau Vers PHP 7

Dans Le Tableau de Bord WordPress Open Outils & GT; Site Santé et Cliquez sur l'Info Onglet. Ouvrez l'accordéon "Svrurtur" et Vérifiez la Valeur de la version PHP. Si cela est inférieur à 7,x.x, il est ferment Recommandé de passeur au Moins PHP 7.1. Les TESTS MONTRENT LA MODIFICATION DE CETTE Manipulation Autorisée de Plus de Deux Visites Simulés.

13. Configureur La Mise en cache de page

Speed up and optimise WordPress: Set up page caching — Utilisez le cache Enabler pour rendu les pages POPULAIES À UN FICHER HTML Statique et rapide (Crédit d'image: WordPress)

Aller à plugins & gt; AJOUTEZ ONU NOUVEAU Plugin et Recherchez "Cache Enabler". CE Plugin Léger STOCKE DES PAGES DANS UNE CACHE DE SORTE QU'UN VISITEUR NAVIGATION EN MÊME TEMPS QUE D'AUTRES NE CAUSENT PAS LE SITE WEB DE LA PAGE DUX FOI. Au Lieu de Cela, Le plugin rend la page à l'ONU Fichier HTML Statique UN FIIS Dessert CE FICHIER AUX UTILISATEURS SUIVANTS.

14. Photon

Différents appareils rendu des images à Différentes Tailles, CE Qui Rend difficile La Taille des images Comme Elles Affichent. UTILISATION DU SERVICE GRATUIT "Photon", Inclus danse Jetpack , Les Images SONT Automatitude desservies à la Bonne Taille.

15. Configureur La Mise en cache de Navigur

La cache de Navigate Indique à un Navigate d'ONU Utilisateur Quant-Certics Éléments N'ont pas Besoin d'Être Téléchargés à Chaque Fois Qu'ils Recharge Une page sur le site Web ou Revenezez à nouveau. CELA PEUT A ÊTRE FAIT FULLEMENT DANS .HTACCESS OU BRUCHIN TEL QUE "LA Mise en Cache de Navigur" Peut-Être Utilisé.

16. Test de charge Avec des Utilisateurs virtuels

Speed up and optimise WordPress: Load testing with virtual users — UtiliseZ ONU SERVICE COMPTE LE CHARGEUR POUR VÉRIFICE QUE VÉROLE SITE SITE PUT FAISON FACE À UNE Demande Élevée (Crédit d'image: gtmetrix)

Versez Simuler des utilisateurs Réels en utillistant Le site Web et METTRE LE Site Web SOUS contrainte, Les Tests de charges Doivent Edue Eeffecués. Lors de la surveillance du serveur d'impact de la charge, utilisez Un service tel que Chargement Envoyer du Trafic sur le site Web. LA CPU ET LA MÉMOIRE DU SERVEUR DevRAIENT RESTEUR DANS DES LIMITES SÛRES.

17. revérifier la performance

UNE FOI QUE LES OPTIMISATIONS ONT ÉBULTUÉES, VOUS DEVEZ TESTER ET ÉVALUER L'AMÉLIORATION DU Site Web. Exécutez à Nouveau Gtmetrix et utilisez L'ONGLET HISTORIQUE POUR VOIR LA DIFFÉRENCE DE TEMPS DE LA PAGE DE LA PAGE. SI LA Mise en cache A Été Activée, Assurez-vous de Visiter Le site web au Moins un foie pour «Prime», le cache avant de passeur des tests.

Article CET A Été Publié à l'Origine Dans Le Numéro 292 de Creative Web Design Magazine Concepteur web . Acheter Numéro 292 .

GenerateJS banner — (Crédit d'image: Future / Toa Heftiba, modes Planques)

REJOIGNEZ-NOUS EN AVRIL 2020 POUR VOIR NOTRE Gamme de Superstars JavaScript à générationJs - La Conférence VOUS Aidant à Créer Un Meureuse JavaScript. Réserver maintenante à generaconf.com

Articles Liènes:

Commentaire Transformer WordPress en Un Constructeur Visuel
26 Thèmes de Portefeuille de WordPress de Haute Qualité

[DIX] [DIX]

[DIX]

Comment accélérer et optimiser les sites WordPress

01. Testez la Vitesse Actetuelle

02. examinateur Les Résultats

03. Identifiant Les FICHIER Les Plus importants

04. Compressez Le support pour Réduire La Taille

05. rétrimensionner des images

06. Minification de CSS, JS & AMP; Html

07. Combinez CSS & AMP; Fichiers js

08. DIFFÉRER JavaScript Externe

09. examinez les plugins

10. Vérifiez la Puissance du serveur Web

11. Activer La compression GZIP

12. Mise à Niveau Vers PHP 7

13. Configureur La Mise en cache de page

14. Photon

15. Configureur La Mise en cache de Navigur

16. Test de charge Avec des Utilisateurs virtuels

17. revérifier la performance

Comment - Most Popular Articles

Comment changer la police de votre BIO Twitter

Créer un intérieur accueillant à l'aide de la ligne d'art

Ajouter des animations ui à votre site

Comment concevoir une expérience de chatbot

Comment influencer les classements de Google avec votre contenu

5 façons de gérer efficacement le flux de trésorerie

Faire un prototype Hi-Fidelity dans Atomic

L'anatomie de la caricature: 15 tops

Catégories