Installare Plugin

Per prima cosa, scegli il Versione completa a pagamento di Asset Cleanup Pro poiché è più ricco di funzionalità e non scaricare mai una copia gratuita di alcun plug-in. Questi potrebbero contenere codice dannoso e non vengono mai aggiornati, lasciandoti molto vulnerabile.

Cosa fa Pulizia delle risorse Pro Fare?

È come un'intera serie di plugin di ottimizzazione in uno. Offre inoltre un enorme controllo su ogni singola pagina del tuo sito web. Puoi caricare/scaricare script fino al livello di pagina, puoi scaricare funzionalità WordPress inutilizzate, puoi rinviare il codice e controllare i tuoi plugin.

In poche parole, è il miglior plugin per ottenere il controllo sul tuo sito web e lo è altamente raccomandato. Spiegherò un po’ come usarlo nella pagina successiva.

Ha così tante funzionalità che ha bisogno di una pagina tutta sua!

Puoi eseguire WP-Rocket insieme a Asset Cleanup Pro se il tuo server non dispone di un buon sistema di memorizzazione nella cache integrato. Asset Cleanup Pro funziona in tandem con le sue funzioni di memorizzazione nella cache e sono una buona soluzione se hai bisogno di una soluzione di memorizzazione nella cache.

L'ottimizzazione delle immagini è fondamentale per ottenere un buon tempo di caricamento della pagina e un buon punteggio di velocità della pagina. Le immagini moderne possono essere molto grandi (diversi MB) e se consideri che l'intera pagina web è di circa 650kb incluso codice e immagini, puoi capire l'importanza di mettere a dieta le tue immagini.

Esistono diversi ottimizzatori di immagini nel repository WordPress e la maggior parte di essi fa bene il lavoro. Ce ne sono due che consiglio. Pixel corto E Immagina.

Shortpixel è buono in quanto è gratuito (a patto che non ti dispiaccia ottimizzare 50 immagini alla volta) e funziona immediatamente. C'è un facile da seguire Guida per l'utente di Shortpixel in questa pagina se vuoi provarlo.

Tuttavia consiglierei di installare Imagify. Il servizio è gratuito per un massimo di 200 immagini al mese e solo $10/mese per un utilizzo illimitato. È impostato e dimenticato e puoi anche convertire (e servire) immagini utilizzando il nuovo formato WEBP, a condizione che il tuo server lo supporti. Hosting Kinsta supporta la compressione delle immagini WEBP se te lo stavi chiedendo.

Ancora una volta, dedicherò una pagina a Imagify più avanti nella guida e consiglierei di utilizzarlo come plug-in per l'ottimizzazione delle immagini.

WP-Rocket è principalmente un plug-in per la memorizzazione nella cache e le prestazioni che velocizza il tuo sito web. È una delle soluzioni più costose a $49 all'anno, ma funziona davvero bene. Il motivo per cui è così efficace è duplice: ha un processo di installazione di un minuto davvero autoesplicativo ed è veloce.

Aggiungete a ciò il fatto che è totalmente compatibile con Asset Cleanup Pro e avrete una configurazione pronta ad affrontare ogni aspetto dell'ottimizzazione. Anche se il tuo sito web dispone di un sistema di memorizzazione nella cache, WP-Rocket migliorerà i tempi di caricamento e i punteggi.

La memorizzazione nella cache funziona come una sorta di banco di memoria. Memorizza tutti i file e le pagine nella cache del server, quindi fornisce quella pagina al visitatore successivo. Ciò evita che il visitatore successivo debba scaricare nuovamente i file per costruire la pagina. Evita che sia gli ambienti CSS che JS debbano essere scaricati ad ogni caricamento di singola pagina, aumentando così la velocità.

Una parola su Woocommerce

La memorizzazione nella cache è ottima per le pagine statiche in cui il contenuto non cambia mai. Tuttavia per i siti dinamici può essere problematico o addirittura un rischio per la sicurezza.

Immagina di fare acquisti su un sito Web e di andare al carrello e poi alla cassa. Fai il checkout e tutto va bene. Tuttavia, con la memorizzazione nella cache, il tuo carrello e le visite alla cassa verranno visualizzati alla persona successiva che accederà al carrello poiché ha ricordato la tua ultima visita. Ciò significa che non dovresti mai memorizzare nella cache il carrello e la pagina di pagamento. Escludi sempre quelle pagine dalle ottimizzazioni. Non sono pagine di destinazione quindi non influiranno sul tuo SEO.

Puoi Scarica WP-Rocket Qui.

Organizzatore di plugin è un vecchio ma un goldie. Ancora una volta vi mostrerò come funziona nelle pagine seguenti.

Ciò che fa è consentirti di disabilitare il caricamento del plug-in in base al dispositivo. Supponiamo che tu voglia caricare un plug-in JS pesante (come Slider Revolution) solo sul desktop, ma assicurati che non siano stati caricati script sul dispositivo mobile per risparmiare peso sulla pagina, questo è il plug-in che fa per te.

Puoi anche combinarlo con un altro piccolo plugin chiamato Snippet HTML. Quello che fai è inserire qualsiasi codice pesante, JS o video in uno snippet, quindi inserire lo snippet nel generatore di pagine web stesso anziché nel codice originale. Quindi disabiliti il caricamento dello snippet HTML sul dispositivo mobile. Questo sarà completamente spiegato nella pagina dell'organizzatore del plugin, ma è un punto di svolta per web design.

I caratteri hanno dimensioni sorprendentemente grandi. Ogni file di font può pesare fino a 200 KB, quindi è necessario utilizzarne il minor numero possibile e scaricarli sul server in modo che possano essere precaricati dal browser per la visualizzazione immediata.

