Compression CSS et JS (non Gzip)

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Bonjour,

Avant la mise en ligne du site, j'ai souhaité compresser mes fichiers CSS et JS en supprimant espaces et commentaires inutiles.
Or, force est de constater que ça fait tout foirer, sur mes plates-formes de tests en tout cas : Distribution Linux et Mac OS.

Est-ce que quelqu'un utilise cette méthode (compression initiale et envoi Gzip) ?
Le cas échéant, est-ce que tout se passe bien ?

Sinon, est-ce que quelqu'un aurait eu vent d'un quelconque problème à ce niveau-là ?

Merci d'avance,
Corinne

Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: 1.7.1
#~ Nom de l'hébergeur : OVH
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.7.1
#~ Installed Modules:
#~ CMSMailer: 2.0
#~ FileManager: 1.0.2
#~ MenuManager: 1.6.3
#~ ModuleManager: 1.3.3
#~ News: 2.10.5
#~ nuSOAP: 1.0.1
#~ CGExtensions: 1.18.6
#~ FormBuilder: 0.6.2
#~ CGFeedMaker: 1.0.10
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: false
#~ max_upload_size: 64000000
#~ default_upload_permission: 664
#~ assume_mod_rewrite: true
#~ page_extension: .php
#~ internal_pretty_urls: false
#~ use_hierarchy: true
#~ Php Information:
#~ phpversion: 5.2.13
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ memory_limit: 128M
#~ max_execution_time: 30
#~ safe_mode: Off (Faux)
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ Server Information:
#~ Server Api: cgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.0.90
#~ ----------------------------------------------
Répondre
#1
Bonjour,

Avant la mise en ligne du site, j'ai souhaité compresser mes fichiers CSS et JS en supprimant espaces et commentaires inutiles.
Or, force est de constater que ça fait tout foirer, sur mes plates-formes de tests en tout cas : Distribution Linux et Mac OS.

Est-ce que quelqu'un utilise cette méthode (compression initiale et envoi Gzip) ?
Le cas échéant, est-ce que tout se passe bien ?

Sinon, est-ce que quelqu'un aurait eu vent d'un quelconque problème à ce niveau-là ?

Merci d'avance,
Corinne

Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: 1.7.1
#~ Nom de l'hébergeur : OVH
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.7.1
#~ Installed Modules:
#~ CMSMailer: 2.0
#~ FileManager: 1.0.2
#~ MenuManager: 1.6.3
#~ ModuleManager: 1.3.3
#~ News: 2.10.5
#~ nuSOAP: 1.0.1
#~ CGExtensions: 1.18.6
#~ FormBuilder: 0.6.2
#~ CGFeedMaker: 1.0.10
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: false
#~ max_upload_size: 64000000
#~ default_upload_permission: 664
#~ assume_mod_rewrite: true
#~ page_extension: .php
#~ internal_pretty_urls: false
#~ use_hierarchy: true
#~ Php Information:
#~ phpversion: 5.2.13
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ memory_limit: 128M
#~ max_execution_time: 30
#~ safe_mode: Off (Faux)
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ Server Information:
#~ Server Api: cgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.0.90
#~ ----------------------------------------------
Répondre
#2
re,

>Avant la mise en ligne du site, j'ai souhaité compresser mes fichiers CSS et JS en supprimant >
>espaces et commentaires inutiles.

Utiliser http://www.cleancss.com/ pour non pas compresser mais pour optimiser

> (compression initiale et envoi Gzip)
a condition que le serveur accepte et que le CMS soit OK mais ici les feuilles de styles sont en bases de données, donc surtout pas de compression Gzip Wink
J-C Etiemble v 2.2.xx
Répondre
#2
re,

>Avant la mise en ligne du site, j'ai souhaité compresser mes fichiers CSS et JS en supprimant >
>espaces et commentaires inutiles.

Utiliser http://www.cleancss.com/ pour non pas compresser mais pour optimiser

> (compression initiale et envoi Gzip)
a condition que le serveur accepte et que le CMS soit OK mais ici les feuilles de styles sont en bases de données, donc surtout pas de compression Gzip Wink
J-C Etiemble v 2.2.xx
Répondre
#3
Citation :mais ici les feuilles de styles sont en bases de données, donc surtout pas de compression Gzip
je ne suis pas sur de saisir ? tu veux dire par là qu'on doit pas activer la compression Gzip pour les fichiers css de CMSMS ou c'est autre chose que tu voulais dire ?

par ce qu'a ma connaissance les fichiers css de mon site web étaient bien compressé par le serveur. et aucun soucis n'était rencontré.

Par contre évidement tu vas pas zipper toi même le css pour le foutre sur le serveur...
Répondre
#3
Citation :mais ici les feuilles de styles sont en bases de données, donc surtout pas de compression Gzip
je ne suis pas sur de saisir ? tu veux dire par là qu'on doit pas activer la compression Gzip pour les fichiers css de CMSMS ou c'est autre chose que tu voulais dire ?

