Se connecter

Fusion de fichiers - Optimiser CSS & JS

La fusion de fichiers SEOFuxx scanne un site Web et combine les fichiers CSS et JavaScript locaux que vous choisissez.

Ce que fait actuellement la fusion

Il scanne l'URL que vous lui donnez pour les fichiers locaux .css et .js et affiche tout ce qu'il trouve comme une liste cliquable. Votre sélection devient un fichier CSS et un fichier JS, minifié si vous le souhaitez (Minify files switch).

Étape par étape

  1. Ouvrir File Fusion dans la navigation
  2. Entrez votre domaine (p. ex. https://your-website.com)
  3. Cliquez sur Analyze site Web
  4. Sélectionnez les fichiers à fusionner
  5. Laisser Minify fichiers sur si vous voulez les fichiers petits
  6. Cliquez sur Fusionner les fichiers
La fusion de fichiers avec le champ URL et le bouton Analyze site Web
La fusion de fichiers avec le champ URL et le bouton Analyze site Web

Fichiers de résultats

Après la fusion, deux fichiers sont prêts :

  • global.js
  • global.css

Les liens de téléchargement apparaissent ci-dessous dans l'outil.

Intégration sur votre site

  1. Télécharger global.js et global.css sur votre serveur
  2. Remplacer la personne précédente par les nouveaux fichiers
  3. Effacer ensuite le cache navigateur/serveur

Voici à quoi ressemble l'inclusion :

<link rel="stylesheet" href="/assets/global.css?v=1" />
<script src="/assets/global.js?v=1"></script>

Notes importantes

Ordre de JavaScript

Avec JavaScript la commande est importante. jQuery et d'autres bibliothèques doivent charger avant les plugins qui en ont besoin.

Ressources extérieures

La fusion ne fonctionne qu'avec des fichiers locaux. Tout ce qui vient d'un CDN n'est pas pris de façon fiable.

Après chaque mise à jour frontend

Si vos fichiers CSS ou JS changent, lancez à nouveau la fusion, sinon votre site continue de servir l'ancienne version.

Dépannage

Mise en page ou fonctions cassées après fusion

  • Vérifiez d'abord la commande JS
  • Laisser un fichier suspect hors de la fusion comme un test
  • Effacer le cache et tester une fois de plus

Fichier introuvable

  • Les chemins global.js et global.css sont-ils corrects?
  • Les fichiers sont-ils vraiment sur le serveur web ?

Conseil

Mesurez avant et après avec PageSpeed Insights ou Lighthouse. Alors vous pouvez voir si l'effort a payé.

Ce contenu est-il utile ?

·