• Index
  •  » s-e-o
  •  » [Javascript] Compression et DOM Scripting

#1 28-02-2007 09:37:32

Seb
Survivors
Lieu: Paris
Date d'inscription: 11-02-2007
Messages: 54
Site web

[Javascript] Compression et DOM Scripting

Voici deux outils très pratique pour ceux qui font souvent du javascript, le premier permet de compresser du code (basé sur les algo de compression standard, il existe une classe PHP du même nom pour ceux qui souhaite faire çà à la volée wink ) et le second permet de générer un fragment HTML directement en DOM Scripting (via create element) :

http://javascriptcompressor.com/
http://muffinresearch.co.uk/code/javascript/DOMTool/

Du bon tool wink

Derni�re modification par Seb (28-02-2007 09:38:25)

Hors ligne

 

#2 28-02-2007 09:38:44

pagetronic
Pre-Malgache
Lieu: skynet.mars
Date d'inscription: 12-04-2006
Messages: 3542
Site web

Re: [Javascript] Compression et DOM Scripting

à la volé ca me plait bien! génial!!  on va pouvoir planquer nos JS
merci Seb smile

Derni�re modification par pagetronic (28-02-2007 09:39:07)

Hors ligne

 

#3 28-02-2007 09:59:42

Seb
Survivors
Lieu: Paris
Date d'inscription: 11-02-2007
Messages: 54
Site web

Re: [Javascript] Compression et DOM Scripting

Voilà la classe php en question :

http://www.phpclasses.org/browse/package/3158.html

Derni�re modification par Seb (28-02-2007 12:55:54)

Hors ligne

 

#4 28-02-2007 10:53:31

pagetronic
Pre-Malgache
Lieu: skynet.mars
Date d'inscription: 12-04-2006
Messages: 3542
Site web

Re: [Javascript] Compression et DOM Scripting

petit bug pour la lib Toolman, je n'arrive pas à la compresser,
j'ai pas testé pour prototype et scriptaculous  mais apparemment ca fonctionne et ca l'allège pas mal (51K to 21k pour prototype)

mon fichier js après traitement et rewrite grace à la class :
http://www.forum-foot.info/js/goodies.js

j'ai pas loin de 80k de js sur un autre site, je ferais un retour une fois en place

Derni�re modification par pagetronic (28-02-2007 10:56:40)

Hors ligne

 

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/tgarchive/forum/include/parser.php on line 313

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/tgarchive/forum/include/parser.php on line 414

#5 28-02-2007 12:38:12

Anonymus
Crying Freeman
Lieu: lat:45.387842, long:4.78314
Date d'inscription: 04-07-2005
Messages: 1164
Site web

Re: [Javascript] Compression et DOM Scripting

pagetronic a �crit:

petit bug pour la lib Toolman, je n'arrive pas à la compresser,
j'ai pas testé pour prototype et scriptaculous  mais apparemment ca fonctionne et ca l'allège pas mal (51K to 21k pour prototype)

mon fichier js après traitement et rewrite grace à la class :
http://www.forum-foot.info/js/goodies.js

j'ai pas loin de 80k de js sur un autre site, je ferais un retour une fois en place

1/ Sans indiscretions, ca donnait quoi, avant la compression ?

2/ Es tu certain que ca marche avec tous les navigateurs ?


Merci wink

Hors ligne

 

#6 28-02-2007 12:52:50

Seb
Survivors
Lieu: Paris
Date d'inscription: 11-02-2007
Messages: 54
Site web

Re: [Javascript] Compression et DOM Scripting

J'ai testé sous ie6/7, FF et safari çà fonctionne, seulement il y a des problèmes de compression sur certains fragment de code mais j'ai pas encore eu le temps de comprendre pourquoi.

Edit : Faut tester mais en générale çà fonctionne bien.

Derni�re modification par Seb (28-02-2007 12:56:36)

Hors ligne

 

#7 28-02-2007 12:55:50

pagetronic
Pre-Malgache
Lieu: skynet.mars
Date d'inscription: 12-04-2006
Messages: 3542
Site web

Re: [Javascript] Compression et DOM Scripting

1/ Ca fonctionne avec IE6-7 et FF

2/
avant :
http://www.forum-foot.info/goodies.js
après :
http://www.forum-foot.info/js/goodies.js

l'économie est pas énorme mais c'est toujours ca de gagné,
et avec la class php+un petit rewrite on s'occupe de rien

Par contre pour la lib prototype et scriptaculous ca me sera très utile
-http://www.footballistique.com/ (pas fais encore)

Hors ligne

 

#8 13-12-2007 06:56:22

pagetronic
Pre-Malgache
Lieu: skynet.mars
Date d'inscription: 12-04-2006
Messages: 3542
Site web

Re: [Javascript] Compression et DOM Scripting

je remonte ca smile parce que c'est de la bombe!

Hors ligne

 

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/tgarchive/forum/include/parser.php on line 414

#9 13-12-2007 12:13:26

Seb
Survivors
Lieu: Paris
Date d'inscription: 11-02-2007
Messages: 54
Site web

