Cum r; reduce greutatea codului JavaScript și CSS

Cel mai bun mod de a reduce greutatea JavaScript și CSS este de a utiliza minimizatoare. Alte pârghii: vectorizați descrierile stilului și ștergeți descrierile neutilizate.

reduce

După cum am văzut în articol De ce să optimizăm un site web ?, îmbunătățirea vitezei de încărcare a paginii unui site are cel puțin patru impacturi directe: numărul de vizitatori (și prin valorificarea SEO), o pierdere economică și un impact real asupra mediului. Apoi am văzut în articol Optimizați utilizarea imaginilor pe o pagină web cum să îmbunătățim performanța stației de lucru care consumă cele mai multe resurse inutile, imagini, cu pretenția de a reduce, uneori, cu mai mult de 75% volumul total.

În acest articol, revenim la obiectivul principal: reducerea greutății generale a site-ului dvs., cu accent pe optimizarea greutății fișierelor JavaScript și CSS.

Reduceți greutatea JavaScript și CSS

Pentru a reduce greutatea JavaScript și CSS, cea mai bună abordare este de a utiliza minimizatoare.

Veți găsi cu ușurință unele pe Internet, cum ar fi Google’s Closure Compiler sau JSLint pentru JavaScript și Clean CSS sau CSS Compressor pentru CSS, ca să nu mai vorbim de YUI Compressor, capabil să gestioneze atât JavaScript cât și CSS.

Pentru utilizare autonomă pe computerul dvs., vă recomand excelentul JASC (Just Another Script Compressor), care va face minuni, atât cu fișierele dvs. JavaScript, cât și cu cele CSS.

Iată ce se poate realiza, de exemplu cu componente care sunt utilizate pe scară largă pe internet:

jQuery Mobile 1.2

Structura mobilă jQuery 1.2

jQuery Mobile Theme 1.2

"Eu (sau echipele mele) folosim întotdeauna versiunile comprimate, evident !", îmi vei spune. Să pariez o masă atunci? Potrivit Elie Bursztein, cercetător la Google, 64% dintre site-uri [1] nu folosesc versiunea comprimată a jQuery în producție ... Cred că tocmai am câștigat două mese gratuite pe zi la restaurant !