Construire un site web WordPress performant : Blocksy Subtheme + Pratiques d'optimisation du cache

Blocksy Il s'agit d'un thème WordPress moderne, modulaire et optimisé pour la vitesse, et la combinaison de l'utilisation d'un thème enfant et d'une stratégie d'optimisation du cache vous permet d'améliorer les vitesses de chargement du front-end, ainsi que de personnaliser en toute sécurité les styles et les fonctionnalités du site. Cet article explique comment utiliser les thèmes enfants Blocksy en conjonction avec les mécanismes de mise en cache pour construire un site web responsif. WordPress Site web.

Image[1]- Construire un site WordPress performant : Blocksy Subtheme + Pratiques d'optimisation du cache

Pourquoi avez-vous choisi le thème enfant Blocksy pour créer votre site web ?

Blocksy excelle en termes de performances en tant que thème WordPress léger, rapide et adapté à l'optimisation Gutenberg. Si vous apportez des modifications au style du thème ou à ses fonctionnalités, vous devrez utiliser l'optionsous-thèmepour s'assurer que les modifications ne sont pas perdues lors de la mise à jour.

Trois avantages majeurs de l'utilisation de thèmes enfants :

  1. Améliorer la sécuritéLes mises à jour du thème parent n'affectent pas le contenu personnalisé.
  2. structure claire et netteLe thème enfant : Tous les styles et fonctionnalités sont centralisés dans le thème enfant pour une gestion aisée.
  3. Meilleur contrôle des performancesIl est possible de rationaliser les fonctionnalités inutiles et de ne charger que les ressources nécessaires, ce qui réduit la charge sur le front-end.
Image[2]- Construire un site WordPress performant : Blocksy Subtheme + Pratiques d'optimisation du cache

Deuxièmement, l'orientation fondamentale de l'optimisation des performances du site web

WordPress l'optimisation des performancesIl y a trois domaines principaux :

  1. Réduire le nombre de requêtes HTTPLes services d'aide à la décision : Compresser les scripts, fusionner les styles, utiliser le chargement paresseux des images.
  2. Améliorer la réactivité du serveurRéduire la charge de traitement de PHP en utilisant le mécanisme de mise en cache.
  3. Optimiser l'ordre de chargement des ressources frontalesLes ressources d'animation et les polices de caractères ont été rationalisées et le chargement des éléments JS non essentiels a été retardé.

Blocksy fait beaucoup d'optimisation (par exemple, chargement différé des images, chargement des modules à la demande, JS modulaire), mais il est recommandé de travailler avec un thème enfant pour le personnaliser et avec un plugin de mise en cache pour accélérer davantage le site.

Comment optimiser la performance des pages avec le thème enfant Blocksy ?

Étape 1 : Activer le thème enfant Blocksy

  1. Connectez-vous au backend de WordPress et allez dans Apparence → Thèmes.
  2. commencer à utiliserL'enfant blockchain thématique
Image [3]- Construire un site WordPress performant : Blocksy Subtheme + Pratiques d'optimisation du cache

Étape 2 : Optimiser la façon dont les polices sont chargées

  1. Allez dans Apparence → Personnaliser → Typographie.
  2. Remplacer la police par la police par défaut du système, par exemple ArialLa vitesse de chargement est augmentée.
Image [4]- Construire un site WordPress performant : Blocksy Subtheme + Pratiques d'optimisation du cache

Étape 3 : Simplifier la structure et les composants des pages

  1. Allez dans Apparence → Personnaliser → En-tête
  2. Supprimer le contenu inutile, par exemple les boutons redondants, le bloc d'informations de contact, le bloc de contenu.
Image [5]- Construire un site WordPress performant : Blocksy Subtheme + Pratiques d'optimisation du cache
Image [6] - Construire un site WordPress performant : Blocksy Subtheme + Pratiques d'optimisation du cache