Re: [Javascript] Compression et DOM Scripting

Oui c'est pas mal comme tools, par contre je remarque que tu utilise script.aculo.us... moi je me suis amusé avec au début mais au final j'ai remarqué c'était un peu trop lourd par rapport aux possibilité qu'il offre, j'ai fini par m'orienter vers un truc plus light (qui intègre aussi prototype) c'est mootools, je te conseil d'y jeter un oeil c'est une bonne lib. assez simple et que je trouve assez complète wink

Sinon pour en revenir aux tools, l'outil de génération de DOM Scripting, c'est une méthode plus rapidement exécutée sur ie que le innerHTML (bien que cette fonction vienne d'ie) et je trouve cette méthode de codage plus claire. Sinon concernant l'outils de compression je me demande si au final c'est pas un peu bourrin de balancer un gros eval dans le navigateur client... en tout cas, c'est moins lisible après smile

Derni�re modification par Seb (13-12-2007 12:15:10)

Hors ligne

 

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/tgarchive/forum/include/parser.php on line 414

#10 13-12-2007 17:28:48

pagetronic
Pre-Malgache
Lieu: skynet.mars
Date d'inscription: 12-04-2006
Messages: 3542
Site web

Re: [Javascript] Compression et DOM Scripting

ouais smile ben j'ai vite laissé de nouveau tomber

j'ai aussi essayé de gziper mais rien à faire le plus rapide ca reste le non compressé

alors je joue un peu avec les appels de fichier js,
je les tartine long du code et le chargement est pas mal..

Hors ligne

 

#11 13-12-2007 19:29:59

Toucouleur
Survivors
Lieu: Perpignan
Date d'inscription: 30-09-2005
Messages: 790
Site web

Re: [Javascript] Compression et DOM Scripting

une technique qui fait pas de modification dans le code mais qui compresse et surtout qui rend quand même très peu lisible son truc c'est de placer un fichier par exemple gzip.php dnas le repértoire de vos JS

Code:

<?php 
ob_start("compress");
header("Content-type: text/javascript;");
    function compress($buffer) {
      // remove comments
    $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
    // remove tabs, spaces, newlines, etc.
    $buffer = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '    ', '    '), '', $buffer);
        $buffer = '/* Javascript code © Toucouleur.fr 2007, All rights reserved.
------------------------------------------------------------------- */ '. $buffer;
    return $buffer;
  }
?>

et toujours dans le même répertoire vous mettez un .htaccess avec

Code:

AddHandler application/x-httpd-php .js
php_value auto_prepend_file gzip.php
php_flag zlib.output_compression On

propre efficace, évite les emmerdeurs de base wink

si vous utilisez un autre nom que gzip.php oubliez pas de changer la seconde ligne du htaccess

ps : utilisé en prod un peu partout, jamais eu aucun pb


"Le luxe est naturellement associé à la richesse qui permet des investissements qui visent le pur agrément et non le profit."

Hors ligne

 

#12 13-12-2007 20:45:06

pagetronic
Pre-Malgache
Lieu: skynet.mars
Date d'inscription: 12-04-2006
Messages: 3542
Site web

Re: [Javascript] Compression et DOM Scripting

justement, je disais que le gzip ralentit autant et même plus qu'en laissant prototype et scriptaculous tel quel

Hors ligne

 

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/tgarchive/forum/include/parser.php on line 414

#13 13-12-2007 23:05:29

Seb
Survivors
Lieu: Paris
Date d'inscription: 11-02-2007
Messages: 54
Site web

Re: [Javascript] Compression et DOM Scripting

Intéressante la technique du gzip je connaissais pas, je testerais pour voir. Sinon pour moi la meilleure méthode de compression pour garder la performance de son js est la méthode de compression de jsmin mais j'ai pas encore pris le temps de tester le truc sur mes js, je l'utilise seulement via la sélection des méthodes de compressions de motools : http://www.mootools.net/download

@laurent : je pense que scriptaculous est lent de base de toute façon, m'enfin çà reste mon point de vue...

Hors ligne

 

#14 13-12-2007 23:12:58

kazhar
Tagglers
Date d'inscription: 12-02-2007
Messages: 117
Site web

Re: [Javascript] Compression et DOM Scripting

Au moins, prototype/scriptaculous n'est pas un plagia pur et simple des autres cadres de développement javascript.


Il faut aimer les autres, non pour soi, mais pour eux - Proverbe Espagnol
développeur web - statistiques référencement

Hors ligne

 

#15 14-12-2007 03:58:00

Seb
Survivors
Lieu: Paris
Date d'inscription: 11-02-2007
Messages: 54
Site web

Re: [Javascript] Compression et DOM Scripting

J'ai rien contre scriptaculous en sois, juste que je le trouve un peu lourd et pas aussi optimisé que d'autres, plus léger et plus complet.

Hors ligne

 
  • Index
  •  » s-e-o
  •  » [Javascript] Compression et DOM Scripting

Pied de page des forums

Propulsé par PunBB
© Copyright 2002–2005 R. Andersson