Simone D'Amico Blog - Web Design Tutorials – jQuery, CSS, PHP, Wordpress

Le moderne applicazioni web fanno ampio uso del Javascript e sempre più frequentemente caricare tutti gli script necessari rallenta di molto il caricamento completo della pagina. Il buon senso consiglia di caricare all’interno di ogni pagina solo gli script di cui effettivamente si ha bisogno ma l’avvento dei CMS non sempre rende semplice questa operazione.

Un’altra soluzione molto utile al problema consiste nell’utilizzare un metodo poco conosciuto ma molto molto importante di jQuery: $.getScript(). Questo metodo consente di caricare gli script all’interno della pagina solo nel momento in cui effettivamente se ne ha bisogno. Il concetto alla base è del tutto simile al LazyLoad delle immagini. Proviamo ad ipotizzare un esempio in cui effettivamente è utile il metodo. Supponiamo che all’interno delle pagine web ci sia un piccolo modulo di contatto (come nel footer di questo blog). Non si ha la garanzia che tale modulo verrà sempre utilizzato quindi tutto il codice utilizzato per i controlli di validità dei dati inseriti non necessita di essere caricato ad ogni pagina. In questo caso potremmo realizzare un handler che provvede al caricamento dello script per il controllo dei dati solo al verificarsi di un determinato evento come il submit della form o il focus su uno dei campi. Questo è solo un semplice esempio ma i suoi utilizzi sono davvero tantissimi.

Read more →