Share
Ce n'est pas un autre article typique de copier / coller de code, mais plutôt mon expérience de partage sur la façon dont j'optimise mon site WordPress. Pour ne pas dire que c'est le meilleur mais cela devrait marcher.
Certains thèmes WordPress ou thèmes enfants utilisent notamment la commande @import du fichier CSS pour importer le style à partir du thème parent. Alors que cette méthode rend le style.css pour le thème enfant léger et petit, elle affecte votre temps de chargement car le navigateur doit télécharger la feuille de style. Le fichier ne sera pas téléchargé en parallèle, mais mis en file d'attente, ce qui ajoute du temps de chargement..
Ce que je fais habituellement, c’est de supprimer la commande @import de mon fichier CSS et de simplement copier l’ensemble du fichier CSS initialement importé. En réduisant (en utilisant W3 Total Cache ou Wp-Minify) la taille du fichier CSS sera réduite.
Une autre astuce consiste à utiliser le étiquette. Selon les conseils de Google Web Performance Best Practices, le tag permet au navigateur de télécharger des fichiers en parallèle. Supprimez simplement la commande @import dans votre feuille de style et ajoutez-la sous la forme suivante:
Choisissez toujours le type de code de ressource asynchrone pour vos boutons de réseaux sociaux et Google Analytics. Je pense que tous les éléments habituels que nous mettons sur notre site (Google Analytics, Facebook Like et Google Plus) ont déjà ce type de code. Assurez-vous d'utiliser les codes de ressources mis à jour et les codes asynchrones..
La plupart du temps, les didacticiels que vous suivez à partir d'autres blogs ont été écrits il y a des mois et ils ne se sont pas mis à jour avec les codes asynchrones. D'autres cas impliquent des plugins que vous utilisez pour insérer des boutons sociaux. Vous pouvez toujours écrire au développeur du plugin pour qu'il mette à jour ces codes.
Avez-vous besoin de publier commentreply.js sur votre page d'accueil lorsqu'il n'y a pas de fonction de commentaire? C'est l'idée générale. Certains scripts JavaScript exécutés dans votre thème peuvent être exclus de certaines pages afin de réduire le temps de chargement de votre site. Comment faisons-nous cela?
Une des solutions consiste à utiliser le plugin Widget Logic WordPress afin de pouvoir contrôler les widgets ou plutôt les pages où les widgets apparaissent. Dans mon cas, comme je n’affiche aucun bouton social sur ma page d’accueil, je règle le widget particulier de sorte que les ressources de script pour exécuter ces boutons ne s’exécutent que sur des pages uniques..
Vous pourriez vous demander pourquoi je ne mets pas le script directement dans single.php. La raison en est que, puisque j'utilise Twenty Eleven avec un thème enfant, la barre latérale est mise en file d'attente après le contenu principal. Par conséquent, en théorie, le contenu apparaît en premier (complètement) avant que ces boutons apparaissent. Personne ne clique sur les boutons sociaux avant même de lire le contenu. Il est donc préférable de laisser le contenu sortir rapidement pour vos lecteurs..
L'autre méthode consiste à utiliser la fonctionnalité minify dans W3 Total Cache. Vous pouvez réellement choisir où intégrer ces scripts minifiés (dans
, avant ou après ) mais cela nécessite beaucoup d’essais et d’erreur de votre part. L'idée est d'intégrer des scripts réellement utilisés dans la conception de votre thème dans et le reste avant .Au cours du processus d’essais et d’erreurs, votre site apparaîtra parfois endommagé, mais ne vous inquiétez pas, car cela peut être résolu en supprimant les cookies et le cache..
CloudFlare gagne en popularité auprès des utilisateurs de WordPress. La raison est simple, leur réseau CDN fonctionne et c'est gratuit. Avec une sécurité accrue et une protection contre les spambots, CloudFlare est une bonne fonctionnalité à ajouter à votre installation WordPress..
De nos jours, vous pouvez installer automatiquement CloudFlare depuis votre cPanel (selon que votre hébergeur le supporte ou non). Il est encore plus facile à installer dans cPanel que de le faire manuellement.
L’idée générale de rendre un site rapide est de réduire les tâches de chargement, la taille de la page et de mettre l’accent sur les scripts qui ont construit le site d’abord, par rapport aux autres scripts tels que les annonces, les boutons sociaux et les outils d’analyse. Il est conseillé de comprendre la structure de votre thème et de savoir ce qui est chargé en premier et en dernier afin de déterminer quel script est important et lequel n’est pas.
Je vous suggère de passer du temps chaque mois en utilisant des outils d'analyse comparative tels que GTmetrix et Pingdom Full Page Test pour analyser votre site..
Accentsconagua