Come minimizzare HTML, CSS e JavaScript usando il plugin Autooptimize

04.06.2020
COME 'Come minimizzare HTML, CSS e JavaScript usando il plugin Autooptimize
0 6 мин.

Google e altri motori di ricerca danno valore al tuo sito web se si carica così rapidamente. Perché nessuno degli spettatori ha molti pazienti ad aspettare molto per visualizzare i tuoi contenuti e hai solo 1,5 secondi per attirare la loro attenzione. Se il tuo sito impiega troppo tempo ad aprirsi, di solito perdi i tuoi spettatori. Quindi, questo è essenziale per velocizzare il tuo sito web. Esistono diversi modi per ottimizzare il tuo sito. Ma una delle parti più importanti è Minimizza HTML, CSS e JavaScript.


Se hai mai fatto un test di velocità su Google Page Speed o GTmetrix, probabilmente vedrai quell’opzione.

Ogni sito Web caricato con molti file contiene HTML, CSS e JavaScript. E la maggior parte dei file include molto spazio, commenti, delimitatori di blocchi, ecc. Quindi, ci vogliono significativamente più tempi per caricarsi correttamente.

Questo dipende anche dalla qualità del tema. Ad esempio, una qualità del tema premium sempre migliore di un tema gratuito. I temi premium sono ben codificati e realizzati da sviluppatori altamente qualificati. Ma tutti i temi non sono uguali e hanno diversi tipi di funzioni. Quindi, di Minimizzando quei file HTML, CSS e JavaScript, puoi aumentare strategicamente la velocità del tuo sito e rendere felici i tuoi visitatori.

Che cos’è Minify e perché è vantaggioso?

minification è un linguaggio di programmazione che rimuove tutti i caratteri non necessari dal codice sorgente senza modificarne la funzionalità. Questi caratteri non necessari di solito contengono “caratteri dello spazio bianco, nuovi caratteri di linea, Commenti, e delimitatori di blocco “. 

Prima di Minify e After Minify

Sono utilizzati per aggiungere leggibilità al codice ma non sono necessari per l’esecuzione. In questo modo riduce la quantità di codice che deve essere trasferito sul Web e consente di risparmiare larghezza di banda. Quindi minimizzare HTML, CSS e JavaScript, puoi facilmente rimuovere quei caratteri non necessari dal tuo sito e in modo significativo aumentare la velocità del tuo sito. 

Come minimizzare HTML, CSS e JavaScript

Esistono due modi per minimizzare HTML, CSS & JavaScript. O puoi farlo modificando il tuo codice tema o puoi usare un plugin WordPress, chiamato Autoptimize. In questo articolo, ti mostreremo entrambi i processi Come minimizzare HTML, CSS e JavaScript.

Per conoscere l’esatto file HTML, CSS o JavaScript che causa il problema, è necessario verificarlo su qualsiasi strumento di test della velocità del sito come Strumento Google Page Speed o GTmetrix. Perché non tutti i tuoi file contengono questo tipo di caratteri non necessari.

Dopo aver verificato il risultato del tuo sito, lo otterrai. Ecco una foto sotto del mio sito che considera fissaggio CSS e JavaScript.

Css minimizzante, JavaScript

Difende dalla qualità del tuo tema. Quindi, nulla di cui preoccuparsi se vedi che entrambi si dice Minify ed è meglio ottenere un tema Premium.

Ci sono alcuni strumenti online con i quali puoi minimizzare codice HTML, CSS e JavaScript. 

Prima di apportare qualsiasi modifica, eseguire un backup di quel file.

1 # Codice di minimizzazione:

Strumento di minimizzazione del codice

Codice di minimizzazione è uno strumento di minimizzazione All in One. Può minimizzare i tuoi codici JavaScript, CSS e HTML. Tutto ciò che serve per copiare il codice HTML o CSS o JavaScript e incollarlo qui. Quindi fare clic su minify Opzione. Questo strumento minimizza automaticamente il tuo codice. Successivamente, copia il codice minimizzato in quel file.

Puoi anche minimizzare il tuo codice CSS e JavaScript come il codice HTML con quello strumento.

# 2 Willpeavy:

Willpeavy

Willpeavy è un altro ottimo strumento per Minimizza HTML codici. Questo strumento funziona allo stesso modo del codice minify. Minimizza HTML e qualsiasi CSS o JS incluso nel markup. Per utilizzare questo strumento, devi solo copiare il codice qui e fare clic su Minify.

Minimizza usando il plugin di ottimizzazione automatica

Autoptimize

Se non hai familiarità con tale codifica, è meglio utilizzare un plug-in e consigliato ai principianti. Quindi ecco che arriva il Plugin automatico di ottimizzazione per WordPress utenti.

Autoptimize concatena tutti gli script e i codici di stile e li rende più piccoli e si carica così rapidamente. Minimizza tutto l’HTML, CSS & Il codice Javascript stesso e rende la tua pagina davvero leggera. Con Minification, questo plug-in aggiunge scade le intestazioni e sposta gli stili nell’intestazione della pagina e può spostare gli script nel piè di pagina.

Ottimizza automaticamente le impostazioni consigliate

Puoi facilmente fare tutto dalle impostazioni del plugin. Dopo aver attivato questo plugin, vai a impostazioni> Autoptimize.  Fai clic sul pulsante “Mostra impostazioni avanzate”.

Nel HTML sezione, seleziona “Ottimizza codice HTML” e “Mantieni commenti HTML” per prestazioni più veloci.

Ottimizza automaticamente le opzioni HTML

Nel JavaScript sezione, abilita “Ottimizza codice JavaScript”. Puoi anche abilitare “Forza JavaScript in” per caricare JS in anticipo e ridurre la possibilità di errori JS. Nel caso in cui JS interrompa gli script, è possibile abilitare “Aggiungi wrapping try-catch”.
Ottimizza automaticamente le opzioni JavaScript

In CSS sezione, abilita “Ottimizza codice CSS”, “Aggrega anche CSS inline”. Puoi anche abilitare “Inline and Defer CSS” se hai CSS minimizzato. Prova questo strumento per minimizzare il tuo CSS e incollarlo nella casella.

Ottimizza automaticamente le opzioni CSS

Inserisci la tua CDN URL nel campo “URL base CDN”. Ad esempio, “//cdn.example.com/”.

Infine, abilita “Salva script / css aggregati come file statico”. Ma assicurati che il tuo server web sia in grado di gestire correttamente la compressione e la scadenza.

Ottimizza automaticamente le opzioni CDN

Dopo aver minimizzato il codice, non dimenticare di controllare di nuovo la velocità del tuo sito. Quindi confrontalo con i risultati passati. Se il tuo sito presenta qualche problema o non viene visualizzato correttamente, puoi provare a cancellare nascondiglio

Conclusione

Minimizzare HTML, CSS e JS è vantaggioso per il tuo sito. Rimuove i caratteri non necessari del codice e li rende più piccoli e adatti al browser. In questo modo puoi migliorare la velocità di caricamento del tuo sito.

Se questo tutorial aiuta a minimizzare HTML, CSS e JavaScript, ti preghiamo di condividere questo articolo su Facebook, cinguettio, Google+.

articoli Correlati,

  • Come sfruttare la memorizzazione nella cache del browser su WordPress
  • Come ottimizzare il database WordPress usando WP-Sweep
  • 7 Miglior ottimizzatore di immagini per WordPress 2017
  • Come abilitare facilmente la compressione Gzip in WordPress per un caricamento più veloce
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector