November 26
Minification in termini di design Web si riferisce al processo di rimozione di tutti gli elementi estranei dal codice. La teoria alla base è che, eliminando lo spazio bianco, che combina elementi, commenti e caratteri non necessari dal codice della pagina, potrete rendere il vostro caricamento della pagina più veloce ed essere più efficienti. È inoltre possibile utilizzare strumenti per la minimizzazione automatica, se si sceglie di seguire questa strada.
Più comunemente si riferisce alla minimizzazione JavaScript e CSS, entrambi i quali tendono verso avere molto più spazio bianco e il commento generale. Il Developer Network Yahoo ha pubblicato un pezzo chiamato "Best Practices per velocizzare il tuo sito web," che prevede minimizzazione di tutti i JavaScript e CSS. HTML non è in genere compreso come qualcosa da minify sulla pagina Web, ma questo non significa che non si può fare - si applicano gli stessi benefici.
La ragione principale per la minimizzazione è che essa contribuisce a creare un file più piccolo. Piccoli file caricare più velocemente e occupano meno spazio sul vostro spazio web - è uno scenario win-win, soprattutto se il sito presenta diverse centinaia di pagine e lunghe linee di codice. In molti casi minification viene utilizzato in combinazione con la compressione gzip su pagine HTML, fogli di stile e script per aiutare a ridurre ulteriormente lo spazio utilizzato.
Se vuoi un'idea di come minification potrebbero beneficiare il tuo sito web, è possibile utilizzare il Firebug plug-in per Firefox, che offre un'opzione chiamata "Page Speed." Una volta installato Firebug, andare al tuo sito web e fare clic destro sul fondo. Selezionare "Inspect Element". Fai clic su "Speed pagina". Firebug ti dice non solo quali elementi si può minify e quanto più piccolo il file verrà Quando viene ridotta, ma anche elementi minifies automaticamente; è possibile salvare la versione minified cliccando sul pulsante "Salva con nome" collegamento.
Mentre ci sono risorse in abbondanza per Minimizzando le CSS e Javascript del tuo sito web, HTML è meno spesso affrontato. Lo strumento più semplice per minifying il codice HTML è di Will Peavy HTML Minifier, disponibile online da willpeavy.com/minifier. Basta incollare il codice HTML nella casella di testo e fare clic su "Minifiy." Copiare questo HTML minified e incollarlo in un nuovo file utilizzando il vostro editor di testo. YUI Compressor è un programma JavaScript e CSS minification.
Minification è criticata per fare CSS e file illeggibile per l'occhio umano per il guadagno relativamente minore JavaScript. Perché lo spazio risparmiato è tipicamente pesato in KB, la quantità di spazio effettivamente risparmiato può essere trascurabile. Se si lavora con la gente mulitple sul tuo sito web, si potrebbe considerare saltare minification se non rappresenta benefici significativi al peso del tuo sito web. Tenere sempre due versioni del file - una delle due funzioni di modifica in caso di necessità, e la versione minified da aggiungere al tuo sito web.