5 plugin per ottimizzare le immagini di WordPress e rendere il tuo sito PIÙ VELOCE (2023)

Se vuoi offrire un'ottima esperienza utente ai tuoi visitatori, dovrai assicurarti che il tuo sito web si carichi più velocemente, in modo da non frustrarli. In effetti, la velocità del tuo sito web può creare o distruggere il tuo business online. DEVI ottimizzare le immagini di WordPress per rendere il tuo sito più veloce, perché le immagini sono solitamente la parte più pesante dei tuoi contenuti,

Walmart ha trovato un file 2% di aumento del tasso di conversione ogni volta che hanno migliorato la velocità di 1 secondo. Questo è un esempio di molti che indicano che rendere veloce il tuo sito Web è fondamentale.

Un modo semplice per rendere più veloce il tuo sito Web è ottimizzare tutte le immagini sul tuo sito Web WordPress.

Se non hai ancora considerato la velocità del tuo sito Web WordPress come una componente fondamentale della tua attività, dovrai ricrederti e iniziare a prendere misure per migliorare la velocità del tuo sito Web WordPress.

Consiglia di leggere: Come ottenere un sito Web WordPress veloce: una guida completa [25 passaggi]

Ci sono molti modi per rendere più veloce il tuo sito web. Alcuni di loro sono elencati di seguito.

• Evita di utilizzare troppi plugin di WordPress
• Usa i servizi CDN di WordPress
• Ottimizza la consegna CSS
• Ottimizza le immagini di WordPress

Le immagini che non sono state ottimizzate per il Web sono in genere di grandi dimensioni. Queste immagini impiegheranno più tempo a caricarsi.

È importante ottimizzare le immagini rendendole il più piccole possibile.

Tuttavia, la maggior parte delle volte, il processo di ottimizzazione delle immagini per WordPress e il tuo sito Web è noioso o ostacola la produzione di contenuti.

In questo post, spiegheremo diversi modi per ottimizzare le tue immagini WordPress e quindi velocizzare il caricamento del tuo sito.

Comprimi le immagini o salvale per il web

È un gioco da ragazzi che le dimensioni della tua immagine possono influenzare il tempo di caricamento del tuo sito Web WordPress. Più il tuo browser deve caricare, più tempo ci vorrà per farlo.

Ciò è particolarmente vero su connessioni Internet mobili o più lente.

Poiché le immagini ad alta risoluzione avranno dimensioni di file maggiori, è sempre meglio farlo comprimere le immagini prima di caricare.

In questo modo, il browser dovrà essere scaricato less i dati quindi dovrebbero caricarsi molto più velocemente.

Ora potresti avere una domanda: cos'è la compressione delle immagini di WordPress e come può ridurre le dimensioni senza influire sulla qualità?

La compressione è il processo di riduzione drastica delle dimensioni dell'immagine rimuovendo algoritmicamente le informazioni sull'immagine che un occhio umano non può percepire. Questo è un modo molto efficace per ottimizzare le immagini di WordPress.

Sebbene la compressione delle immagini sia un metodo infallibile per ridurre le dimensioni dell'immagine, quando si tratta di comprimere i file JPEG, a volte il processo perde il contenuto effettivo delle immagini durante il processo.

Questo è l'unico aspetto negativo di questo approccio. Ricordati di controllare attentamente i risultati post-compressione, per assicurarti di essere soddisfatto dei risultati della compressione.

WP Smush è un popolare plug-in di WordPress che ti consente di ridurre facilmente le dimensioni del file immagine scansionando ogni immagine caricata e rimuovendo le informazioni sui dati non necessarie. 

La versione gratuita di questo plugin ti consente di comprimere immagini fino a 1 MB di dimensione mentre, con la versione pro, puoi comprimere immagini fino a 32 MB.

È possibile scaricare WP Smush

Tieni inoltre presente che questo plug-in ti consente di ottimizzare tutte le immagini appena caricate sul tuo sito Web WordPress. Se desideri comprimere le immagini esistenti, puoi utilizzare il collegamento Bulk Smush.it nella scheda della libreria multimediale per ottimizzare le immagini WordPress esistenti.

Parleremo di più sui plugin di ottimizzazione tra poco.

Caricamento lento: ottimizza i tempi di caricamento delle immagini di WordPress

[AGGIORNAMENTO: WordPress 5.4 ha il caricamento lento integrato. Finché mantieni WordPress aggiornato, non devi più preoccuparti del caricamento lento.]

