Le chargement est le temps nécessaire pour charger complètement le site, y compris tout le texte, les images, les polices et les scripts. Request: Request is the number of files called and uploaded by the site. Ces fichiers peuvent être internes (hébergés sur le même serveur que votre site) ou externes (par exemple, les fichiers de police Google). En général, il est préférable drsquoen avoir moins. Avant de commencer, je suggère drsquoétablir un point de repère initial pour votre site afin que puissiez mesurer le degré drsquoamélioration. Ces outils fourniront également un retour drsquoinformation sur des domaines précis où des améliorations sont nécessaires. Aujourdrsquohui, nous utiliserons les trois outils suivants:
Gtmetrix Web test. Org Google page speed Insights exécute votre site, parcourt chacun drsquoeux et ajoute les résultats à vos signets. possible, je recommande également fortement de sauvegarder votre site ou drsquoutiliser un serveur de test. Comme nrsquoimporte quel site Web, si ne faites pas attention, cela peut causer des erreurs, et la sauvegarde actuelle est toujours utile pour . La raison commune de la lenteur du site (et de sa réparation) est drsquooptimiser redimensionner les images et les vidéos des plus grands fichiers du site, de sorte que les images et les vidéos sont chargées plus lentement. Lors du traitement des images, il y a quelques conseils simples pour aider à accélérer votre site.
Redimensionnez lrsquoimage. Consultez votre site Web pour voir comment utilisez chaque image. Votre logo ne représente t il qursquoune petite partie du site? Alors tu nrsquoas pas besoin drsquoune telle détermination. Ouvrez vos photos dans nrsquoimporte quel logiciel drsquoédition de photos et redimensionnez les avec des outils plus appropriés. Cela réduit considérablement le temps de chargement de la page. Compression et optimisation des images et des vidéos. Une fois lrsquoimage redimensionnée, elle peut être optimisée sans dégradation de la qualité. Plusieurs sites Web gratuits peuvent optimiser les images
Comme compresseur. moi. Plusieurs autres plug ins peuvent être utilisés pour la gérer automatiquement. Beaucoup drsquoentre eux sont des services gratuits à montant fixe par mois, qui sont ensuite relativement bon marché. Jrsquoaime personnellement le plug in Tiny Compress images de tinypng, car il inclut également la compression des fichiers qui ont été téléchargés dans sa version gratuite.
CDN si votre site a une couverture mondiale pour accélérer le chargement à distance, envisagez de vérifier le CDN. Le CDN fonctionne en plaçant des copies de contenu statique (images, scripts et vidéos) sur des serveurs dans le monde entier. Lorsque les visiteurs arrivent sur votre site, les ressources sont fournies par le serveur le plus proche, ce qui réduit les retards dans le transfert de fichiers. voulez que votre site soit lu dans le monde entier, un compte gratuit avec cloudstore est parfait pour commencer. votre site nrsquoest que local, pourriez en fait augmenter le temps de chargement du site, de sorte que pourriez avoir besoin de faire quelques tests.
Optimiser votre code et votre livraison de code drsquoabord, Examinez les plug ins que avez actuellement installés. Il nrsquoy a rien que tu puisses faire? Dans ce cas, retirez le. Y a t il des plug ins qui nrsquoutilisent qursquoune petite partie de la fonctionnalité? Il srsquoagit donc drsquoune bonne alternative à lrsquoutilisation de plug ins plus petits et plus ciblés. Dans quelle mesure votre thème est il exagéré? votre thème WordPress a une page de démo, lancez la démo sur le site de test ci dessus. la note est très faible, envisagez un compromis et passez à un autre sujet. Y a t il des ressources externes que pouvez utiliser? Facebook a chargé 15 scripts sur votre page, y a t il un moyen drsquoatteindre le même objectif? Ou voulez essayer drsquoutiliser un fichier de police hébergé localement au lieu de le à chaque fois à partir de Google. Nous allons drsquoabord combiner et minimiser les fichiers CSS et Javascript restants. Portefeuille drsquoinstitutions financières
Réduire le nombre de demandes faites par le site et réduire la taille des fichiers à , ce qui accélère la charge totale de la page.
Pour ce faire, nous installerons et activerons le plug in drsquooptimisation automatique. Une fois activé, allez à la page sous le menu options du tableau de bord et activez lrsquooptimisation HTML, css et JavaScript. Vous devez également installer la chaîne de requête remove à partir drsquoune ressource statique pour permettre la mise en cache de tous les scripts et fichiers CSS. Il suffit de lrsquoinstaller et de lrsquoactiver sans configuration. Remarque: lrsquooptimisation automatique peut parfois causer des problèmes avec certains plug ins ou fonctionnalités basés sur JavaScript. Ne paniquez pas si quelque chose cesse de fonctionner après lrsquoinstallation, car rien nrsquoest permanent ici. Dans ce cas, sur la page paramètres du plug in, pouvez cliquer sur afficher les paramètres avancés et ajouter les fichiers associés à la liste drsquoexclusion dans JavaScript. Cette section peut nécessiter des tentatives et des erreurs. Lorsque effectuez des modifications, assurez de cliquer sur Enregistrer et effacer le cache.
Ensuite, nous faisons référence au JavaScript au pied de page. Cela provoque le chargement du JavaScript après le contenu de la page afin que lrsquoutilisateur puisse commencer à lire lorsque le script est chargé en arrière plan. Pour ce faire, nous utiliserons le plug in JavaScript asynchrone. Une fois installé et activé, assurez que tout est réglé pour retarder et, en bas, assurez que le support drsquooptimisation automatique est activé. Les mêmes considérations srsquoappliquent à lrsquooptimisation automatique: en cas de défaillance, pouvez lrsquoajouter à la liste de dépannage. Cela peut nécessiter des essais répétés. La dernière étape que nous allons faire ici est de configurer le plug in cache. Lorsqursquoil y a des visiteurs sur le site, le plug in cache crée une copie statique de la page. Cette copie statique est disponible pour lrsquoavenir
Visiteur, ignorer tous les calculs de code source requis et accélérer le chargement des pages suivantes. Il y a beaucoup de choix, chacun avec ses avantages et ses inconvénients. Jrsquoaime personnellement cachify, où pouvez lrsquoinstaller et lrsquoactiver, les paramètres par défaut sont très efficaces.
Remarque: Comme tout est sauvegardé (12 heures par défaut), voudrez parfois forcer le rechargement du cache à lrsquoavance, en particulier lorsque effectuez des opérations telles que lrsquoédition ou la publication drsquoarticles. Cache efface automatiquement le cache lorsque publiez une page, mais lorsque effectuez des modifications, devrez peut être cliquer sur la corbeille en haut à droite de la barre de gestion pour effacer le cache. avez quelque chose qui change fréquemment (comme woocommerce checkout, etc.), pouvez également exclure les pages individuelles du cache sur la page paramètres de cache.
Optimiser les paramètres de votre serveur cette section dépend en grande partie de votre hébergement personnel. Toutes ces options ne sont pas disponibles pour tous les hôtes. nrsquoêtes pas sûr, je contacterai votre fournisseur drsquohébergement. Ceux ci affectent principalement le temps du premier octet ainsi que certaines options telles que GZIP et les paramètres drsquoexpiration de fichier. votre hôte ne répond pas de façon satisfaisante à ces questions, ou si recevez toujours un ttfb plus lent (webpagettest) après avoir terminé drsquoautres étapes, il est peut être temps drsquoenvisager de passer à un nouvel hôte. Je mrsquoassurerai que votre hôte exécute au moins PHP 5.6, ou de préférence PHP 7 (la vitesse est beaucoup plus rapide que 5.x). Php 7 permet par défaut la mise en cache côté serveur de PHP opcache (en conjonction avec cachefy). Vous devez assurer que Gzip est activé au niveau du serveur. Utilisez des configurations telles que le cache varnish et drsquoautres configurations telles que configus, et drsquoautres options pour accélérer le chargement du site sur le serveur lui même
Guide non technique sur la façon d&rsquoaccélérer le chargement des pages Web