par ce qu'a ma connaissance les fichiers css de mon site web étaient bien compressé par le serveur. et aucun soucis n'était rencontré.

Par contre évidement tu vas pas zipper toi même le css pour le foutre sur le serveur...
Répondre
#4
sinon pour l'équivalent du CSS :

http://jscompress.com/

et d'autres existent Smile

lis ce texte qui est vachement bien élaboré sur le sujet des petits gain de performance : http://developer.yahoo.com/performance/r...tml#minify
Répondre
#4
sinon pour l'équivalent du CSS :

http://jscompress.com/

et d'autres existent Smile

lis ce texte qui est vachement bien élaboré sur le sujet des petits gain de performance : http://developer.yahoo.com/performance/r...tml#minify
Répondre
#5
Je me suis mal exprimée. Smile
La compression Gzip fonctionne très bien, là dessus rien à redire.
Le tuto de Kraygoon m'a été bien utile. ^^

Par contre, j'ai tenté de minifier mes CSS et JS : j'ai copié mes fichiers CSS et JS, fait un backup et minifié les éléments utilisés (via la fonction de Yslow).
Et là, ça a été le bronx, le js est devenu non fonctionnel et l'affichage est devenu chaotique.

Ma question est donc : est-ce que quelqu'un à déjà tenté une minifcation des fichiers + un envoi Gzip sans soucis ?

--
Edit, bon il semblerait que mon js contienne des erreurs selon JSlint. J'aurais dû vérifier le code avant de l'implémenter.
Par contre, mon CSS est clean, et le problème d'affichage est quand même flagrant...
Répondre
#5
Je me suis mal exprimée. Smile
La compression Gzip fonctionne très bien, là dessus rien à redire.
Le tuto de Kraygoon m'a été bien utile. ^^

Par contre, j'ai tenté de minifier mes CSS et JS : j'ai copié mes fichiers CSS et JS, fait un backup et minifié les éléments utilisés (via la fonction de Yslow).
Et là, ça a été le bronx, le js est devenu non fonctionnel et l'affichage est devenu chaotique.

Ma question est donc : est-ce que quelqu'un à déjà tenté une minifcation des fichiers + un envoi Gzip sans soucis ?

--
Edit, bon il semblerait que mon js contienne des erreurs selon JSlint. J'aurais dû vérifier le code avant de l'implémenter.
Par contre, mon CSS est clean, et le problème d'affichage est quand même flagrant...
Répondre
#6
J'ai également tenté le minify css d'yslow et eu quelques bugs dus a des espaces supprimés.
A déconseiller si vous ne maîtrisez pas très bien les css, sinon c'est pratique et très rapide.
Répondre
#6
J'ai également tenté le minify css d'yslow et eu quelques bugs dus a des espaces supprimés.
A déconseiller si vous ne maîtrisez pas très bien les css, sinon c'est pratique et très rapide.
Répondre
#7
jamais eu de soucis de mon côté... assez surprenant...
Répondre
#7
jamais eu de soucis de mon côté... assez surprenant...
Répondre
#8
Je confirme :
#menuInner :hover ul{positionConfusedtatic;}
devient
#menuInner:hover ul{positionConfusedtatic;}
Il enlève l'espace avant les :
Répondre
#8
Je confirme :
#menuInner :hover ul{positionConfusedtatic;}
devient
#menuInner:hover ul{positionConfusedtatic;}
Il enlève l'espace avant les :
Répondre
#9
j'ai signalé le bug à Gtmetrix en demandant à être contacté en retour. On verra s'ils répondent

edit : rassure moi c'était bien une minification depuis Gtmetrix ?
Répondre
#9
j'ai signalé le bug à Gtmetrix en demandant à être contacté en retour. On verra s'ils répondent

edit : rassure moi c'était bien une minification depuis Gtmetrix ?
Répondre
#10
yslow, mais c'est le même outil.
Répondre
#10
yslow, mais c'est le même outil.
Répondre
#11
tout dépend de l'implémentation de la minification (version de yslow utilisé, codage du produit, ... )

bon en tout cas j'attends leur news.
Répondre
#11
tout dépend de l'implémentation de la minification (version de yslow utilisé, codage du produit, ... )

bon en tout cas j'attends leur news.
Répondre
#12
l'auteur de gtmetrix m'a recontacté pour me demander + d'info (url concernée)

j'ai recréé de toute pièce l'environnement de test : http://www.furie.be
Répondre
#12
l'auteur de gtmetrix m'a recontacté pour me demander + d'info (url concernée)

j'ai recréé de toute pièce l'environnement de test : http://www.furie.be
Répondre
#13
Excellent, ils réagissent vite.
Répondre
#13
Excellent, ils réagissent vite.
Répondre
#14
et encore, j'ai reçu le mail sur une boite mail annexe depuis 6 jours... je la consulte rarement d'où le délai -_-'
Répondre
#14
et encore, j'ai reçu le mail sur une boite mail annexe depuis 6 jours... je la consulte rarement d'où le délai -_-'
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)