Sappiamo tutti che "Un'immagine vale più di mille parole".

Ma l'uso di troppe immagini su una singola pagina può rallentare il caricamento del tuo sito web.

Un modo semplice per migliorare il tempo di caricamento è rimuovere le immagini non necessarie e conservare solo quelle che sono assolutamente necessarie. Tuttavia, non tutti vogliono ridurre il numero di immagini utilizzate su una pagina web, solo per velocizzare il caricamento della pagina.

Come si risolve questo problema?

Potresti averlo già notato: i siti Web che utilizzano molte immagini su ogni pagina risolvono questo problema facendo caricare l'immagine solo quando è visibile all'utente.

Questa tattica non solo riduce il tempo di caricamento della pagina, ma consente anche di risparmiare larghezza di banda del server. Questo si chiama caricamento lento. Poiché l'immagine è "pigra", compare solo quando è necessaria.

Se sei su WordPress, è più facile caricare l'immagine solo quando è visibile. Tutto quello che devi fare è installare un plug-in Lazy load.

Ancora una volta questo è un modo eccellente per ottimizzare le immagini di WordPress per una maggiore velocità.

Prima avevi bisogno di un plugin per questo, ma ora è integrato in WordPress.

Per saperne di più: Divi contro Elementor

Usa il formato immagine corretto

Conoscere le differenze tra ciascun formato di immagine ti consente di utilizzare il formato giusto sul tuo sito Web, il che ti aiuta anche quando si tratta di ottimizzazione delle immagini.

JPEG, PNG e GIF sono i formati di immagine più popolari.

Quale formato è migliore per le immagini del sito Web WordPress ottimizzate e quando dovresti usarlo?

• GIF: Usa GIF quando l'immagine è troppo piccola e utilizza un relativamente less numero di colori. Ad esempio, GIF è una buona scelta per clip art, elenchi puntati e grafici. D'altra parte, le immagini complesse con miglioramenti come le ombre esterne non possono essere visualizzate correttamente utilizzando GIF.
• JPEG / JPG: È adatto per immagini complesse con molte variazioni di colore o se contiene immagini fotografiche.
• PNG: Il formato PNG è più adatto per immagini trasparenti.
• WebP: questo è il formato migliore in questi giorni, ma la creazione di queste immagini richiede il supporto del server sul tuo sito web

Tieni presente che queste sono solo raccomandazioni generali. Come tutte le regole, ci sono delle eccezioni e alcune di queste regole devono essere violate.

Fai un uso efficace della cache del browser

Quando carichi immagini su una pagina web, assicurati di caricarle in una singola directory. Il caricamento delle immagini in una singola directory su una pagina Web aiuterà il browser a caricare facilmente quelle immagini utilizzando la cache del browser durante le visite ripetute.

Va bene se stai caricando immagini tramite l'uploader di immagini WordPress predefinito. Ma ad esempio, se stai creando pagine di destinazione HTML su WordPress, è probabile che non utilizzerai l'uploader di immagini WordPress predefinito.

In questi casi, invece di caricare le immagini di una pagina web in diverse directory, assicurati di caricarle tutte in un'unica directory.

Se vuoi saperne di più sulla memorizzazione nella cache del browser e su come sfruttarla, dai un'occhiata al nostro articolo dettagliato qui: Come sfruttare la cache del browser in WordPress con o senza plug-in [5 modi]

Usa la stessa immagine più volte

Un altro modo per utilizzare la cache del browser per ridurre la larghezza di banda dell'immagine è utilizzare le stesse immagini più volte in tutto il sito.

Ad esempio, quando utilizzi loghi o voci di menu da una pagina, assicurati di chiamare le stesse immagini in tutto il sito, in modo che gli utenti non debbano scaricarle più volte ma una volta, ei browser possono visualizzare le immagini dal browser cache.

Durante l'utilizzo di uno sfondo con texture, assicurati di utilizzare ripetutamente immagini più piccole invece di utilizzare un'unica immagine grande. Questo può anche aiutare a ridurre il tempo di caricamento.

Per impostazione predefinita, quando carichi immagini utilizzando l'uploader multimediale sulla dashboard di WordPress, queste vanno nella cartella a seconda di quando le carichi. Ciò significa che tutte le immagini caricate in un mese si troveranno in una singola directory.

Ad esempio, se carichi un'immagine nel gennaio 2021, si troverà in questa directory: wp-content / uploads / 2021/01.

