Premiers pas avec SiteSkyline Optimizer
Bienvenue sur SiteSkyline Optimizer ! Ce guide vous aidera à installer le plugin, à configurer vos paramètres initiaux et à commencer à accélérer votre site WordPress ou WooCommerce en quelques minutes seulement.
Avant de commencer
Avant d'installer SiteSkyline Optimizer, veuillez vous assurer que votre site Web répond aux exigences suivantes :
- Un site WordPress auto-hébergé.
- Hébergement compatible exécutant une version prise en charge de PHP.
Installation
Suivez ces étapes simples pour installer le plugin sur votre site Web :
- Connectez-vous à votre tableau de bord WordPress.
- Accédez au menu Plugins et cliquez sur Ajouter un nouveau.
- Rechercher Optimiseur SiteSkyline.
- Cliquez Installer maintenant puis cliquez sur Activer une fois l'installation terminée.
Configuration initiale
Une fois activé, vous pouvez accéder à toutes les fonctionnalités via le menu des paramètres nouvellement ajouté.
- Accédez au menu Paramètres de votre tableau de bord WordPress et recherchez les options du plugin.
- Commencez dans le Général pour configurer vos réglages de vitesse de base.
- Passez en revue les fonctionnalités disponibles pour supprimer la surcharge inutile du site, nettoyer la sortie de votre tête et réduire les fonctionnalités supplémentaires.
- Cliquez Enregistrer les modifications en bas de la page pour appliquer vos nouveaux paramètres.
Vos premiers pas
Maintenant que votre plugin est actif, essayez d’explorer ces deux fonctionnalités clés pour constater une amélioration immédiate des performances :
1. Accélérez la livraison des pages
- Accédez au menu Paramètres et sélectionnez le Cache de pages languette.
- Basculez le Activer le cache des pages commutateur pour activer la mise en cache statique des pages HTML.
- Configurez vos préférences d'expiration et vos règles d'exclusion, puis cliquez sur Enregistrer les modifications.
2. Optimisez vos images
- Accédez au menu Paramètres et sélectionnez le WebP languette.
- Basculer Activer la conversion WebP pour commencer à transformer les téléchargements d'images volumineux en formats plus légers et plus rapides.
- Sélectionnez votre méthode de conversion préférée et cliquez sur Conversion en masse pour optimiser votre bibliothèque d’images existante.
Optimiser le tableau de bord
Ce qu'il fait
Le tableau de bord Optimize vous donne un aperçu rapide de l'état des performances et de l'état du cache de votre site. Il fournit également des déclencheurs d'optimisation rapides afin que vous puissiez assurer le bon fonctionnement de votre site.
Comment l'utiliser
- Accédez à la section Optimiser et sélectionnez l'onglet Optimiser.
- Consultez l'état actuel des performances de votre site.
- Cliquez sur l’une des actions d’optimisation rapides pour améliorer votre site.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| Aucun paramètre configurable disponible | Ce tableau de bord est conçu pour une visualisation et un déclenchement rapides des actions de performance plutôt que pour une configuration manuelle. |
Tips & Best Practices
- Consultez régulièrement le tableau de bord Optimize pour rester informé de l'état actuel des performances de votre site.
- Utilisez les déclencheurs d'optimisation rapide chaque fois que vous souhaitez effectuer des mises au point rapides des performances.
- Associez les révisions de votre tableau de bord aux fonctionnalités de gestion du cache et de gestion d'actifs pour une routine complète de vitesse du site.
Analyseur d'actifs
Ce qu'il fait
L'Asset Analyzer vous aide à examiner les scripts et les styles chargés sur votre site Web. En examinant ces éléments de page, vous pouvez facilement identifier de nouvelles opportunités d'optimisation pour votre site.
Comment l'utiliser
- Accédez à la section Gestionnaire d'actifs.
- Sélectionnez l'onglet Analyseur.
- Exécutez l’analyse des actifs.
- Affichez les fichiers CSS et JavaScript chargés pour chaque page.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| Aucun | Il n'existe aucun paramètre configurable pour cette fonctionnalité. |
Tips & Best Practices
- Exécutez régulièrement des analyses pour suivre les nouveaux scripts et styles ajoutés à vos pages.
- Utilisez les informations tirées de l’analyse pour repérer les opportunités d’optimisation.
- Examinez vos fichiers CSS et JavaScript chargés par page pour mieux comprendre les performances de votre site.
Règles relatives aux actifs
Ce qu'il fait
Configurez des règles de chargement conditionnel pour les scripts et les styles afin de retirer ou de désactiver les ressources sur des pages spécifiques ou globalement. Cela vous aide à supprimer les scripts et les styles indésirables de pages spécifiques afin de réduire le poids de la page.
Comment l'utiliser
- Accédez à la section Asset Manager et ouvrez l’onglet Règles.
- Ajoutez une nouvelle règle d'actif.
- Sélectionnez les poignées que vous souhaitez désactiver.
- Enregistrez vos règles relatives aux actifs.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| Règles de retrait des actifs | Spécifiez les handles CSS ou JS à désactiver globalement ou sur des URL/types de publication spécifiques. |
Tips & Best Practices
- Utilisez des règles de chargement conditionnel pour supprimer les scripts et les styles indésirables de pages spécifiques.
- Ciblez les éléments à désactiver soit globalement, soit sur des URL et des types de publication spécifiques pour contribuer à réduire le poids de la page.
- Maintenez le fonctionnement efficace de vos pages en supprimant le code inutile là où il n'est pas nécessaire.
Media & Image Optimizer
Ce qu'il fait
The Media & Image Optimizer helps you control image loading behavior, responsive image attributes, and lazy loading priorities. Use this feature to adjust your image rendering and loading settings to improve your page performance.
Comment l'utiliser
- Accédez à la section Médias et cliquez sur l'onglet Images.
- Basculez vos paramètres de chargement différé et configurez vos paramètres d'optimisation d'image.
- Cliquez sur le bouton Enregistrer pour enregistrer vos paramètres multimédias.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| Chargement paresseux | Activez le chargement différé natif ou basé sur un script pour les images. |
| Préchargement/priorité de l'image LCP | Contrôlez la priorité de récupération et le préchargement des images LCP au-dessus de la ligne de flottaison. |
Tips & Best Practices
- Ajustez vos paramètres de rendu et de chargement d’image pour améliorer votre Largest Contentful Paint (LCP).
- Utilisez le paramètre Lazy Loading pour choisir entre un chargement différé natif ou basé sur un script pour vos images.
- Configurez la priorité de récupération et le préchargement spécifiquement pour vos images au-dessus de la ligne de flottaison.
Conversion d'images WebP
Ce qu'il fait
Convertissez les images JPEG et PNG téléchargées au format WebP moderne pour une livraison plus rapide des images. Cela aide votre site Web à se charger plus rapidement et offre une expérience plus fluide à vos visiteurs.
Comment l'utiliser
- Accédez à la section Médias et sélectionnez l'onglet WebP.
- Activez la conversion automatique pour que les nouveaux téléchargements soient traités automatiquement ou choisissez votre mode de génération WebP préféré.
- Exécutez une conversion groupée pour mettre à jour votre bibliothèque d’images existante.
- Cliquez sur le bouton Enregistrer pour conserver vos paramètres WebP.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| Mode de génération WebP | Choisissez votre méthode de conversion, telle que les règles basées sur GD, Imagick ou Cloud/Serveur. |
| Conversion automatique des téléchargements | Générez automatiquement des versions WebP chaque fois que de nouveaux médias sont téléchargés sur votre site. |
Tips & Best Practices
- Activez la conversion automatique pour gagner du temps et ne pas avoir à convertir manuellement chaque nouvelle image que vous téléchargez.
- Exécutez l'outil de conversion groupée pour mettre à niveau rapidement l'ensemble de votre bibliothèque d'images existante en une seule fois.
- Expérimentez avec les modes de génération disponibles pour trouver l'option qui correspond le mieux à votre environnement de serveur.
- Combinez cette fonctionnalité avec l'optimiseur de média pour garantir que vos images sont aussi rapides et efficaces que possible.
Génération CSS critique
Ce qu'il fait
La génération CSS critique aide vos pages à se charger instantanément en générant et en intégrant du CSS critique au-dessus de la ligne de flottaison. Ce processus élimine les feuilles de style bloquant le rendu afin que les visiteurs puissent visualiser votre contenu immédiatement sans attendre le téléchargement des feuilles de style complètes.
Comment l'utiliser
- Accédez à la section Style et sélectionnez l’onglet CSS critique.
- Choisissez votre mode de génération préféré et configurez si vous souhaitez injecter le CSS critique directement dans vos pages.
- Modifiez toutes les règles CSS critiques de secours si nécessaire.
- Cliquez sur le bouton Enregistrer les paramètres de style pour appliquer vos modifications.
- Cliquez sur le bouton Générer du CSS critique pour créer vos styles critiques au-dessus de la ligne de flottaison.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| Mode de génération CSS critique | Configurez la génération automatique ou la saisie CSS en ligne manuelle par modèle. |
| CSS critique en ligne | Indiquez si les CSS critiques sont injectés directement dans l'en-tête HTML. |
Tips & Best Practices
- Configurez soigneusement vos règles CSS critiques afin que les pages s'affichent instantanément pour les visiteurs, sans délai.
- Utilisez le mode génération pour basculer entre la création automatisée et la saisie manuelle en fonction des besoins de votre modèle.
- N'oubliez pas de sauvegarder vos paramètres de style après avoir apporté des modifications à vos règles ou préférences.
Hôte local des polices Google
Ce qu'il fait
Téléchargez les polices Google localement et diffusez-les à partir de votre propre serveur pour améliorer la confidentialité et la vitesse. Cette fonctionnalité élimine les recherches DNS externes sur Google Fonts.
Comment l'utiliser
- Accédez à la section Style et ouvrez l’onglet Polices.
- Activez ou désactivez l’hébergement local des polices Google.
- Videz le cache de vos polices si nécessaire.
- Cliquez pour enregistrer vos paramètres de police.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| Polices Google auto-hébergées | Interceptez automatiquement les requêtes Google Font, téléchargez les fichiers de polices localement et réécrivez le CSS. |
| Précharger les polices locales | Ajoutez des en-têtes de lien de préchargement pour les fichiers de polices hébergés localement. |
Tips & Best Practices
- Activez l'hébergement local des polices pour améliorer à la fois la confidentialité et la vitesse de chargement de votre site Web.
- Utilisez l'option d'auto-hébergement pour intercepter automatiquement les requêtes Google Font et télécharger les fichiers sur votre propre serveur.
- Activez le préchargement des polices pour ajouter des en-têtes de liens utiles pour vos fichiers de polices hébergés localement.
- N'oubliez pas de vider le cache de vos polices après avoir mis à jour vos paramètres de police.
JavaScript Defer & Optimization
Ce qu'il fait
Différez l’exécution de JavaScript, combinez ou retardez les scripts et supprimez jQuery Migrate. Cela permet d'empêcher JavaScript de bloquer le rendu des pages et d'améliorer les performances de votre site.
Comment l'utiliser
- Allez au Rubrique Javascript et ouvrez le Onglet JS.
- Basculez vos options de report JavaScript préférées.
- Excluez tous les descripteurs de script spécifiques du report si nécessaire.
- Enregistrez vos paramètres JavaScript.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| Différer l'exécution de JS | Ajoute des attributs différés ou asynchrones aux balises de script non critiques. |
| Supprimer jQuery Migrer | Supprime le script jquery-migrate inutile. |
Tips & Best Practices
- Utilisez le report de script pour empêcher JavaScript de bloquer le chargement fluide du contenu de votre page.
- Profitez des exclusions en gardant les descripteurs de script spécifiques hors du processus de report si un script nécessite une exécution immédiate.
- Associez cette fonctionnalité à des règles d’actifs pour obtenir encore plus de contrôle sur la façon dont les scripts de votre site se chargent.
Cache Management & Page Cache
Ce qu'il fait
Configurez la mise en cache des pages, le préchargement du cache, les règles d'expiration du cache et les modèles d'exclusion. Cette fonctionnalité vous permet de proposer instantanément des instantanés HTML statiques aux visiteurs.
Comment l'utiliser
- Accédez à la section Cache et sélectionnez l'onglet Cache.
- Basculez les paramètres de cache de vos pages pour activer la mise en cache sur disque ou avancée des pages.
- Définissez la durée d'expiration de votre cache et définissez les modèles d'exclusion si nécessaire.
- Utilisez les actions disponibles pour précharger le cache ou purger le cache chaque fois que vous avez besoin d'actualiser votre contenu.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| Activer le cache des pages | Basculer le backend de mise en cache de disque ou de page avancée. |
| Expiration du cache / TTL | Définissez la durée de vie des pages mises en cache. |
| URL / Cookies exclus | Définissez des chaînes de requête, des cookies ou des chemins pour contourner le cache. |
Tips & Best Practices
- Activez la mise en cache des pages pour garantir que vos visiteurs reçoivent instantanément des instantanés HTML statiques pour une expérience de navigation plus rapide.
- Videz régulièrement votre cache après avoir effectué des mises à jour importantes sur votre site afin que les visiteurs voient immédiatement vos dernières modifications.
- Utilisez le préchargement du cache pour générer de manière proactive des pages mises en cache avant que les visiteurs ne les demandent.
- Configurez des URL et des cookies exclus pour les pages ou zones dynamiques de votre site qui ne doivent jamais être diffusées à partir d'un instantané mis en cache.
Règles de mise en cache du navigateur
Ce qu'il fait
Les règles de mise en cache du navigateur vous permettent de configurer des en-têtes d'expiration, tels que Expires et Cache-Control, pour vos actifs statiques. Cela aide les visiteurs récurrents à charger votre site Web plus rapidement en extrayant les fichiers statiques directement du cache de leur navigateur local.
Comment l'utiliser
- Allez au Cache section et cliquez sur le Cache du navigateur languette.
- Configurez les en-têtes de mise en cache de votre navigateur et les règles d'expiration pour vos actifs statiques.
- Cliquez sur le bouton pour générer et mettre à jour les règles de cache de votre navigateur.
- Enregistrez les paramètres de mise en cache de votre navigateur pour appliquer les modifications.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| En-têtes de mise en cache du navigateur | Ajoutez des règles d'expiration pour CSS, JS, images et polices dans la configuration de votre serveur. |
Tips & Best Practices
- Activez les règles de mise en cache du navigateur pour aider les visiteurs récurrents à charger plus rapidement les ressources statiques à partir du cache de leur navigateur local.
- Utilisez ces règles pour configurer correctement les en-têtes d'expiration comme Expires et Cache-Control pour vos fichiers.
- Enregistrez et mettez régulièrement à jour les paramètres de mise en cache de votre navigateur chaque fois que vous ajustez vos règles de mise en cache.
Gestion OPcache
Ce qu'il fait
Surveillez et gérez l’état de PHP OPcache et la réinitialisation du cache. Consultez les mesures de performances et assurez le bon fonctionnement de votre site.
Comment l'utiliser
- Accédez à la section Cache et sélectionnez l'onglet OPcache.
- Vérifiez votre consommation de mémoire actuelle, votre taux de réussite et le nombre de scripts mis en cache.
- Cliquez sur le bouton pour actualiser vos statistiques de statut chaque fois que vous avez besoin d'informations mises à jour.
- Cliquez sur le bouton pour réinitialiser votre OPcache si nécessaire.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| Vue des paramètres OPcache | Affichez la consommation de mémoire, le taux de réussite et le nombre de scripts mis en cache. |
Tips & Best Practices
- Vérifiez régulièrement les mesures de performances de votre cache pour vous assurer que votre site fonctionne efficacement.
- Actualisez vos statistiques de statut pour voir les informations de performances les plus récentes.
- Réinitialisez votre OPcache chaque fois que vous devez effacer les scripts stockés et appliquer des mises à jour.
Gestionnaire de fonctionnalités principales de WordPress
Ce qu'il fait
Le gestionnaire de fonctionnalités principales de WordPress vous aide à désactiver les fonctionnalités principales, les ballonnements et la télémétrie indésirables de WordPress. Il vous permet de nettoyer la tête de votre site et de réduire la surface d'attaque de votre site en désactivant les fonctions intégrées inutiles.
Comment l'utiliser
- Accédez à la section Feature Manager et sélectionnez l'onglet WordPress.
- Basculez les commutateurs de fonctionnalités principales pour les éléments que vous souhaitez désactiver.
- Enregistrez vos paramètres principaux WordPress pour appliquer les modifications.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| Désactiver les émojis | Supprimez les scripts et styles emoji WordPress de la tête. |
| Désactiver les intégrations | Désactivez les liens de découverte oEmbed et les points de terminaison intégrés de l’API REST. |
| Désactiver XML-RPC | Arrêtez les requêtes du protocole XML-RPC. |
| Désactiver les flux RSS | Supprimez les liens de flux et désactivez la génération de flux. |
Tips & Best Practices
- Passez en revue les exigences de votre site avant de désactiver des fonctionnalités pour vous assurer de ne pas désactiver les fonctionnalités sur lesquelles reposent vos visiteurs ou vos intégrations.
- La désactivation des fonctionnalités inutilisées telles que XML-RPC et les intégrations est un excellent moyen de réduire la surface d'attaque de votre site.
- La désactivation des scripts inutiles comme les emojis permet de nettoyer la tête de votre site pour une configuration plus simple.
WooCommerce Store Modes & Cleanup
Ce qu'il fait
Rationalisez WooCommerce en désactivant les fonctionnalités, les scripts et les ballonnements inutilisés du magasin. Cette fonctionnalité permet d'empêcher le chargement d'éléments inutiles sur des pages où ils ne sont pas nécessaires.
Comment l'utiliser
- Accédez à la section Gestionnaire de fonctionnalités.
- Sélectionnez WooCommerce, puis ouvrez l'onglet Modes.
- Basculez les commutateurs de fonctionnalités WooCommerce comme vous le souhaitez.
- Enregistrez vos paramètres de mode WooCommerce.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| Désactiver les fragments de panier | Désactivez les requêtes AJAX wc-cart-fragments sur les pages hors boutique. |
| Disable WooCommerce Styles & Scripts | Déchargez le CSS/JS de l’interface WooCommerce sur les pages hors magasin. |
| Désactiver les marques WooCommerce | Tuez le package/extension WooCommerce Brands. |
Tips & Best Practices
- Activez les optimisations WooCommerce à l'échelle du magasin pour empêcher le chargement de fragments de panier sur des articles de blog ou des pages statiques.
- Empêchez les scripts de magasin de se charger sur des pages qui n'en ont pas besoin pour assurer le bon fonctionnement de votre site.
- Vérifiez vos paramètres après avoir apporté des modifications pour vous assurer que les pages de votre boutique s'affichent correctement.
Gestionnaire d'actifs WooCommerce
Ce qu'il fait
Le WooCommerce Asset Manager vous permet de contrôler le chargement de scripts et de feuilles de style WooCommerce spécifiques sur les pages de votre boutique. Vous pouvez affiner les actifs WooCommerce qui se chargent sur des pages spécifiques pour vous aider à optimiser votre boutique.
Comment l'utiliser
- Accédez à la section Gestionnaire de fonctionnalités.
- Sélectionnez l'option WooCommerce et cliquez sur l'onglet Actifs.
- Configurez vos règles de chargement des actifs WooCommerce.
- Cliquez sur le bouton Enregistrer pour stocker vos règles d'actifs.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| Règles des actifs WooCommerce | Désactive conditionnellement les scripts et les poignées de style WooCommerce spécifiques. |
Tips & Best Practices
- Passez en revue les pages de votre boutique après avoir mis à jour vos règles relatives aux actifs pour vous assurer que tout s'affiche et fonctionne correctement.
- Désactivez uniquement les scripts et les feuilles de style dont vous êtes certain qu'ils ne sont pas nécessaires sur des pages spécifiques.
- Prenez votre temps lors de la configuration des règles pour assurer le bon fonctionnement de votre boutique.
Tâches planifiées WooCommerce (Cron)
Ce qu'il fait
Gérez et optimisez les tâches planifiées en arrière-plan de WooCommerce et les files d'attente du planificateur d'actions. Examinez les files d’attente des tâches en arrière-plan de WooCommerce et nettoyez les anciens journaux du planificateur d’actions pour assurer le bon fonctionnement de votre boutique.
Comment l'utiliser
- Accédez à la section Gestionnaire de fonctionnalités, sélectionnez WooCommerce, et ouvrez le Tâches planifiées languette.
- Passez en revue vos files d’attente de tâches en arrière-plan et configurez vos préférences.
- Exécutez manuellement les actions en attente ou supprimez les journaux d'actions terminés si nécessaire.
- Cliquez sur le Enregistrer les paramètres cron bouton pour appliquer vos modifications.
Settings & Options
| Paramètre | Ce qu'il contrôle |
|---|---|
| Réglage du planificateur d'actions | Configurez la taille du lot et la période de conservation pour les actions terminées/échouées. |
Tips & Best Practices
- Nettoyez régulièrement les anciens journaux du planificateur d'actions en supprimant les journaux d'actions terminés pour garder votre système organisé.
- Utilisez des exécutions manuelles pour les actions en attente lorsque vous devez traiter immédiatement des tâches en arrière-plan.
- Ajustez les paramètres de réglage de votre Planificateur d'actions pour optimiser la façon dont les tailles de lots et les périodes de conservation sont gérées dans votre boutique.
Contrôle des ballonnements de l'administrateur WooCommerce
Désactivez les widgets du tableau de bord d'administration WooCommerce, les rapports d'analyse et les notifications marketing.
Optimiseur de courrier électronique WooCommerce
Optimisez les e-mails transactionnels WooCommerce et désactivez les déclencheurs d'e-mails inutiles.