Documentation WP Speed of Light

introduction

WP Speed of Light est un plugin de performance pour WordPress qui réduit le temps de chargement de toutes vos pages.

 

Vérificateur d'optimisation d'accélération WP Speed of Light

 

Principaux avantages:

  • Dossiers à plusieurs niveaux
  • Déplacer un média avec drag'n drop
  • Sélection et déplacement de plusieurs médias
  • Créer des galeries à partir d'un dossier
  • 4 thèmes de galerie
  • Importateur de galerie NextGEN
  • Importer les catégories de publication en tant que dossier
  • Fil d'Ariane et navigation dans l'arborescence des dossiers
  • Téléchargement groupé dans un dossier particulier
  • Rien n'est perdu lors de la désinstallation
  • Assistance WooCommerce

 

I. INSTALLATION DE WP SPEED OF LIGHT

1.1 Installer

WP Speed of Light est composé d'un plugin gratuit et d'un autre plugin optionnel, PRO ADDON. Pour installer notre plugin gratuit, vous devez utiliser le programme d’installation WordPress standard ou décompresser le plugin et placer tout le dossier dans / wp-content / plugin.

Puis frappe Bouton Installer et activer.

 

plugin-recherche

 

Installez le plugin PRO ADDON et obtenez la fonctionnalité supplémentaire, connectez-vous et accédez à votre compte JoomUnited ici: https://www.joomunited.com/my-account
Télécharger l'archive ZIP de l'addon WP Speed of Light et l'installer AVEC la version gratuite (les deux doivent être installés) en utilisant le menu:
Plugin> Ajouter nouveau> Plugin de téléchargement

 

add-new-plugin

 

Puis cliquez sur activer le plugin, pour voir le menu WP Speed of Light apparaître dans le menu de gauche de WordPress.

WP Speed of Light est accessible depuis le menu de gauche mais également via une barre de menus supérieure pour effacer le cache manuellement.

1.2 Mettre à jour le plugin

Afin de mettre à jour le WP Speed of Light, vous pouvez utiliser le programme de mise à jour par défaut de WordPress. Vous pouvez également supprimer et installer la nouvelle version à partir d'un fichier .zip téléchargé sur www.joomunited.com ou wordpress.org. Dans tous les cas, vous ne perdrez aucun contenu car tout est stocké dans la base de données.

 

update-wpsl

 

Assurez-vous de toujours avoir la dernière version pour éviter tout problème de sécurité et de stabilité.

 

1.3 Notification après installation

Après l’installation, vous recevez une notification qui active le cache et vous amène automatiquement au tableau de bord.

 

activer-cache

 

II. TABLEAU DE BORD WP SPEED OF LIGHT

Le tableau de bord du plugin vérifie toutes les performances de votre site Web WordPress et comment il est important de le réparer. Vous pouvez passer votre souris sur chaque critère pour consulter l'info-bulle d'aide. A présent, le tableau de bord Speed ​​of Light renvoie les informations suivantes:

  • Vérifier le cache et l'activation de la compression

  • Vérifier la minification des ressources

  • Vérifier le groupe de ressources

  • Vérifier le nettoyage de la base de données

  • Renvoyer le dernier test de temps de chargement de site Web

  • Renvoie la dernière vérification de la base de données

  • Vérifier la mise à jour de la version de PHP

  • Autres recommandations concernant les plugins (nombre de plugins ...)

 

tableau de bord-speed-light

 

REMARQUE: La compression Gzip est cochée, elle est activée sur votre serveur. Le plug-in l'utilisera en priorité, sinon le plug-in l'activera automatiquement à l'aide du serveur mod_deflate.

III. ANALYSE DE VITESSE

3.1 test de vitesse WordPress

Pour exécuter des tests de vitesse, nous utilisons l'API WebPageTest. Vous pouvez obtenir gratuitement la clé API WebPagetest ici: https://www.webpagetest.org/getkey.php
Vous pouvez exécuter jusqu'à 200 tests par jour sur le même domaine avec une seule clé API, c'est la seule limite.

Vérifiez votre email pour obtenir la clé API, puis copiez / collez-la WP Speed of Light> Optimisation de la vitesse> Configuration.

 

clé API

 

Ensuite vous allez à WP Speed of Light> Analyse de vitesse, sélectionnez une URL pour exécuter le test, puis lancez le test. Cela peut prendre quelques minutes car il existe un système de file d'attente pour l'analyse. Juste après, vous verrez le résultat.

 

temps de chargement-lancement

 

Les tests de vitesse vérifient les critères suivants:

  • Première charge: comme un navigateur dont le cache et les cookies ont été effacés, représente ce qu'un premier visiteur de la page connaîtra

  • Deuxième charge: le test est effectué immédiatement après le test de première charge sans rien effacer

 

temps de chargement

 