Diamo un'occhiata ai vantaggi del caricamento tramite l'uploader multimediale e poi, ti diremo cosa dovresti considerare quando non stai caricando sul tuo caricatore multimediale per velocizzare il tuo sito web.

Media uploader rende il caricamento delle immagini più veloce: Il caricamento sarà più veloce se le immagini sono memorizzate nella stessa cartella durante la navigazione di una pagina web.

Quando le immagini vengono richiamate ripetutamente, il browser può recuperarle facilmente dalla cache del browser se si trovano in un'unica cartella.

Spesso, tuttavia, i blogger di WordPress non utilizzano l'uploader multimediale predefinito, soprattutto quando si lavora su una pagina di destinazione personalizzata. Per semplicità, caricano le immagini in una directory separata.

In questi casi, assicurati di caricare tutte le immagini di quella pagina in una singola directory invece di caricarle in più directory. Questa tattica può migliorare il tempo di caricamento poiché la memorizzazione nella cache dei file sarà più facile durante le visite ripetute.

Usa CSS al posto delle immagini

Sai che puoi migliorare il tempo di caricamento non utilizzando alcuna immagine?

Ad esempio, è totalmente possibile generare determinate forme utilizzando semplici CSS invece di immagini come rettangoli arrotondati, sfumature, ombre esterne e immagini trasparenti.

Detto questo, assicurati di tenere d'occhio il controllo della compatibilità del browser ogni volta che sostituisci qualsiasi immagine con CSS perché non tutti i browser sono in grado di supportare queste tecniche.

5 plug-in di ottimizzazione delle immagini per aiutare a mantenere la velocità della pagina

Abbiamo menzionato il plug-in di ottimizzazione delle immagini Smush in precedenza, ma non è l'unico che puoi utilizzare.

Se sei convinto che l'ottimizzazione delle immagini sia la strada da percorrere (e dovresti esserlo), ecco 5 plugin di WordPress che offrono:

1. Ottimizzatore di immagini ShortPixel per WordPress

ShortPixel Image Optimizer per WordPress è un plug-in leggero con tutte le funzionalità di base per aiutarti a ottimizzare le immagini.

Comprime le immagini, le converte, include processi in background per ottimizzare le immagini e molto altro ancora.

Il plug-in è gratuito per un massimo di 100 crediti al mese. Quindi costa da $ 3.99 al mese per crediti extra. I piani illimitati partono da $ 8.99 al mese.

Questo plugin fa molte cose bene. La versione gratuita ti consente di provare prima di acquistare, ma complica la vita con i prezzi una volta che inizi a ottimizzare più immagini. Altrimenti è una buona opzione.

2. Imagify

Imagify è un popolare plugin per l'ottimizzazione delle immagini con oltre 300,000 installazioni. Ti consente di ottimizzare le immagini, convertire formati incluso WebP e ridimensionare al volo. È un plugin molto competente se pensi di poter utilizzare tutte le opzioni.

Esiste una versione gratuita con un massimo di 20 MB di ottimizzazioni dei file. I piani premium costano $ 4.99 al mese per un massimo di 500 MB e $ 9.99 al mese per ottimizzazioni illimitate.

Poiché Imagify si comprime sui propri server anziché sui tuoi, questo metodo di determinazione dei prezzi funziona meglio.

Imagify offre alcuni potenti strumenti di ottimizzazione e tre livelli di compressione. Inoltre, utilizza i propri server per farlo. Quei 20 MB gratuiti non sono molti, poiché un'immagine HD può facilmente essere superiore a 2 MB.

3. EWWW Image Optimizer

EWWW Image Optimizer è un plugin gratuito per l'ottimizzazione delle immagini per WordPress che fa molto senza chiedere nulla in cambio. Si installa in WordPress e utilizza sia lossy che lossless compressione per ridurre le immagini sul tuo sito.

Può gestire immagini fino a 150 MB di dimensione e può ridursi fino al 50%. Sebbene non abbia molte funzionalità più avanzate, le basi sono decisamente coperte.

EWWW Image Optimizer è un'ottima opzione gratuita che è piuttosto semplice ma fa il suo lavoro. Chiunque necessiti di caricamento lento o ottimizzazioni delle immagini più avanzate dovrà pagare da $ 7 al mese per funzionalità premium.

4. Smush

Smush è un potente plugin gratuito per l'ottimizzazione delle immagini per WordPress. Ha oltre 1 milione di installazioni e fa tutto ciò che dovrebbe fare un plugin di questo tipo. Ottimizza, riduce, cambia formato e persino carica le immagini in modo pigro.

