Utiliser Minify pour améliorer le temps de chargement de votre site

Minify est une application qui permet de réduire les requêtes depuis en site en combinant les différentes feuilles de style ou les scripts javascript du site internet. L'intérêt est donc de gagner en poids et donc en temps de chargement de votre page internet. N'oublions pas que moins votre site est lent moins sera problématique pour votre référencement dans Google.

L'exemple donné sur la page de l'application est suffisamment parlant pour tout le monde, le tout bien entendu pour un résultat équivalent, donc sans dégrader quoique ce soit sur le site :

Sans minify : 7 requêtes, 2681b envoyés et 98453b reçus
Avec minify : 2 requêtes, 783b envoyés et 29049b reçus

L'installation semble presque à la portée de tout le monde, mais c'est encore plus simple pour ceux qui ont un blog sous wordpress puisqu'il suffit simplement d'installer le plugin wp-minify et c'est tout.

Ce plugin fonctionne parfaitement sur 2803.fr.

L'optimisation des javascripts :

Sans minify

Avec minify

L'optimisation des CSS :

Sans Minify

Avec Minify

Ici l'optimisation n'est que de 7% mais il n'y a pas beaucoup de CSS ou de Script à la base... Bien entendu plus vous aurez de javascript ou de feuilles de style (CSS) d'installés plus minify sera performant.

Pour télécharger wp-minify c'est par ici.

Publié le April 21, 2010 à 9:05 am, dans wordpress tagué , , , . Enregistrez le permalink. Suivez les commentaires avec le flux RSS de l’article. Vous pouvez publier un commentaire.

15 Tweets

26 Commentaires

  • 1
    Nicolas
    April 21, 2010 - 9:20 am | Permalink

    moins cela SERA problématique : 3e phrase

  • 2
    henri
    April 21, 2010 - 9:27 am | Permalink

    En effet c’est mieux que cela ;)

  • 3
    Eric
    April 21, 2010 - 9:28 am | Permalink

    en un mot : merci !

  • 4
    Gwaradenn
    April 21, 2010 - 10:22 am | Permalink

    Merci pour cette découverte, je vais tester cela de suite. ;)

  • 5
    Eric
    April 21, 2010 - 2:19 pm | Permalink

    Est-ce que Minify peut s’utiliser conjointement avec WP super cache?

  • 6
    henri
    April 21, 2010 - 3:48 pm | Permalink

    Oui c’est compatible!

  • 7
    Arnaud
    April 21, 2010 - 6:41 pm | Permalink

    Salut,
    j’utilise Minify depuis quelques mois (pas sur wordpress), j’ai du pas mal adapter le code pour que ça s’intègre bien dans mes scripts.
    La fusion/compression d’une quinzaine de fichiers JS fonctionne parfaitement, mais c’est un peu lent. J’ai mettre tout ça en cache pour que ce soit utile.

    J’ai même intégré le code de Google Analytics asynchrone… seul bug constaté: les évènements ne sont plus enregistrés.

    voilà :)

  • 8
    Pfff
    April 21, 2010 - 9:13 pm | Permalink

    Bon ben sur mon wp, ca m’affiche d’abord les deux side barres, puis en dessous le contenu du blog….. bof bof…. une idée?

  • 9
    Mikael K
    April 21, 2010 - 10:50 pm | Permalink

    A tester d’urgence!

  • 10
    Vince.
    April 22, 2010 - 9:28 am | Permalink

    Ça n’a pas l’air de fonctionner avec WordPress µ, pas chez moi en tout cas. Peut être la faute au thème utilisé.

    A tester sur une WordPress classique.

  • 11
    Vince.
    April 22, 2010 - 9:32 am | Permalink

    Testé, ça fonctionne très bien sur une WordPress.

    Je suis passé de 6.45s à 3.88s avec un gain de 45% sur le chargement des scripts.

    Par contre n’aime toujours pas mes Worpdress µ…

  • 12
    henri
    April 22, 2010 - 9:43 am | Permalink

    De la bonne optimisation vince!

  • 13
    les moins chers
    May 7, 2010 - 4:15 am | Permalink

    je veux l’essayer sur http://www.lesmoinschers.com et j’espère que ca augmente le temps de chargement, car vraiment c’est intéressant pour les moteurs de recherche

    • Laisser un commentaire

    Votre email ne sera jamais publié. Les champs obligatoires sont marqués *

    *
    *

    Additional comments powered by BackType