Les autres critères de performance sont:

  • Temps de chargement: chargement de la page en secondes

  • Premier octet retardé: Temps écoulé depuis le début de la navigation initiale jusqu'au premier octet

  • Lancer le rendu: Temps écoulé entre le début de la navigation et le premier contenu

  • Mise en cache: % d'actifs statiques desservis par le système de cache

  • Activation de Gzip: % d'actifs texte ou js codés / compressés avec gzip

  • Compression d'image: % image compressée dans la page

 

Sur cette base, vous pouvez exécuter des tests de vitesse sur la même page ou sur une page différente et comparer les résultats.

 

test de vitesse

 

le Plus de détails Ce bouton vous permet de comparer les résultats des tests de vitesse dans un seul tableau (même comparaison d’URL).

 

page-comparer-vitesse

 

3.2 Test des requêtes de base de données

 

analyse de base de données

 

Le test de la base de données déterminera si vous avez des problèmes de performances concernant les requêtes de base de données. Sélectionnez une page du site Web et lancez le test.

 

résultats séparés

 

Vous obtiendrez des résultats séparés pour l'exécution principale de WordPress, les plugins et le thème.
 

IV OPTIMISATION DE LA VITESSE

4.1 Activer l'optimisation de la vitesse

La section Optimisation de la vitesse permet de configurer les outils permettant d’accélérer WordPress. Utilisez le menu WP Speed of Light> Optimisation de la vitesse> Accélération

  • Activer le système de cache: Cela accélérera votre site Web en préchargeant les éléments de page courants et les requêtes de base de données.

Comment ajouter le cache manuellement?

Tout d’abord, s’il n’est pas possible d’éditer un fichier sur votre serveur, vous devez définir l’autorisation d’écrire sur le serveur. "wp-config.php" fichier. Vous devriez aller sur FTP, puis faites un clic droit dessus, choisissez Autorisations de fichier. À partir de là, vous pouvez définir l'autorisation.

 

set-file-permission

 

Deuxièmement, vous devez ajouter le script "define ('WP_CACHE', true);" au-dessus de la "wp-config.php" fichier.

 

add-cache-wp-config

 

Enfin, vous allez à WP Speed of Light> Optimisation de la vitesse> Accélération et activer le Activer le système de cache option.

 

activer-cache-option

 

  • Nettoyer chaque: Nettoyer automatiquement le cache stocké toutes les x minutes et générer instantanément une nouvelle version

  • Cache pour ordinateur de bureau / tablette / mobile: Servir le cache pour un bureau à tous les périphériques par défaut. L'autre option de cache spécifique par périphérique ne doit être utilisée que si votre infrastructure de thème génère des fichiers spécifiques par périphérique.

  • Ajouter des en-têtes d'expiration: Il indique au navigateur s'il doit demander un fichier spécifique au serveur ou s'il doit le récupérer dans la mémoire cache du navigateur.

  • Cache script externe: Cache les ressources externes telles que les scripts servis par Google. Avertissement: assurez-vous de surveiller les performances avant et après l'activation. Dans certains cas, vous risquez de perdre des performances lors de l'activation!

  • Jamais cache: Supprimer des URL spécifiques du cache, utile lorsque vous avez des pages avec des données AJAX qui nécessitent un cache toujours propre

Vous pouvez exclure du cache un ensemble d’URL à l’aide de règles telles que www.website.com/blog*

 

optimisation de la vitesse

 

PRO ADDON SEULEMENT

  • Nettoyage en sauvegarde: Nettoyer le cache automatiquement lors de l'enregistrement d'un contenu WordPress tel que le message, la page ...

  • Image lazy loading: Ne chargez que les images quand elles sont visibles dans l'utilisateur (sur le défilement)

Lors de l'activation du Image lazy loading option, il y a quelques options qui seront affichées ci-dessous:

  • Exclure une image inférieure à (largeur px): Exclure de l'image lazy loading toutes les images dont la valeur en pixels est inférieure à cette largeur. Utile pour exclure les petites icônes ou logos

  • Exclure une image inférieure à (hauteur px): Exclure de l'image lazy loading toutes les images dont la valeur en pixels est inférieure à cette hauteur. Utile pour exclure les petites icônes ou logos

  • Exclusion Lazy loading: Exclure un ensemble d'URL en utilisant une règle du type: www.website.com/news* ou une classe, id, situé dans les images

 

chargement par image

 

