All posts tagged css

New modules version for Magento 1.6

Tous les modules que j’ai créé, ont été réécris afin de les améliorer et/ou de les rendre compatible avec Magento 1.6 si nécessaire. Pour rappel, voici la liste des modules et une courte description:

  • Add Information to Sales Email : ce module vous permet d’ajouter dans les emails de ventes (facture, commande, remboursement) d’ajouter des informations complémentaires concernant le ou les produits qui ont été achetés par un client.
  • Zopim Chat: ce module vous permet d’afficher et de personnaliser par Store View le service de Chat de Zopim.com. Il n’est pas officiellement supporté par Zopim.
  • Joomla Integration: vous pouvez intégrer les modules de Joomla dans Magento. Vous aurez besoin également de Jfusion. La documentation se trouve sur ce site.
  • JS/CSS Compression & Minify (UIOptimization): compresser et minifier vos fichiers css et javascript afin d’améliorer les performances d’affichage de Magento. Plusieurs méthodes sont disponibles pour s’adapter à votre système.
  • Username support: vous autoriserez avec ce module la création et la connection d’un utilisateur avec son email ou son nom d’utilisateur

Profiling

As promised, I provide you below the statistic of compression and ratio by using the different libraries with the help of my UI Optimization module that you can find into Magento Connect

Compressed/Minified file statistic and comparison by using default Magento template, sample data, configuration for Rissp User Interface Optimization module is for all by default. Only the method to compress/minify is changed.
Merging file has no influence on compression but has influence on number of HTTP requests which is also an important point.

**** JS compression (analyzed with YSlow):

- no compression, no miniying, no merging:  329.8 Kb

- JSMin (unmerged, no gzip): total 230.4Kb (31% of compression)
- JSMin (merged, no gzip): total 230.4Kb
- JSMin (merged, gzip): total 56.8Kb (compression 83%)

- YUI compressor (unmerged, no gzip): total 193.6 Kb (compression 41%)
- YUI compressor (merged, no gzip): total 193.6 Kb
- YUI compressor (merged, gzip): total 52.6 Kb (compression 84%)

- Packed (unmerged, no gzip): total 133.5 Kb (compression 59%)
- Packed (merged, no gzip): total 133.5 Kb
- Packed (merged, gzip): total 44.5 Kb (compression 86.5%)

**** CSS compression (analyzed with YSlow):

- no compression, no miniying, no merging, no gzip: 95.9 kb

- CSS Tidy (unmerged, no gzip): total 79.8 Kb (compression 17%)
- CSS Tidy (merged, no gzip): total 79.8 Kb
- CSS Tidy (merged, gzip): total 14.7 Kb (compression 85%)

- YUI compressor (unmerged, no gzip): total 82.7 Kb (compression 14%)
- YUI compressor (merged, no gzip): total 82.7 Kb
- YUI compressor (merged, gzip): total 14.5 Kb (compression 85%)

- Google Minify (unmerged, no gzip): total 79.9 Kb (compression 17%)
- Google Minify (merged, no gzip): total 79.9 Kb
- Google Minify (merged, gzip): total 14.9 Kb (compression 84.5%)

CONCLUSION:
- for JS: 1) YUICompressor 2) JSMin 3) Packed (for compatibility problem with Magento)
- for CSS: 1) CSSTidy 2) Google Minify (almost good as CSSTidy) 3) YUICompressor

In next release of this module, I will offer HTML minifying