Qual è il miglior minificatore JS, CSS, HTML e PHP?

TL; DR: non minimizzare HTML o PHP, poiché JS usa UglifyJS, per CSS, usa il preprocessore, o CSSO e unCSS.

Prima di tutto, JS e CSS dovrebbero essere minimizzati, poiché ciò ridurrà le dimensioni e renderà più rapida la consegna HTTP. Non dovresti necessariamente minimizzare il tuo HTML, poiché molte cose probabilmente interagiranno con esso in modo dinamico, cioè mentre è nel browser, tuttavia il tuo caso potrebbe essere diverso. È anche generalmente eccessivo, in quanto richiede un grande sforzo per fare in sicurezza senza un enorme vantaggio, a differenza di JS e CSS. Vedi lo sviluppo Web front-end: perché la minimizzazione dell’HTML non è più importante?

Per quanto riguarda PHP, questo è un linguaggio di backend e la minimizzazione o offuscamento è generalmente utile solo se si desidera impedire il reverse engineering del proprio codice (dato che PHP viene interpretato, ciò non è comunque necessario). Anche la riduzione delle dimensioni di un linguaggio PHP ha di nuovo un vantaggio molto piccolo rispetto allo sforzo richiesto da TL; DR non ne vale la pena.

JS e CSS:

  • UglifyJS è lo standard per JS (mishoo / UglifyJS2)
  • Se stai utilizzando un pre-processore (LESS / SASS / SCSS / Stylus), la maggior parte avrà una propria compressione, altrimenti dai un’occhiata a css / csso che esegue la minimizzazione e il refactoring per prestazioni migliori
  • Dai anche un’occhiata a giakki / uncss per rimuovere CSS non necessari dal tuo progetto.

Come altri hanno già detto, se stai facendo qualsiasi tipo di sviluppo del front-end, dovresti assolutamente cercare di utilizzare un task runner come Grunt o Gulp. Entrambi sono strumenti eccellenti, la mia preferenza è con Gulp per la sua potenza e velocità, tuttavia Grunt è anche uno strumento eccellente. L’uso di uno di questi renderà la minimizzazione e la consegna del codice molto più semplici e veloci.

Ciao a tutti,

Che cos’è la minificazione :

la minificazione è fondamentalmente la rimozione di codice non necessario di cui il browser non ha bisogno. Viene fatto minimizzando il codice e rendendolo compatto.

Ad esempio: – Quando scrivi il codice contiene molti spazi bianchi, commenti, nomi di variabili grandi, ecc. Che sono completamente inutili per il browser, cioè lo ignora. Queste cose sono solo per i programmatori per leggibilità e riutilizzabilità. Quindi, ciò che significa minificazione è rimuovere dal tuo codice queste cose non necessarie che non hanno alcun significato per il browser.

Come minimizzare il tuo codice: –

Bene, puoi farlo da solo, ma questa sarà sicuramente una pessima scelta. È possibile utilizzare i seguenti strumenti disponibili gratuitamente: –

Alcuni dei migliori strumenti di minificazione sono:
JavaScript Minifier – JavaScript Minifier
Compilatore di chiusura di Google – Servizio di compilazione di chiusura
Yahoo YUI Compressor – Compressore YUI

Puoi usare questi strumenti per minimizzare facilmente il codice.

Grazie per aver letto!

JavaScript: classificherei il compilatore di chiusura di Google come il migliore e secondo UglifyJS. Non ci sono molti dati là fuori che li confrontano, specialmente le versioni attuali o recenti, ma Closure riceve molta attenzione da persone di talento e la sua minimizzazione è guidata da ottimizzazioni intelligenti. In questo senso, è un vero compilatore , che fa cose come l’eliminazione del codice morto e alcune ristrutturazioni.

CSS: CSSO e CSS Nano sono entrambi buoni. CSSO è stato creato da Yandex e in genere sono impressionato dal talento di Yandex. (Sono i Google della Russia, in un certo senso.)

HTML: Per quanto ne so, al momento non esiste un buon minificatore HTML. WebMarkupMin potrebbe essere buono, ma è nuovo e non l’ho provato. Il più popolare è HTML Minifier, ma è difettoso, scarsamente documentato e non sicuro: può facilmente rompere il tuo sito Web e sono stranamente riluttanti a correggere i loro bug (vedi questo bug). Un minificatore Golang elimina i tag `` e ``, il che è affascinante. Per qualche motivo, i minificatori HTML sembrano essere nelle mani di persone che sono disposte a correre rischi allarmanti con l’HTML: è una strana bolla nell’universo. Potremmo davvero usare un progetto mirato per costruire un minificatore HTML di riferimento e ho chiesto a Cloudflare di open-source il loro (ma non ho idea se lo faranno).

