Negli utlimi tempi sta prendendo piede l'utilizzo di framework Javascript per aumentare le potenzialità dei siti Internet: prodotti come MooTool o JQuery sono davvero in grado di fare la differenza, di abbellire con straordinari effetti grafici le interfacce dei portali.

Con poche righe di codice, questi framework sono in grado di creare dal nulla intere gallery di immagini, ad esempio, con effetti slide, fade, ecc, effetti di una eleganza straordinaria, ma soprattutto di una bellezza che fino ad ora era davvero lunga e difficile da ottenere per chi non avesse profonde conoscenze di alcune tecnologie come Javascript o Flash . 

L'unica grande difficoltà che si incontra nell'utilizzo di tali tecnologie, oltre a quelle ovvie che si incontrano di fronte ad una tecnologia sconosciuta, è rappresentata dalla pesantezza che i file .js possono raggiungere, pesantezza che si riflette sul caricamento delle pagine del sito, con un rallentamento a volte davvero non indifferente.

Per ovviare a questo inconveniente, ci sono diverse soluzioni, ma quella che a nostro avviso è la migliore è rappresentata dai seguenti passi:

1) Innanzittutto è necessario, come del resto bisognerebbe fare sempre prima di iniziare qualsiasi lavoro o progetto, leggere attentamente la documentazione fornita e liberamente disponibile sui siti dedicati ( es. doc. MooTools , doc. JQuery ) , per capire davvero le funzionalità che ogni framework fornisce.

2) Una volta studiato il framework,  diventa molto importante avere ben chiaro che cosa si vuole sviluppare, e quindi l'obiettivo che intendiamo raggiungere con l'utilizzo del framework: se per esempio intendente creare un menù con JQuery, è assolutamente consigliato che prima di fare qualsiasi altra cosa facciate una ricerca in Internet per studiare gli esempi già presenti, in modo che possiate vedere qualcosa di più concreto. Quando vi sembra di avere ben chiaro nelle mente come deve apparire il vostro menù e cosa deve poter fare, allora potete procedere alla stesura di schemi che riassumano e rappresentina in modo più "tecnico" la vostra idea.

3) Conclusi gli studi preliminari, andate alla pagina di download del framework che avete scelto: normalmente la pagina di download mette a disposizione un sistema di scelta, di configurazione del proprio download, in modo che possiate scaricare effettivamente solo quello di cui avere bisogno; ecco perchè è molto importante aver precedentemente studiato il framework: avete così la possibilità di scaricare effettivamente solo ciò che vi serve, evitando di appensantire inutilmente il file che conterrà il vostro codice javascript.

4) Una volta scaricato il framework, potete iniziare a lavorare: sistemate tutto il codice javascript che scriverete nello stesso file del framework, in modo da riunire in un unico .js tutto il codice javascript; una volta conclusa la scrittura del codice javascript, è consigliabile, soprattutto se il codice occupa parecchie righe, comprimere con appositi tools il vostro file. 

5) Ultimo punto: rinominate il vostro file .js in "nomefile.js.php" e inserite come prima riga del vostro file la seguente:

<?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/javascript"); ?> 

e come ultima riga la seguente:

<?php if(extension_loaded('zlib')){ob_end_flush();}?> 

In pratica non facciamo altro che caricare tutto il nostro codice javascript in un file .php, e poi utilizziamo le librerie zlib di php....vedrete che i risultati si vedranno a "occhio nudo": la velocità di caricamento del vostro codice javascript sarà nettamente superiore! 

Approfondimenti

Un interessante approfondimento è disponibile qui : piccola guida pratica su jquery. Si vedrà l'implentazione di un div che compare e scomapre con un effetto grafico veramente interessante.