Quatrièmement, la combinaison de plug-ins de mise en cache pour obtenir une accélération

utiliserPlugin de mise en cacheLa mise en cache est un moyen essentiel d'améliorer les performances de votre site web WordPress. Réduisez considérablement le temps de réponse du serveur en statisant les pages, en fusionnant les fichiers de ressources, en activant la mise en cache du navigateur et bien d'autres choses encore. Vous trouverez ci-dessous les plugins de mise en cache recommandés et des suggestions pour leur utilisation :

1. LiteSpeed Cache (fortement recommandé)

  • Pour les environnements LiteSpeed ou OpenLiteSpeed
  • Optimisation intégrée des images, nettoyage de la base de données, prise en charge de la mise en cache des objets
  • Parfaitement compatible avec Blocksy et prend en charge les règles de mise en cache personnalisées.
Image [7] - Construire un site WordPress performant : Blocksy Subtheme + Pratiques d'optimisation du cache

2. WP Rocket (plugin payant)

  • Configuration en un clic pour les utilisateurs qui ne sont pas familiarisés avec la technologie
  • Prise en charge du chargement JS retardé, de l'extraction CSS critique, de l'optimisation de la base de données
  • Avec Blocksy et WooCommerce hautement compatible
Image [8]- Construire un site WordPress performant : Blocksy Subtheme + Pratiques d'optimisation du cache

3. FlyingPress (programme léger et performant)

  • Idéal pour les blogs et les sites de contenu
  • Prise en charge de l'intégration CDN et de l'accélération des polices hébergées par l'utilisateur lui-même
  • Travaillez avec Blocksy pour des vitesses de chargement extrêmes !
Image [9]- Construire un site WordPress performant : Blocksy Subtheme + pratiques d'optimisation de la mise en cache

Recommandations concernant les paramètres du cache :

  • commencer à utiliser page webCache (informatique)Ce qui permet d'accélérer le temps de réponse lors de la première visite ;
  • ouvre cache du navigateuraméliorant ainsi la rapidité des chargements de retour ;
  • ouvre Chargement de l'imagepour éviter que le premier écran ne soit bloqué ;
  • ouvre Exécution différée de la JSaccélérant le rendu du contenu principal sur le premier écran ;
  • La désactivation de la mise en cache pour les utilisateurs en arrière-plan ou en état de connexion garantit que la fonctionnalité n'est pas affectée.

V. Stratégies d'amélioration et d'optimisation des performances

Activer le cache d'objets

Redis peut être utilisé,MemcachedIl peut mettre en cache les résultats des requêtes de la base de données et améliorer considérablement l'efficacité du chargement de contenu dynamique.

Image [10]- Construire un site WordPress performant : Blocksy Subtheme + Pratiques d'optimisation du cache

Rationalisation des plug-ins et des demandes de ressources

Le nombre de plugins doit rester raisonnable, les fonctionnalités de base doivent être activées et les scripts redondants ne doivent pas être chargés. Le plugin Query Monitor peut être installé pour dépanner les requêtes qui prennent du temps.

Image [11]- Construire un site WordPress performant : Blocksy Subtheme + Pratiques d'optimisation du cache

Suivi et optimisation continue

Utilisez régulièrement des outils tels que GTmetrix, PageSpeed Insights, Pingdom pour détecter les goulets d'étranglement en matière de performances et optimisez continuellement sur la base de recommandations. La construction d'un site web WordPress performant repose sur un thème puissant, mais nécessite également une conception architecturale solide et une réflexion sur l'optimisation.BlocksyLe thème enfant peut être personnalisé en toute sécurité avec d'excellents plugins de mise en cache afin d'augmenter considérablement la vitesse d'accès au site, de réduire le stress du serveur et d'offrir une expérience utilisateur plus fluide.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨询:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
© Déclaration de reproduction
Cet article a été écrit par Millie
LA FIN
Si vous l'aimez, soutenez-le.
félicitations1502 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires