State utilizzando un plugin per lo slider di WordPress e notate un ritardo? Avete notato che lo slider della vostra homepage si carica lentamente? Le seguenti tecniche di ottimizzazione possono essere applicate ai più diffusi plugin per slider di WordPress, tra cui:
- Rivoluzione del cursore
- Cursore di livello
- Soliloquio
- Scorrimento reale
- Cursore WD
- Cursore intelligente
- Cursore liscio
- Cursore Master
- MetaSlider
- Cursore Huge-IT
Perché il mio cursore di WordPress è lento?
Il vostro slider WordPress si carica lentamente a causa dei seguenti 5 problemi: hosting WordPress lento, un plugin per slider non aggiornato, una versione di WordPress non aggiornata, immagini ingombranti non compresse e impostazioni di ottimizzazione dello slider non configurate correttamente. Scoprite come affrontare ogni problema nelle esercitazioni che seguono. Se seguite questi semplici passaggi, il vostro slider si caricherà molto più velocemente, lasciando un’ottima prima impressione ai visitatori del vostro sito web. Iniziamo!
1. Hosting WordPress lento
La causa principale di un sito web lento è la scelta dell’host web. Indipendentemente dall’ottimizzazione del plugin per lo slider, se il JS, il CSS e le immagini provengono da un hosting lento, lo slider impiegherà un po’ di tempo per caricarsi. Se siete alla ricerca di una soluzione più rapida, controllate gli host web più veloci a confronto. Inoltre, è possibile esaminare le migliori opzioni di hosting WordPress per un’analisi più approfondita. Se siete fotografi e ospitate un sito web di portfolio ricco di immagini, date un’occhiata ai migliori host web per fotografi.
Come risolvere il problema dell’hosting WordPress lento: Iscrivetevi a un host consigliato come Bluehost per velocizzare il vostro sito web. (a partire da soli 2,95 dollari/mese)
2. Il vostro plugin di scorrimento è obsoleto
Slider Revolution, il più popolare plugin per cursori di WordPress, aggiorna il suo codice più di una dozzina di volte all’anno, in media. Nel 2017, ad esempio, sono stati effettuati 16 aggiornamenti (vedere il changelog qui). Alcuni di questi aggiornamenti riguardano la compatibilità e l’ottimizzazione di WordPress, mentre altri hanno un impatto diretto sulle prestazioni (come l’aggiunta del “Monitoraggio delle prestazioni e migliori suggerimenti sulle prestazioni”). Se il vostro
Come risolvere i plugin di scorrimento obsoleti: Accedere all’amministrazione di WordPress. Selezionare Dashboard > Aggiornamenti > Selezionare Tutti > Aggiornare i plugin. Si noti che alcuni temi WordPress hanno una sezione separata per i plugin consigliati nelle impostazioni del tema. Se il plugin per lo slider è stato installato insieme al tema WordPress, è possibile che l’aggiornamento sia disponibile qui e non nella sezione standard della dashboard > Updates.
3. La versione di WordPress è obsoleta
Ora che i vostri plugin sono aggiornati, dovrete anche assicurarvi che la versione di WordPress sia aggiornata. La maggior parte degli aggiornamenti del framework WordPress include l’ottimizzazione delle prestazioni e dei tempi di caricamento del sito web. L’aggiornamento della versione di WordPress e dei plugin garantisce prestazioni ottimali (se si utilizza un host web veloce).
Come aggiornare la versione di WordPress: Dalla stessa schermata della Dashboard > Updates, noterete un pulsante “Aggiorna ora” nella pagina “Aggiorna WordPress”. Seguite le indicazioni per un semplice aggiornamento con un solo clic.
4. Le immagini non sono ottimizzate
I cursori sono pesanti dal punto di vista dell’immagine e la trasmissione di immagini non ottimizzate attraverso il plugin del cursore può avere un impatto significativo sulle prestazioni. Sapevate che in media le immagini rappresentano il 54% delle dimensioni della pagina di un sito web? Ridurre le dimensioni delle immagini è un must nell’odierno mondo delle prestazioni web!
Come ottimizzare le immagini sul vostro sito web:
- Regolare le dimensioni dell’immagine. Riducete sempre le immagini a una dimensione in pixel appropriata per la risoluzione web. Di norma, cerco di avere tutte le mie immagini con una larghezza di 1200px o meno, poiché la maggior parte dei siti web e dei browser ridimensiona un’immagine di queste dimensioni o più grande per adattarla allo schermo dell’utente. Se si utilizza un programma di fotoritocco, come Photoshop, è necessario utilizzare il formato di compressione dell’immagine all’interno del software. In Adobe Photoshop, aprire l’immagine, quindi visitare il seguente percorso: File > Esporta > Salva per il Web (Legacy) > quindi selezionare i formati di file “PNG-24” o “JPEG”. Per i file PNG, in genere è necessario selezionare la casella “Trasparenza” e “Converti in sRGB”. Per JPEG, lasciare deselezionate le voci “Progressivo” e “Profilo colore incorporato”, ma selezionare le voci “Ottimizzato” e “Converti in sRGB”. Giocare con il cursore “Qualità” per regolare la risoluzione. La dimensione del file deve essere la più bassa possibile, pur mantenendo una qualità sufficiente. Se l’immagine inizia ad essere sfocata o pixelata nel riquadro di anteprima della scheda Ottimizzato, aumentare leggermente la qualità. In generale, il 60-80% di qualità è un buon punto di partenza per bilanciare le dimensioni del file con la qualità.
- Installate un plugin per la compressione delle immagini di WordPress sul vostro sito web. Questo non solo ottimizzerà ulteriormente le immagini già presenti nella libreria multimediale, ma comprimerà automaticamente anche le immagini caricate in futuro. Il mio preferito è TinyPNG, che utilizza la compressione intelligente di PNG e JPEG per ridurre le dimensioni dei file di immagine senza compromettere la qualità visiva. Hanno un plugin per WordPress disponibile qui. Tra le alternative a TinyPNG ci sono ShortPixel Image Optimizer e WP Smush, due ottimi plugin per WordPress che uso spesso.
- Caricate l’immagine sul vostro sito web, compilando i campi del titolo e del testo alt dell’immagine nel vostro CMS, secondo le migliori pratiche SEO.
5. Il plugin di scorrimento non è ottimizzato
Sapevate che molti cursori di immagini di WordPress hanno una sezione di ottimizzazione? Avete configurato correttamente il vostro? Slider Revolution, ad esempio, dispone di impostazioni Lazy Load e Performance, che consentono di ottimizzare e velocizzare i tempi di caricamento. Consultate la documentazione o la sezione di supporto del vostro slider specifico, per vedere se esiste una guida specifica per le prestazioni.
Come velocizzare Slider Revolution:
- Per velocizzare Slider Revolution, selezionare innanzitutto una delle seguenti impostazioni di Lazy Load, che si trovano in Modifica Slider > Impostazioni Slider > Prestazioni e Ottimizzazione SEO. Qui ci sono 4 impostazioni;
Tutti
(carica tutte le immagini del cursore),
Intelligente
(carica le immagini della prima diapositiva e precarica anche quelle della diapositiva successiva),
Singolo
(caricare le immagini delle diapositive “su richiesta”) e
Nessun caricamento pigro
(carica tutte le immagini al primo caricamento della pagina). La scelta dell’impostazione Lazy Load dipende dalla funzionalità del cursore, dalla velocità iniziale del sito e dalle esigenze di ottimizzazione.
2. Il secondo modo per velocizzare Slider Revolution è quello di esaminare la sezione “Prestazioni complessive dello slider”, che contiene due pulsanti: “Mostra statistiche complete” e “Mostra tutti i problemi”. Per una velocità ottimale dello slider, seguire i suggerimenti sulle prestazioni elencati qui.
3. Infine, per garantire i tempi di risposta più rapidi di Slider Revolution, assicuratevi che i requisiti di sistema siano soddisfatti. Nella sezione principale di amministrazione del plugin, è presente un riquadro “Requisiti di sistema”, che fornisce uno stato delle statistiche del server consigliate e di ciò che si sta attualmente utilizzando tramite il proprio host web. Selezionare il pulsante “Controlla ora” per un aggiornamento in tempo reale delle statistiche.
Suggerimento:
Se vi accorgete di essere al di sotto del limite di memoria, della dimensione massima dei file o della dimensione massima dei post, contattate il vostro host web e chiedete che questi limiti vengano aumentati fino all’importo suggerito. Spesso l’host Web lo farà, senza dover aggiornare il pacchetto di hosting o addebitare costi mensili aggiuntivi. Tuttavia, se scoprite che il vostro host web non soddisfa i requisiti di sistema e se non è disposto ad aggiornarvi gratuitamente, dovrete prendere in considerazione la possibilità di migrare verso un nuovo host web come Bluehost. Ho trovato il supporto tecnico di Bluehost molto accomodante per quanto riguarda questi requisiti di sistema per i siti web WordPress.
Attuando questi cinque passaggi si dovrebbe assistere a un aumento significativo delle prestazioni del cursore di WordPress. Se il vostro sito web è ancora lento, potete consultare questo articolo su Come velocizzare WordPress.