Oggi continuiamo il nostro tutorial su W3TC. Probabilmente sai già che lo è plug-in cache, che ti consente, tra le altre cose, di accelerare il tuo blog (migliora le sue prestazioni).

Questo tutorial è suddiviso in più parti. Da allora abbiamo iniziato con l'introduzione alla cache e apportato alcune modifiche preliminari. Puoi vedere i diversi capitoli di seguito:

• Parte 1: Introduzione alla cache
• Parte 2: Come configurare W3TC
  • Impostazioni generali - Episodio 1
  • Altre impostazioni generali - Episodio 2
  • Configurazione della cache della pagina - Episodio 3
  • Configurazione delle minificazioni - Episodio 4 (Tutorial attuale)
  • Configurazione della cache del database - Episodio 5
  • Configurazione di oggetti e browser - Episodio 6
• Parte 3: tutte le risposte alle tue domande
• Parte 4: Parametri "Mainspan" W3TC

Parte 2: configurazione minification

Siamo ancora nel W3TC di configurazione, ma ora parliamo di compressione dei file.

Prima di accedere al menu Minify ", Devi prima attivare" Minify Nelle impostazioni generali. Se hai attivato la modalità di compressione e se funziona correttamente sul tuo sito, le impostazioni per " minification Quella che vedete in questo menu sarà una versione semplificata di quanto mostrato negli screenshot qui sotto.

In questo tutorial, copriamo il processo di compressione ( Minimizzando ) con W3TC. Il " minification E la combinazione di JS e CSS è l'essenza di ciò che vedremo in questo tutorial.

Minify: Generale

Impostazioni generali nel menu Minify Ha tre opzioni.

Il modulo URL Rewrite "Dovrebbe essere abilitato per impostazione predefinita e dovresti lasciare questa opzione così com'è, a meno che tu non preferisca vedere i tuoi file CSS e JS recuperati utilizzando le intestazioni" http GET "piuttosto che la normale struttura dell'URL.

Disabilita " minification Gli utenti che hanno effettuato l'accesso non devono essere modificati. Si consiglia di non fornire agli utenti connessi e disconnessi file CSS e JS diversi.

Notifica di errore " Minify Deve essere impostato per le notifiche dell'amministratore. Ciò consentirà loro di essere informati in caso di errore.

Le seguenti sezioni " tutto minify ", Combina e sposta l'opzione" Componenti della pagina ". Questo può interrompere la presentazione del tuo sito. Dovresti attivare la modalità di anteprima e tenere d'occhio il tuo sito mentre apporti le modifiche per assicurarti di non danneggiare il layout del sito.

Minimizza: HTML e XML

La sezione " HTML e XML Dal menu Minify è semplice. Le caselle di controllo hanno lo scopo di consentire " minification ", del '" inline CSS e JavaScript, omettono i flussi di minimizzazione e consentono di rompere le nuove righe.

Ad eccezione dell'opzione " Non minimizzare i feed Che deve rimanere deselezionato, la velocità del tuo sito dovrebbe migliorare.

La casella di testo di ignorate commenti vapori Viene utilizzato per identificare i commenti HTML che non devono essere rimossi quando l'HTML è "compresso". Alcuni commenti collegati saranno in questo dominio per impostazione predefinita al fine di garantire che i commenti associati a Google AdWords e ai lettori non vengano eliminati. Se il tuo codice HTML contiene commenti aggiuntivi e desideri rimanere nel campo " minified Di HTML, aggiungi un termine in questa casella di testo, quindi eventuali commenti con questa espressione non verranno eliminati.

minify JS

Se hai abilitato la compressione JavaScript e CSS Nel menu Impostazioni generali potrai lavorare solo con tutti i risorse Sia JavaScript che il menu che vedrai saranno una versione semplificata dell'immagine qui sotto.

Se è stato selezionato il metodo manuale, è necessario scorrere fino alla parte superiore del menu Minify E seleziona il pulsante procedura guidata. Quest'ultimo elenca i file JavaScript e CSS rilevati da W3TC. Seleziona seleziona tutte le caselle per entrambi i tipi di file JavaScript e CSS e fai clic su " APPLICA E vicino. Ciò aggiungerà i file JavaScript e CSS nel menu " Minify In modo che tu possa lavorare con questi manualmente.

Guarda la casella denominata " Funzionamento in aree ". In questa sezione puoi controllare se il risorse JavaScript sono " minified E combinato con l'opzione Minify O se sono semplicemente combinati. Il tipo embed » offre alcune opzioni su come risorse JavaScript viene caricato. Puoi provare ciascuna delle opzioni di " non bloccante Fino a quando non ne trovi uno che non interrompe la presentazione del tuo sito, ma se nessuna delle opzioni funziona, lascia le impostazioni predefinite.

Se hai selezionato il metodo di compressione manuale nelle impostazioni generali, puoi lavorare con ogni file individualmente assegnandolo a un singolo modello oa tutti i modelli e spostandolo nella cartella " testata », Le« stile di vita "O sotto" stile di vita Per un controllo granulare su dove appare ogni file nel documento HTML e su come viene caricato. Puoi anche « drag and drop »File, per riorganizzare l'ordine in cui vengono caricati nel caso in cui alcuni file dipendono da file precedenti per essere caricati correttamente.

L'impostazione ottimale è spostare i file da " testata E caricale una delle opzioni di non bloccante "(Non bloccante). Tuttavia, ci sono ottime possibilità che in questo modo venga compromessa l'aspetto del tuo sito.

Non c'è davvero modo di aggirare esaminando ogni file una volta, testandoli in luoghi diversi e assicurandosi che il sito si carichi correttamente.

Minimizza CSS

Esistono quattro impostazioni per ridurre i file CSS disponibili:

• permettere : Consente minfication e la combinazione di file CSS.
• combinare solo : Unire file CSS, ma non li sminuire.
• Conservato come la rimozione : Rimuove i commenti dai file CSS combinati.
• rimozione interruzione di linea: Rimuove le nuove righe nei file CSS combinati.

Inizia selezionando tutte le opzioni tranne " combina Solo ". Se la presentazione del sito è diversa, deseleziona " Conservato come la rimozione "E" rimozione interruzione di linea ". Se ciò non corregge il sito, utilizzare " combina Solo '.

Per l'opzione @import, seleziona " Processo '.

Se hai selezionato " Automatico Come metodo di minification "Impostazioni generali, quindi vedrai solo le prime due sezioni di questo menu. Tuttavia, se hai il minification Manuale, quindi vedrai una sezione di gestione dei file CSS.

Se non hai già aggiunto file CSS che verranno gestiti, seleziona l'helper "Aiuto" e seleziona tutti i file CSS per i tuoi temi. Quindi riorganizzare l'ordine dei file in modo che i file più critici vengano caricati per primi.

Minimizza: impostazioni avanzate

Nella maggior parte dei casi, le impostazioni predefinite nella sezione avanzata non richiedono molte modifiche. Tuttavia, è possibile utilizzarli per regolare la frequenza con cui vengono aggiornati i file JavaScript e CSS, la frequenza con cui i file scaduti vengono eliminati dalla cache e altro.

La sezione avanzata include tre campi per escludere pagine specifiche, file JS e file CSS dalla " minification ". Se trovi che alcune risorse JS o CSS non dovrebbero mai essere compresse, puoi isolarle aggiungendole a questi domini. Se hai bisogno di aiuto con la sintassi corretta, vedi " Usa: General Dalle FAQ per le istruzioni.

Questo è tutto per le opzioni di minificazione su W3 Total Cache, continueremo con la cache del database.