Az ötlet, után megoldottuk a JavaScript tömörítését a JavaScript Packer, majd a CSS tömörítést is a CSSTidy segítségével.
Most nézzük a végeredményt, és a használatát Continue reading
jQuery ajaxForm és validate együttes használata
Van ugye a jQuery.
Van hozzá egy „form” és egy „validate” plugin, akiket össze kell házasítani.
$(function(){
$("form").submit(function(){
var options = {
// dataType: 'json',
// success: function(data,status){ //mit is kezdjünk a válasszal }
// és a többi ajaxForm beállítási lehetőség
};
if( $(this).valid() ){
$(this).ajaxSubmit( options );
}
return false;
}
});
Gyorsabb JS és CSS III.
Már elértük, hogy csak egy állományt kell kiszolgálni. Már tömörítettünk a JavaScript kódot is. Következik a CSS kód tömörítése. Szerencsére már erre a feladatra is létezik kész megoldás a CSSTidy formájában. Használata a JS tömörítőhöz hasonlóan egyszerű
Continue reading
Gyorsabb JS és CSS II.
Most, hogy már csak egy-egy állományt kell kiszolgálnunk, és a klienseknek letölteni, akár tovább is léphetünk. Tömörítsünk az összefűzött kódon. Második lépés tehát a JavaScript kód tömörítése. Én erre a feladatra a JavaScriptPacker-t ajánlom. Használata pofon egyszerű:
$in = file_get_contents( 'my.js' );
require_once( 'class.JavaScriptPacker.php' );
$packer = new JavaScriptPacker($in, 62, true, false);
$out = $packer->pack();
file_put_contents( 'my.compressed.js', $out );
Felhasználva ezt a pici kódot kicsit átalakítjuk a már meglévő függvényünket Continue reading
Gyorsabb JavaScript és CSS letöltés I.
Épp egy nagyobb alkalmazást fejlesztek épp, és felmerült, hogy a több mint 10 JavaScript és kb. 5 CSS állományt hogyan lehetne gyorsabban levarázsolni a klienshez. Arra jutottam, hogy első lépésben a kérések számát kell csökkenteni. Magyarul fűzzük össze egy állományba az összes JavaScriptet, és egy másikba az összes CSS-t, mentsük el, és ha az utolsó lekérés óta nem változott a forrás állományok tartalma, akkor ezt a mentett állományt adjuk ki.
A csökkent kérés-válasz számon kívül, másik — bár nem olyan látványos — előny hogy a weblap fejlécében összesen egy JS, és egy Style hivatkozás lesz, ezzel is csökken a letöltendő adat mennyisége. Continue reading