Non sono d’accordo con i poster che affermano che non dovresti minimizzare l’HTML. Puoi sicuramente salvare byte significativi minimizzandolo, anche se stai comprimendo. Cioè, la dimensione finale dell’HTML minimizzato e con compressione gzip può essere inferiore di oltre il cinque percento rispetto all’HTML non miniato e con compressione gzip. Vedi i risultati dei test di Mad Kristensen.

Penso che le specifiche HTML dovrebbero specificare HTML minimizzato per impostazione predefinita – ciò contribuirebbe a renderlo la norma. È strano che i framework Web e i CMS generino HTML non minimizzato quando sarebbe altrettanto facile generare markup minimizzati. (Il fatto che non ci siano minimizzatori HTML di alta qualità non significa che non puoi farlo. Ci sono molti minimizzatori HTML semplici e conservatori incentrati sullo spazio, come Mads Kristensen o Dean Hume e HTML Minifier è probabilmente sicuro se si evitano la maggior parte delle sue opzioni.)

Se si desidera minimizzare il file e il codice JavaScript e CSS, è possibile utilizzare alcuni strumenti e software del minificatore js e css. La maggior parte del minificatore JavaScript online gratuito può combinare insieme il codice e comprimere il file, in modo che possa ridurre le dimensioni del file js e css per ridurre il tempo di caricamento.
YUI Compressor è forse il miglior strumento gratuito per minimizzare i file javascript e css. È lo strumento di libreria gratuito, può essere integrato in molte programmazioni e piattaforme.
E trovo un servizio online gratuito usando YUI Compressor, può minimizzare JavaScript e minimizzare CSS online gratuitamente. È facile da usare, non è necessario scaricare o installare alcun software, tutto il lavoro è fatto sulla pagina web. Questo strumento gratuito è facile da usare, devi solo copiare il tuo codice js e css nella pagina web, quindi puoi recuperare il codice minimizzato. È molto facile e semplice.

Lettore JavaScript, Lettore CSS, Lettore HTML

Non so perché vuoi minimizzare il tuo codice PHP. PHP viene eseguito sul lato server. Quindi, non ha senso minimizzare il tuo codice php.

Il minificatore javascript sopra menzionato usa uglifyjs che è molto affidabile.

HTML Minifier rimuove tutti gli spazi bianchi extra, nuove linee ecc. Inoltre minimizza i CSS e JavaScript tra i tag di stile e di script. Puoi anche convertire tutti i tuoi URL assoluti in URL relativi usando la sezione opzioni di questo strumento.

La maggior parte dei minificatori o offuscatori online ti chiedono semplicemente di copiare / incollare il codice nella loro casella di testo e fare clic su Invia per ottenere la modifica del codice desiderata, risultando quindi necessario copiare / incollare il risultato finale in un altro file (per non perdere o avvitare il tuo file originale).

Per qualsiasi progetto Web di grandi dimensioni, questo è semplicemente un dolore enorme e richiede molto tempo. Ad esempio, se hai 2 file JS, 3 file CSS e 1 file HTML: ora sono 6 file che devi copiare / incollare in 3 diversi siti Web di offuscamento / compressore specializzati rispettivamente in JS, CSS e HTML.

ZEROIFY [1] è un programma gratuito che riconosce i file JS, CSS, HTML e le loro interdipendenze.

Le note

[1] offuscatore del sito Web: html, js, css

Non avrai bisogno di un minificatore php. Si tratta di scripting lato server e quindi non sono necessari.

Per quanto riguarda js, css, html, uglifyjs è un ottimo minificatore con molte opzioni. Ma dipende da nodejs.

Il Task Runner JavaScript: ci sono circa 4500 plug-in grunt di cui 90 ufficialmente supportati.

fai riferimento alla mia risposta: la risposta di Manish Dipankar a Quali strumenti sono disponibili per combinare file JavaScript (jQuery) separati?

Ecco gli strumenti di cui hai bisogno
JSMIN, JavaScript Minifier
CSS Minifier
HTML Minifier online
Formattatore di codice versatile

La scelta migliore per quei moduli .htaccess e apache è possibile utilizzare il modulo deflate, expires e headers per la correzione di compress e performans. Puoi cercare su google
.htaccess performance e trova i file .htaccess creati e devi attivare moduli apache come quei comandi

a2enmod deflate

a2enmod scade

intestazioni a2enmod

Grazie…

Il mio preferito è: minifybeautify.com fa immediatamente entrambi insieme senza dover fare clic su alcun pulsante! Funziona per JS, JSON, XML, HTML, PHP tutti nella stessa interfaccia. Facile, veloce e semplice!

Ecco come minimizzare HTML, CSS e JavaScript.

http://cssminifier.com , http://javascript-minifier.com , http://willpeavy.com/minifier

Questi hanno funzionato per me. I minificatori CSS e JS sono sostanzialmente lo stesso sito Web; si collegano l’un l’altro sulle loro pagine.

Poiché il minificatore php non è necessario, è possibile utilizzare le ottimizzazioni del server per servirlo rapidamente. Per Css js uso il compressore YUI da anni e funziona benissimo.