Plugin Fast Velocity Minify

Table des matières

L’extension WordPress Fast Velocity Minify va rassembler vos fichiers CSS en un seul, et va faire de même avec vos fichiers Javascript ce qui va réduire le nombre de requêtes HTTP lorsqu’un utilisateur enverra une requête HTTP, c’est-à-dire souhaitera afficher une page web. Et de ce fait, améliorer les performances de votre site WordPress.

J’en vois déjà loucher quelques uns… CSS ? Javascript ? HTTP ? Pas de panique ! Ces fichiers et protocoles existent alors que vous n’en avez même pas conscience. Ils gèrent le style de vos pages, les animations, etc. Les requêtes HTTP correspondent, quant à elles, à des protocoles de communication entre le client (vos utilisateurs) et le serveur (votre espace d’hébergement). Moins de requêtes HTTP améliore la vitesse de chargement de vos pages, notamment.

En effet, on vient mettre bout à bout plusieurs petits fichiers similaires. Au lieu de faire 30 navettes (par exemple), votre navigateur n’en effectue plus qu’une seule. Un sacré gain de temps, n’est-ce pas ?

Installation et configuration de l'extension Fast Velocity Minify

  • Rendez-vous sur le back office de votre site WordPress.
  • Cliquez sur l’onglet Extensions du menu vertical de votre back office, puis cliquez sur le bouton « Ajouter ».

chemin d'acces a l'ajout d'extensions

  • Dans la barre de recherche d’extensions, recherchez « Fast Velocity Minify » puis installez et activez l’extension.

ajout de l'extension fast velocity minify

Besoin d'aide pour installer le plugin Fast Velocity Minify ?

Comment utiliser le plugin Fast Velocity Minify avec WordPress ?

  • Rendez-vous sur le back office de votre site WordPress.
  • Passez votre souris sur l’onglet « Réglages » du menu vertical de votre back office, puis cliquez sur Fast Velocity Minify.

chemin d'accès vers les réglages de fast velocity minify

L’extension WordPress Fast Velocity Minify se découpe en 3 onglets :

  • Dans l’onglet « Settings », vous pouvez activer et désactiver des fonctionnalités, et choisir entre plusieurs options pour la minimisation.
    • Global Options : vous pouvez cocher la case « Purge Minified CSS/JS files instantly »
    • HTML Options et Advanced HTML Options : cochez toutes les cases
    • CSS Settings :
      • Enable CSS Processing : cochée.
      • Merge Fonts and Icons separately non-cochée.
      • Remove “Print” CSS files : cochée.
      • Combine CSS Files : cochée.
      • Disable CSS Files Minification : non-cochée.
      • Disable CSS Styles Minification : non-cochée.
      • Disable CSS Link Preload : non-cochée.
      • Ignore CSS files : laissez vide.
      • Remove CSS Files : laissez vide.
      • Async CSS Files : laissez vide.

css settings fast velocity minify

    • JS Settings :
      • Enable JS Processing : cochée.
      • Combine JS Files : cochée.
      • Disable JS Files Minification : non-cochée.
      • Disable JS Inline Minification : non-cochée.
      • Disable JS link Preload : non-cochée.

js settings fast velocity minify

      • Ignore Script Files : laisser vide.
      • Render Blocking JS files:
        /above-the-fold.min.js
        /wp-includes/
      • Defer JS Files:
        /wp-content/plugins
        /wp-content/themes/
      • Defer Inline JavaScript : laisser vide.
      • Delay third party scripts until user interaction : laisser vide.
      • Remove JavaScript Scripts : laisser vide.

js settings fast velocity minify suite 1 sur 2

js settings fast velocity minify suite 2 sur 2

Important : Si vous utilisez l’extension « SliderRevolution », entrez ce bout de code dans « Ignore Script Files » :
/jquery-migrate-
/jquery-migrate.js
/jquery-migrate.min.js
/jquery.js
/jquery.min.js
/wp-content/plugins/revslider/

    • CDN Settings : laissez tous les paramètres par défaut
    • Cliquez sur “Save changes” en bas de page, et c’est terminé !
  • Dans l’onglet « Status », vous avez les comptes rendus de vos fichiers CSS et JS minimisés et les infos serveur.
  • Vous trouverez dans l’onglet « Help » des liens utiles concernant utilisation de Fast Velocity Minify.

 

Le conseil de votre formateur WordPress

N’oubliez pas de minifier vos fichiers CSS et Javascript ! En réduisant ainsi les requêtes HTTP, vous diminuez le temps de chargement de vos pages. Et l’extension WordPress Fast Velocity Minify vous aidera à améliorer la vitesse de chargement de votre site WordPress.

Besoin d'aide pour configurer et utiliser le plugin Fast Velocity Minify ?