Ridurre HTML, CSS e JavaScript
Minify rimpicciolisce il documento che va al browser: spazio bianco superfluo, commenti e righe vuote spariscono. Se la cache delle pagine è attiva, ciò avviene già al momento del salvataggio del file, altrimenti tramite un buffer di output nel frontend.
I tre interruttori
- Nella barra laterale a sinistra, sotto «Velocità», si trova la voce «Minify» — lì i tre interruttori stanno uno sotto l'altro.
- «Minimizza l'HTML» rimuove i commenti HTML, lasciando però i commenti condizionali di IE, e accorcia lo spazio bianco tra i tag nonché gli spazi multipli nel testo. Di fabbrica è attivato.
- «Minimizza il CSS inline» compatta i blocchi <style>: via i commenti, spazio bianco ridotto, caratteri intorno a { } : ; , compattati. Di fabbrica è disattivato.
- «Minimizza il JS inline» compatta riga per riga i blocchi <script> inline. Di fabbrica è disattivato.
Che cosa resta intoccato
- Script esterni con attributo src: lì c'è solo l'indirizzo e nessun codice
- Blocchi di script con tipo diverso, ad esempio JSON-LD come application/ld+json
- Contenuti in <pre> e <textarea>
- Commenti CSS che iniziano con /*!
La minimizzazione del JS non accorpa alcun token. Rimuove soltanto le righe vuote e i rientri dei veri blocchi di script, affinché l'inserimento automatico dei punti e virgola di JavaScript non rompa nulla.
Quando entra in azione il buffer di output
Senza cache delle pagine il buffer viene usato solo per le chiamate GET nel frontend; l'area di amministrazione e i feed restano fuori. Un output viene elaborato solo a partire da 255 caratteri e solo se contiene un </html> di chiusura. Se tutti e tre gli interruttori sono spenti, il documento resta invariato.
Con la cache delle pagine attiva la minimizzazione avviene solo per le chiamate che possono anche essere memorizzate nella cache. Gli utenti che hanno effettuato l'accesso e gli indirizzi esclusi ricevono allora HTML invariato.
Questo articolo ti è stato utile?