Smush è installa e dimentica. Impostalo, lascialo libero e ottimizzerà tutte le immagini esistenti e farà automaticamente lo stesso per tutte le nuove immagini. La funzione Bulk Smush è particolarmente utile per siti Web o portfolio ricchi di immagini.

Ad essere onesti, Smush è così capace che fatichiamo a giustificare il pagamento per l'ottimizzazione delle immagini. Se gestisci un sito Web più piccolo e non dipendi molto dalle immagini, potrebbe essere l'unico plug-in di cui hai bisogno.

5. Optimole

Optimole è più un plug-in di ottimizzazione delle immagini a mani libere. Una volta installato, controllerà le immagini esistenti e le ottimizzerà e ridurrà automaticamente le nuove immagini come fa Smush.

Optimole offre anche immagini basate su cloud utilizzando un server Optimole. Ciò può accelerare la consegna delle immagini a scapito di più richieste HTTP. È gratuito per un massimo di 5,000 visitatori al mese e $ 19.99 per immagini illimitate.

Optimole è buono in quanto gestisce la pubblicazione di immagini sulle tue pagine web. Non è così buono in quanto serve immagini per le tue pagine web. Perdi molto controllo in cambio di un modesto guadagno in termini di prestazioni.

Domande frequenti sui plugin Ottimizza immagini di WordPress

Esiste un plug-in per la compressione delle immagini di WordPress gratuito?

Sì, sono disponibili diversi plug-in gratuiti per la compressione delle immagini di WordPress che possono aiutarti a ridurre le dimensioni del file delle tue immagini senza sacrificare la qualità. Alcune opzioni popolari includono Smush, ShortPixel e Optimole. Questi plugin sono freemium, quindi di solito otterrai un certo numero di compressioni di immagini gratuitamente e quindi più opzioni o utilizzo come parte di un piano premium.

Come si ottimizzano le immagini per il Web in Photoshop?

Per ottimizzare le immagini per il Web in Photoshop, segui questi passaggi. Innanzitutto, ridimensiona l'immagine: vai su Immagine> Dimensione immagine e imposta le dimensioni sulla dimensione desiderata per la tua pagina web. Assicurati di selezionare la casella "Ricampiona immagine" e scegli "Bicubic Sharper" per ottenere i migliori risultati. Salva l'immagine per il Web: vai su File > Esporta > Salva per Web (legacy) e scegli il formato del file (JPEG, PNG o WebP) e le impostazioni di compressione. Utilizza il pannello di anteprima per confrontare diversi livelli di compressione e assicurarti che l'immagine abbia un bell'aspetto pur avendo un file di piccole dimensioni. Usa il formato di file corretto: per le fotografie, usa il formato JPEG e per la grafica o i loghi, usa il formato PNG o WebP che in genere è buono per la maggior parte dei tipi di immagini. Ciò contribuirà a garantire che le tue immagini siano ottimizzate per il Web e vengano caricate rapidamente sul tuo sito web.

Come si ottimizzano le immagini per WordPress senza un plug-in?

Per ottimizzare le immagini per WordPress senza plug-in, puoi seguire questi passaggi. Ridimensiona l'immagine utilizzando un editor di immagini per ridimensionare l'immagine alle dimensioni desiderate. Puoi usare Photoshop, GIMP o qualsiasi altro editor di immagini con cui ti senti a tuo agio. È possibile comprimere l'immagine utilizzando uno strumento di compressione delle immagini. Sono disponibili molti strumenti online gratuiti, come TinyPNG o Kraken.io, che possono comprimere le tue immagini senza perdere qualità.

Ottimizzazione delle immagini di WordPress

L'ottimizzazione delle immagini è una delle modifiche più importanti che puoi apportare per migliorare l'usabilità e la reattività del tuo sito web.

Poiché la velocità è tutto, consegnare le pagine rapidamente, con un ritardo minimo aiuta a migliorare il coinvolgimento e avrà un effetto a catena anche sul tuo SEO.

Poiché è così semplice da fare, pensiamo che ogni sito Web dovrebbe utilizzare una qualche forma di ottimizzazione delle immagini.

Cosa ne pensi? Ottimizzate le immagini? Che metodo usi?

L'autore

Autore: Shahzad SaidSito web: http://shahzadsaeed.com/E-mail: shahzad@collectiveray.com

Shahzaad Saaed è stato presentato in un gran numero di siti Web di autorità, come esperto di WordPress. È specializzato in content marketing per aiutare le aziende a far crescere il proprio traffico.