Fast Velocity Minify

Formation WordPress par Walk The Line > Ressources liées à la formation WordPress > Les extensions indispensables > Fast Velocity Minify

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.

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

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 ».
Dans la barre de recherche d’extensions, recherchez « Fast Velocity Minify » puis installez et activez l’extension.

Comment l'utiliser ?

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.

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

Dans l’onglet « Status », vous avez un compte rendu des fichiers JS et CSS qui ont été minimisés par Fast Velocity Minify.
Dans l’onglet « Settings », vous pouvez activer et désactiver des fonctionnalités, et choisir entre plusieurs options pour la minimisation.
- Functionnality : ne cochez que la première et la troisième option. La seconde permet de conserver les données des plugins supprimés, ce qui prend de la place inutilement dans votre base de données.
- URL Options : Laissez sur “auto detect”.
- HTML Options : Cochez la seconde et troisième case.
- Font Options : Cochez la première case.
- Google Fonts : Cochez la seconde case.
- Font Awesome : Cochez la seconde case.
- CSS Options : Cochez la troisième et cinquième case.
- JavaScript options : Ne cochez aucune case. Cela empêcherait la minification des fichiers JavaScript.
- Render-blocking JS : Cochez les deux premières cases.
- PageSpeed Settings : Ne cochez aucune case.
- Cliquez sur “Save changes” en bas de page, et c’est terminé !
L’onglet « Pro » vous sera utile si vous souhaitez que certains fichiers JS et/ou CSS se soient pas minimisés.
Vous trouverez dans l’onglet « Help » des liens utiles concernant utilisation de Fast Velocity Minify.

Le conseil de votre formateur

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.