Hogyan r; csökkentse a JavaScript és a CSS kód súlyát
A JavaScript és a CSS súlyának csökkentésének legjobb módja a minimalizálók használata. Egyéb karok: a stílusleírások vektorizálása és a fel nem használt leírások törlése.
Mint a cikkben láttuk Miért érdemes optimalizálni egy weboldalt ?, A webhely oldalbetöltési sebességének javítása legalább négy közvetlen hatással jár: a látogatók számának (és a SEO alkalmazásával), gazdasági veszteségnek és valós környezeti hatásnak. Akkor láttuk a cikkben Optimalizálja a képek használatát egy weboldalon hogyan lehetne javítani a leginkább felesleges erőforrásokat és képeket felemésztő munkaállomás teljesítményét azzal az állítással, hogy néha több mint 75% -kal csökkenti a teljes hangerőt.
Ebben a cikkben visszatérünk a fő célkitűzésre: csökkenteni kell a webhely teljes súlyát, a JavaScript és CSS fájlok tömegének optimalizálására összpontosítva.
Csökkentse a JavaScript és a CSS súlyát
A JavaScript és a CSS súlyának csökkentése érdekében a legjobb megoldás a minimalizálók használata.
Könnyen megtalálhat néhányat az interneten, például a Google Closure Compiler vagy a JSLint for JavaScript, valamint a Clean CSS vagy CSS Compressor a CSS számára, nem beszélve a YUI Compressorról, amely képes mind a JavaScript, mind a CSS kezelésére.
Önálló használatra a számítógépén ajánlom a kiváló JASC-t (Just Another Script Compressor), amely csodákat tesz, mind a JavaScript, mind a CSS fájlokkal.
Íme, mit lehet elérni, például az interneten széles körben használt komponensekkel:
jQuery Mobile 1.2
jQuery Mobile Structure 1.2
jQuery Mobile Theme 1.2
"Én (vagy a csapataim) természetesen mindig a tömörített verziókat használom !", azt mondod nekem. Fogadjunk egy étkezéssel? Elie Bursztein, a Google kutatója szerint a webhelyek [1] 64% -a nem használja a jQuery tömörített változatát a termelésben ... azt hiszem, most nyertem két étkezést ingyenesen nap az étteremben !