4.2 Onglet WordPress

  • Supprimer les chaînes de requête: Supprimez les chaînes de requête des ressources statiques telles que les fichiers CSS et JS dans l'en-tête pour améliorer vos scores sur des services tels que Pingdom, GTmetrix, PageSpeed ​​et YSlow.

  • Désactiver l'API REST: Désactiver l'API WordPress REST (API permettant de récupérer des données à l'aide de requêtes GET, utilisées par les développeurs)

  • Désactiver le flux RSS: Désactiver le flux RSS WordPress. Les flux RSS permettent aux utilisateurs de s'abonner à vos articles de blog à l'aide d'un lecteur de flux RSS

 

PRO ADDON SEULEMENT

  • Supprimer Emojis: Par défaut, emojis se charge sur toutes les pages de votre site. Si vous ne les utilisez pas, c'est tout simplement inutile

  • Désactiver les Gravatars: Désactivez les avatars Gravatars et utilisez uniquement les avatars locaux de votre média.

 

wordpress-tab

 

4.3 Grouper et minimiser

La minification fait référence au processus de suppression des données inutiles ou redondantes sans affecter le traitement de la ressource par le navigateur. Ex.: Commentaires de code et formatage, suppression du code inutilisé, utilisation de noms de variable et de fonction plus courts, etc.

REMARQUE: Certaines options ne sont disponibles que dans le plugin PRO ADDON. Utilisez avec prudence et testez votre site Web, il peut générer des conflits
  • Minification HTML: Réduire les fichiers de cache HTML servis par le plugin

  • Minification CSS: Réduire les fichiers CSS servis par le plugin

  • Minification JS: Minify JS fichiers servis par le plugin

  • Groupe CSS: Le regroupement de plusieurs fichiers CSS dans un seul fichier minimisera le nombre de requêtes HTTP.

  • Groupe JS: Le regroupement de plusieurs fichiers JS dans un seul fichier minimisera le nombre de requêtes HTTP.

 

PRO ADDON SEULEMENT

  • Police de groupe et polices Google: Regrouper les polices locales et les polices Google dans un fichier unique pour une diffusion plus rapide

  • Exclure le script en ligne: Exclure le script en ligne de la minification

  • Déplacer les scripts au pied de page: Déplacer tous les scripts minifiés vers le pied de page

Lors de l'activation Déplacer les scripts au pied de page, il semble Exclure le script aller au pied de page option:

  • Exclure le script aller au pied de page: Ajoutez le script des pages que vous souhaitez exclure du déplacement au pied de page (une URL par ligne)

 

optimisation avancée

 

PRO ADDON SEULEMENT - Le groupe de fichiers et la minification font partie des tâches les plus difficiles à configurer sur un site Web WordPress complexe, avec des tonnes de plug-ins et de fichiers appelés sur chaque page.
Tout d'abord, vous devez indexer vos fichiers appelés sur votre site web, cliquez sur Advanced File Exclusion.

 

balayage

 

Ensuite, sélectionnez wp-content d’où doivent provenir la plupart des fichiers de votre site Web et Scanne maintenant.

 

run-scan

 

Une liste des fichiers classés par type (Tous, JS, CSS, Police) devrait être affichée ci-dessous. Si vous avez identifié un fichier source de problèmes lors de l'activation du groupe de fichiers ou de la minification, vous pouvez l'exclure d'ici à l'aide d'un simple Bouton marche / arrêt.

 

custom-file-exclusion

 

4.4 Préchargement et préchargement

Ces caractéristiques de l'onglet Avancé sont seulement inclus dans le plugin PRO ADDON.

  • Préchargement du cache: Le préchargement du cache est le processus de génération automatique d'une première version du cache de page. Ainsi, le premier utilisateur accédant à la page après un nettoyage du cache n'aura pas à attendre la génération du cache. Les URL de cache de page spécifiées, une par ligne, seront régénérées automatiquement après un nettoyage du cache.

 

préchargement et pré-chargement

 

  • Préchargement DNS: La prélecture DNS préchargera les informations DNS sur les liens de domaine externes. Par exemple, si votre site Web fait fréquemment référence à un domaine externe sous forme de liens hypertexte, la pré-extraction du DNS de ce domaine chargera la page de ce domaine plus rapidement lorsqu'un utilisateur cliquera dessus.

V. COMPRESSION D'IMAGE

ImageRecycle est un service de compression d'image tiers: https://www.imagerecycle.com/

Nous avons ajouté le service dans le Optimisation de la vitesse WP Speed of Light> Compression de l'image parce que nous considérons qu’il s’agit d’une amélioration importante des performances, mais que son utilisation n’est pas obligatoire. Nos membres peuvent obtenir un coupon de 20% sur tous les membres à partir de la page de configuration.

 

ir-speed-cache

 

Après l'installation, vous pouvez compresser les fichiers image et pdf dans le menu de gauche. Média> ImageRecycle.

 

imagerecycle-wp

 

Pour plus d'informations, vous pouvez aller ici: https://www.imagerecycle.com/cms/wordpress

 

VI. NETTOYAGE DE LA BASE DE DONNEES

Il existe 6 outils pour nettoyer la base de données WordPress.

 

nettoyage de base de données

 

  • Nettoyer toutes les révisions après: WordPress, par défaut, génère des révisions de contenu (copie) pour le restaurer à partir d'une ancienne version. Si vous n'avez pas besoin de révisions, nettoyez!

  • Nettoyer tout le contenu rédigé automatiquement: WordPress, par défaut, dispose d'une fonctionnalité d'enregistrement automatique permettant de restaurer le contenu de la dernière version enregistrée. Si vous n'avez pas besoin de contenu enregistré automatiquement, nettoyez-le!

  • Supprimer tout le contenu supprimé Tout le contenu (poste, page, ...) de la corbeille sera nettoyé.

  • Supprimer les commentaires de la corbeille et du spam: Tous les commentaires dans la corbeille ou classés comme spam seront nettoyés

  • Supprimer les rétroliens et les pingbacks: Ce sont des méthodes pour alerter les blogs que vous avez liés à eux. Si vous n'avez pas besoin de révision, nettoyez!

  • Supprimer les options transitoires: Transient ressemble à un système de cache de base utilisé par WordPress. Aucun risque, il est régénéré par WordPress automatiquement.

 

PRO ADDON SEULEMENT

 

nettoyage automatique

 

  • Nettoyage automatique: Activer le nettoyage automatique de la base de données

  • Nettoyer chacun: Définir la fréquence de nettoyage automatique

 

duplication de base de données

 

  • Méta dupliqué: Supprimer les méta post dupliqués de la base de données

  • Méta de commentaire dupliqué: Supprimer les méta de commentaires dupliqués de la base de données

  • Meta utilisateur dupliqué: Supprimer les méta utilisateur dupliqués de la base de données

  • Meta terme dupliqué: Supprimer les méta de termes dupliqués de la base de données

  • Optimiser les tables de base de données: Vous pouvez utiliser OPTIMIZE TABLE pour récupérer l'espace inutilisé et pour défragmenter le fichier de données.

 

Le plugin PRO ADDON ajoute également la possibilité d'effectuer un nettoyage automatique à une fréquence définie (par minutes / jours / heures).

 

VII. INTÉGRATION CDN

Tout d'abord, vous allez à WP Speed of Light> Optimisation de la vitesse> Intégration CDN dans le menu de gauche.

 

menu cdn

 

Ensuite, vous activez CDN et remplissez vos informations CDN ici.

 

tableau de bord cdn

 

  • URL du CDN: Ajoutez votre URL CDN, sans la barre oblique finale (à la fin).

  • Contenu CDN: Votre contenu WordPress est diffusé via des ressources CDN, séparées par une virgule. Par défaut, wp-content, wp-includes.

  • Contenu exclu: Exclure le type de fichier ou les répertoires du réseau CDN.

  • Chemin relatif: Activé par défaut, Activer / Désactiver le CDN pour les ressources de chemins relatifs. Utilisé pour certaines compatibilités avec des plugins Wordpress spécifiques.

 

PRO ADDON SEULEMENT - inclut le nettoyage automatique spécifique du cache pour:

  • Cache de Siteground: nettoyer le cache de Siteground lorsqu'un nettoyage de cache est effectué

  • Cache MaxCDN: nettoyer le cache MaxCDN lorsqu'un nettoyage de cache est effectué

 

max-cdn

 

  • Cache KeyCDN: nettoyer le cache KeyCDN lorsqu'un nettoyage de cache est effectué

  • Cache CloudFlare: nettoyer le cache CloudFlare lorsqu'un nettoyage de cache est effectué

  • Cache vernis: nettoyer le cache Varnish lorsqu'un nettoyage de cache est effectué

 

cdn-cache

 

VIII. RÉGLAGES

8.1 Configuration

  • Afficher le cache propre dans la barre d'outils supérieure: Afficher un bouton dans la barre du haut pour nettoyer tout le cache du site

  • Votre clé API WebPagetest: Votre clé WebPageTestAPI va ici. Il est nécessaire pour exécuter l'outil d'analyse de vitesse.

  • Désactiver l'optimisation pour les utilisateurs administrateurs: Lorsqu'un administrateur est connecté, vous pouvez désactiver l'optimisation de la vitesse (cache, compression, ...).

 

  • PRO ADDON ONLY - Désactive l'optimisation pour: Désactivez également toutes les optimisations de vitesse pour des rôles d'utilisateur spécifiés

 

WP-vitesse-de-lumière-configuration

 

8.2 Import / Export

Tout d'abord, vous allez à WP Speed of Light> Optimisation de la vitesse> Configuration> Import / Export. Ensuite, vous pouvez importer / exporter la configuration dans un fichier json ou un fichier XML.

 

import-export

 

8.3 Vérification du système

Vous pouvez vérifier votre système de site en allant à WP Speed of Light> Optimisation de la vitesse> Vérification du système. Il vérifiera votre version de PHP, vos modules Apache, ...

 

verification du système