Caricamento rapido CSS Purificazione

Rapidload era in precedenza un plugin che richiedeva Autoptimize per funzionare, ma ora è un plugin CSS autonomo a pieno titolo. Dopo aver installato Rapidload, sarà visibile nella barra superiore della dashboard di amministrazione di WordPress. Fare clic su di esso per accedere all'area di controllo principale del plug-in.

Così come Lo faccio Usarlo?

La prima cosa da fare è aggiungere le tue pagine/prodotti e/o post. Se lo desideri, puoi anche scegliere di aggiungere l'intera mappa del sito. Questo scansionerà tutti gli URL e creerà i nuovi file. Il processo richiede del tempo, quindi assicurati di selezionare la casella "Aggiornamento automatico" in basso per vedere l'avanzamento di ciascuna pagina. Puoi fare clic sul pulsante "In coda" o "In elaborazione" accanto a ciascun URL se rimane bloccato.

Se hai pagine o file CSS problematici, puoi escluderli dai nuovi file CSS. Ciò caricherà alcuni file dalle loro posizioni originali se riscontri problemi di stile. Abilita anche i CSS critici, ma lascia stare i CSS mobili separati, a meno che tu non disponga di un sito mobile/AMP dedicato. I temi sono realmente progettati per essere reattivi e avere una cache separata potrebbe rallentare il tuo sito web.

Importante Memorizza nella cache/minimizza Punti

Se stai utilizzando cache o plug-in di ottimizzazione come WP Razzo O Pulizia delle risorse Pro, non selezionare le caselle per minimizzare o incorporare il codice. In effetti delle caselle in basso (Opzioni aggiuntive) non ne ho spuntata alcuna. Questo perché tutta la memorizzazione nella cache è gestita dal software di ottimizzazione e, se si tenta di memorizzarla nuovamente nella cache, non solo causerà potenziali problemi di layout, ma la rallenterà effettivamente. Cache e minimizza sempre e solo da una fonte di plugin.

Un altro punto importante da notare è la funzione "Coda automatica". Se hai un sito web che ha contenuti statici, vale a dire che crei le pagine/post e rimangono gli stessi, non riaccodare i file. Una volta creato un file, lo manterrà lì senza rifare costantemente il file per ciascun URL ad ogni visita dell'utente. Se hai un sito di grandi dimensioni, questo diventerà piuttosto intensivo per il server poiché il tuo sito web rifarà costantemente i file CSS.

Se vengono aggiunti continuamente contenuti dinamici o aggiuntivi alle stesse pagine, abilita questa funzione. Questo perché il nuovo contenuto può significare che viene utilizzato un nuovo CSS e hai bisogno che il file carichi il CSS necessario per visualizzare correttamente le pagine. Ancora una volta, abilitalo solo se hai contenuti dinamici, come un negozio Woocommerce o qualcosa del genere. Rapidload ha alcuni pacchetti "lista sicura" che ti aiuteranno con il tipo di sito che hai. Quello di Woocommerce, ad esempio, impedirà che il tuo carrello e le pagine di pagamento vengano memorizzati nella cache o alterati in qualsiasi modo.

Rapidload ti avviserà se ci sono errori. Lo vedrai quando lo usi. C'è un'icona verde nella barra in alto quando tutto va bene, un'icona ambra se ci sono alcune pagine con errori di layout e una rossa se ci sono problemi generali. Controlla le tue pagine e regola le impostazioni finché le pagine non saranno "tutte verdi".

Vedrai quanto CSS Rapidload ti sta facendo risparmiare. Se passi il mouse su una pagina ti dirà quanti kb, nonché una percentuale della quantità di codice che stai salvando. È abbastanza sorprendente vedere la differenza: il tempo di caricamento della pagina diminuirà in modo significativo su quasi tutti i siti Web WordPress su cui lo utilizzi.

Questo renderà A Differenza?

Sì, lo farà, soprattutto sui dispositivi mobili. Poiché i file CSS possono essere davvero grandi, soprattutto nei temi WordPress commerciali. il risparmio dei dati sarà piuttosto grande. Alcuni file stili.css possono raggiungere 1 MB, quindi immagina di risparmiarne circa 80-85%: la dimensione del download della pagina iniziale verrà ridotta drasticamente. Questo è il modo principale per ottenere punteggi molto alti, soprattutto sui dispositivi mobili. In alcuni casi ho notato un aumento di 30% sui punteggi di velocità della pagina mobile utilizzando solo Rapidload.

La purificazione manuale dei CSS era riservata alle persone esperte in CSS. I file CSS sono grandi e devi essere preciso in quale CSS estrai dal tuo sito web, testare e ripetere il test di tutto ciò che fai.

Rapidload salva tutto questo. Non solo, ma lo sei non in realtà eliminando qualsiasi cosa dai tuoi file CSS originali. Ciò presenta enormi vantaggi. Ad esempio, se in futuro desideri utilizzare parti o funzioni diverse in un tema, sei libero di farlo. Basta eseguire nuovamente il generatore CSS. Con la purificazione manuale, una volta tolto, sparisce per sempre.