Que pensez-vous de jscompress, et le sass/scss ?

estmars · 23/09/2011, 17h44

Bonjour,

je m'étais déjà servi du scss auparavant, pour l'héritage css, la compression du code css, et d'autres fonctionnalités intéressantes comme la gestion automatique des radius selon le navigateur etc...

de même pour le javascript.

y a t-il beaucoup de personnes qui utilisent ces outils, est ce que le gain en performance est suffisant pour s'y engager, est ce que ça va devenir indispensable?

Pour ma part je mets oui car je suis assez méticuleux dans la performance, mais j'aimerais vos avis car je n'ai pas trouvé beaucoup de sujet sur le site là dessus. Et dsl si il y 'en avait déjà.

Merci.

jpvincent · 25/09/2011, 20h40

salut

ce n'est pas tant une question de performance que d'organisation du code finalement. Lorsque tu fais de la perf, tu veux tes fichiers CSS / JS concaténés, minifiés et gzippés, et finalement SASS ne fait que la concaténation des fichiers CSS.
Le reste c'est à scripter à la main lors des mises en production

estmars · 26/09/2011, 09h50

Salut,

qu'entends tu par minifier? Et gzipé, c'est juste pour une question de taille? Puisqu'après il faut le ungzipé (je viens de regarder ça sur wikipédia).

Merci !

jpvincent · 27/09/2011, 18h14

en minifiant (anglicisme, sorry), tu gagnes 50% du poids. En gzippant ces fichiers tu gagnes encore 80% du poids total. Ton serveur peut servir la version compressée, tous les navigateurs y compris IE6 les acceptent.

Minifié, pour le CSS et le JS ça consiste à retirer ce qui ne sert à rien (espaces blancs, commentaires). Pour le JS il y a en plus des modifications profondes mais généralement sans conséquences comme raccourcir le nom des variables locales.

Il y a pas mal d'outils pour faire ça automatiquement :

tool minify javascript - Recherche Google

le plus ancien mais néanmoins très efficace et sans danger étant YUI compressor (qui nécessite java sur le serveur)

estmars · 28/09/2011, 10h31

d'accord, merci pour ces éclaircissements.

autant pour compacter tout le code, enlever les espaces et les commentaires, je trouve des outils, pour ce qui est de raccourcir les noms de variables javascript, moins.

dernière petite question, j'ai mes fichiers fichier.js.gzip par exemple, et si je le mets comme ça sur mon serveur, automatiquement n'importe quel navigateur saura qu'il faut le décompresser pour le lire où il faut que je le spécifie quelque part?

Merci !

transgohan · 30/09/2011, 15h24

Non c'est à spécifier, pour Apache par exemple il faut le définir dans le .htaccess ou bien dans le httpd.conf il me semble.

23/09/2011, 17h44	#1
estmars Membre à l'essai Inscription : juin 2011 Messages : 44 Détails du profil Informations personnelles : Sexe : Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur) Informations forums : Inscription : juin 2011 Messages : 44 Points : 22 Points : 22	Que pensez-vous de jscompress, et le sass/scss ? Bonjour, je m'étais déjà servi du scss auparavant, pour l'héritage css, la compression du code css, et d'autres fonctionnalités intéressantes comme la gestion automatique des radius selon le navigateur etc... de même pour le javascript. y a t-il beaucoup de personnes qui utilisent ces outils, est ce que le gain en performance est suffisant pour s'y engager, est ce que ça va devenir indispensable? Pour ma part je mets oui car je suis assez méticuleux dans la performance, mais j'aimerais vos avis car je n'ai pas trouvé beaucoup de sujet sur le site là dessus. Et dsl si il y 'en avait déjà. Merci.
	00

26/09/2011, 09h50	#3
estmars Membre à l'essai Inscription : juin 2011 Messages : 44 Détails du profil Informations personnelles : Sexe : Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur) Informations forums : Inscription : juin 2011 Messages : 44 Points : 22 Points : 22	Salut, qu'entends tu par minifier? Et gzipé, c'est juste pour une question de taille? Puisqu'après il faut le ungzipé (je viens de regarder ça sur wikipédia). Merci !
	00

27/09/2011, 18h14	#4
jpvincent Membre chevronné Inscription : février 2010 Messages : 120 Détails du profil Informations forums : Inscription : février 2010 Messages : 120 Points : 678 Points : 678	en minifiant (anglicisme, sorry), tu gagnes 50% du poids. En gzippant ces fichiers tu gagnes encore 80% du poids total. Ton serveur peut servir la version compressée, tous les navigateurs y compris IE6 les acceptent. Minifié, pour le CSS et le JS ça consiste à retirer ce qui ne sert à rien (espaces blancs, commentaires). Pour le JS il y a en plus des modifications profondes mais généralement sans conséquences comme raccourcir le nom des variables locales. Il y a pas mal d'outils pour faire ça automatiquement : tool minify javascript - Recherche Google tool minify javascript - Recherche Google le plus ancien mais néanmoins très efficace et sans danger étant YUI compressor (qui nécessite java sur le serveur)
	10

28/09/2011, 10h31	#5
estmars Membre à l'essai Inscription : juin 2011 Messages : 44 Détails du profil Informations personnelles : Sexe : Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur) Informations forums : Inscription : juin 2011 Messages : 44 Points : 22 Points : 22	d'accord, merci pour ces éclaircissements. autant pour compacter tout le code, enlever les espaces et les commentaires, je trouve des outils, pour ce qui est de raccourcir les noms de variables javascript, moins. dernière petite question, j'ai mes fichiers fichier.js.gzip par exemple, et si je le mets comme ça sur mon serveur, automatiquement n'importe quel navigateur saura qu'il faut le décompresser pour le lire où il faut que je le spécifie quelque part? Merci !
	00

30/09/2011, 15h24	#6
transgohan Expert Confirmé Baptiste ROUSSEL Développeur Temps réel Embarqué Inscription : janvier 2011 Messages : 1 292 Détails du profil Informations personnelles : Nom : Baptiste ROUSSEL Localisation : France, Territoire de Belfort (Franche Comté) Informations professionnelles : Activité : Développeur Temps réel Embarqué Informations forums : Inscription : janvier 2011 Messages : 1 292 Points : 2 847 Points : 2 847	Non c'est à spécifier, pour Apache par exemple il faut le définir dans le .htaccess ou bien dans le httpd.conf il me semble. __________________ Toujours se souvenir que la majorité des ennuis viennent de l'espace occupé entre la chaise et l'écran de l'ordinateur.
	00

25/09/2011, 20h40	#2
jpvincent Membre chevronné Inscription : février 2010 Messages : 120 Détails du profil Informations forums : Inscription : février 2010 Messages : 120 Points : 678 Points : 678	salut ce n'est pas tant une question de performance que d'organisation du code finalement. Lorsque tu fais de la perf, tu veux tes fichiers CSS / JS concaténés, minifiés et gzippés, et finalement SASS ne fait que la concaténation des fichiers CSS. Le reste c'est à scripter à la main lors des mises en production
	10

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email