Non hai solo stili di carattere, hai anche pesi di carattere. La maggior parte di noi utilizza i caratteri Google e avere pesi (spessore) diversi dei caratteri può comportare il download di file aggiuntivi. Ogni file scaricato da un tema comporta una chiamata ai server dei caratteri di Google. In realtà non lo desideri poiché si tratta di una connessione esterna, che il browser deve scaricare prima di essere applicata alla pagina.

Cosa fa Oh mio Dio Fare?

In pochi clic, Oh mio Dio analizza l'intero tuo sito web e scarica i tuoi caratteri sul tuo server. È incredibilmente semplice e funziona. Dedicherò nuovamente una pagina alla configurazione di OMGF più avanti nella guida, ma scaricalo e installalo ora. È gratis.

Un rapido suggerimento sui caratteri

Usa sempre 'visualizzazione dei caratteri: scambia' quando ti viene chiesto come desideri visualizzare i tuoi caratteri. Questo mostrerà brevemente i caratteri di sistema standard senza scaricare quelli stilizzati dal tuo tema. A Google piace questo e farà una differenza sostanziale nei tempi di caricamento della tua pagina.

Flying Scripts è in realtà il nome di uno sviluppatore che realizza plugin ad alta velocità per WordPress. Ci sono due semplici plugin da installare. Il tempo totale di configurazione per i due plugin combinati è inferiore a 2 minuti e sono entrambi plugin gratuiti.

Cosa sono Questi Plugin?

Il primo è Analisi del volo. Questo scarica lo script di Google Analytics sul tuo server in modo da non effettuare chiamate JS lente a Google quando utilizzi Analytics o Tag Manager. Ne parlerò nella pagina Flying Scripts, ma l'uso dei tracker di Google danneggia davvero la velocità della pagina.

Quindi vai avanti e installa quello. L'unica configurazione che devi eseguire dopo l'attivazione è inserire il codice di monitoraggio di Analytics/Google Tag. Consiglierei di impostarlo sul monitoraggio minimo per salvare il codice. È tutto ciò di cui avrai mai bisogno. E questo è tutto!

Cosa ne pensi riguardo a Secondo Collegare?

È chiamato Pagine volanti – e questo è ancora più semplice da configurare. Basta installarlo e attivarlo ed il gioco è fatto. L'unica cosa che consiglierei è di impostarlo per il precarico solo al passaggio del mouse. Questo perché il precaricamento di ogni pagina dai collegamenti può rallentare leggermente il punteggio della velocità della pagina, anche se il tempo di caricamento per l'utente finale è più rapido. Il precaricamento delle pagine al passaggio del mouse si attiva solo quando l'utente passa con il mouse sul collegamento. Ciò riduce comunque il tempo di caricamento della pagina per l'utente finale, ma risolve il problema della velocità della pagina.

La maggior parte dei siti Web WordPress utilizza temi. I temi sono fantastici, a parte una cosa: sono molto gonfi.

Cosa è Gonfiare?

Bloat è dove hai codice aggiuntivo in esecuzione sulla tua pagina che non è necessario. Le forme più comuni di bloat sono Javascript e CSS.

Ora immagina di nuovo quando hai acquistato il tuo tema. Probabilmente l'hai comprato perché sembrava fantastico, aveva un sacco di funzionalità e faceva un sacco di cose davvero interessanti. Il fatto è che, ora che hai creato i tuoi modelli di pagina, probabilmente non stai utilizzando neanche lontanamente il repertorio completo di opzioni dei temi. È qui che entra in gioco bloat. È il codice che non usi sulle pagine, né ti è di alcuna utilità per andare avanti.

Tutta la grafica, gli effetti CSS e le opzioni JS hanno un costo. Saranno nei file CSS/JS e verranno caricati sulla pagina indipendentemente dal fatto che li utilizzi o meno. Se consideri che probabilmente non stai utilizzando 70-80% del CSS nel tema, la quantità di dati inutilizzati caricati nel browser può essere enorme. È qui che entra in gioco la purificazione di CSS/JS. Riscriviamo i file utilizzando solo il codice di cui hai bisogno e il risultato è un enorme risparmio di dati.

Come fa Caricamento rapido Aiuto?

Anche in questo caso avremo una pagina dedicata ad esso, ma nella sostanza Caricamento rapido riscrive il tuo CSS in modo che non sia presente bloatware sulle tue pagine. Lo fa anche pagina per pagina, nel caso in cui utilizzi layout diversi su pagine diverse. È completamente impostato e dimenticato e può salvare enormi quantità di dati: fino a 90% in meno sul peso totale dei CSS, che ammonta a 1 MB o più sui siti Web a tema.

Per i puristi, c'è un'opzione gratuita per farlo su Sito web PurifyCSS. Puoi leggere come purificare il tuo CSS sul loro Pagina del blog CSS. Si chiama suddivisione del codice e può diventare impegnativo, soprattutto se hai molte pagine e Rapidload fa semplicemente tutto per te.

Questi sono gli unici plugin che devi veramente installare per ora. Ti darà gli strumenti per ottimizzare correttamente il tuo sito web, senza sovraccaricarlo. Mentre con il mio servizio di velocità di pagina eseguirai molte più regolazioni manuali, le parti che ti guideranno attraverso questa guida garantiranno che il tuo sito web passerà I principali parametri web vitali di Google e aumentare le tue posizioni in classifica.

Ma come Lo uso? Loro?

Ora approfondiremo cosa fa ogni plugin per il tuo sito web e come iniziare ad aumentare la velocità. Vedrai che questi plugin sono stati selezionati per la loro flessibilità.

Ti permetteranno di fare tutto ciò di cui hai letto, dal rinvio di JS al precarico del CSS.