Avere delle immagini in buona qualità nel proprio sito web è molto importante per acquisire maggiore autorevolezza online.

Spesso però vengono commessi diversi errori ogni volta che si caricano immagini all'interno del sito WordPress, ad esempio, pesa troppo il formato sbagliato.

La dimensione non è adeguata.

L'obiettivo di questa lezione è proprio quello di mostrarvi come ottimizzare al meglio le immagini e far sì che si carichino velocemente in questa azione.

Iniziamo a vedere il plugin V P smash, che è un plugin molto potente, sicuro, stabile e affidabile per WordPress, che vi consentirà di ottimizzare, comprimere e attivare la tecnica dell'asd homepage.

Partiamo da subito La definizione di che cos'è il load.

Il load è una tecnica usata sulle pagine web per velocizzare questa detta in parole abbastanza semplici in termini più tecnici.

Che cosa fa il load? Il load blocca le immagini e non le carica ogni volta che l'utente apre una pagina web, ma le carica solo quando servono e sono necessarie.

Vi faccio un esempio molto semplice eseguo un certo tipo di ricerca all'interno di Google.

Atterro in un sito web.

Quando il sito web viene caricato, vengono scaricati tutti i dati e ovviamente in alcuni casi i dati vengono scaricati tutti nello stesso momento, quindi questo va ad appesantire tutto il tempo di caricamento.

Che cosa fa questo load carica l'immagine solo quando necessariamente serve.

Quindi se l'immagine presente in fondo o a metà della pagina verrà caricata e mostrata dal browser solo quando l'utente scrollerà in quella determinata posizione.

E quindi capite bene che è una tecnica molto molto importante che può dare un ulteriore per migliorare il tempo di AC di apertura del sito web.

Per fare tutte queste operazioni utilizzeremo il plugin di V P smash.

Andiamo quindi a aggiungere il plugin.

Entriamo quindi in band, andiamo su plugin, aggiungi nuovo e facciamo subito una ricerca.

Si chiamo Smash Ops.

Eccolo qua.

Non vi potete sbagliare è dell'autore um v P M u dev e a oltre un milione di installazioni.

Quindi ripeto, è un plugin molto sicuro e stabile.

Lo utilizzo in tutti i miei progetti su WordPress.

Quindi dopo l'installazione, andiamo ad attivare il plug-in e andiamo a vedere quelle che sono le sue impostazioni.

Come al solito viene aggiunta una nuova voce nel menù di sinistra.

Iniziamo a vedere quelle che sono le, quindi tutto quello che riguarda le impostazioni.

Allora nelle impostazioni generali la prima cosa che possiamo attivare o disabilitare è il la possibilità di ricevere un avviso se l'immagine che stiamo caricando non ha una dimensione corretta.

Questo capita molto spesso.

Lo vedo ogni giorno nei siti web um e vi faccio subito un esempio molto semplice se un'immagine di copertina in un homepage o in una pagina che siamo in una pagina servizi o via dicendo, um viene mostrata al massimo in un browser desktop in un in un dispositivo desktop come larghezza millenovecentoventi pixel in alta definizione è abbastanza inutile caricare quell'immagine larga tremila pixel o quattromila pixel.

Questa opzione abilitata vi darà un avviso se ci sono degli errori vi faccio vedere poi subito un esempio eh? Salvo intanto le modifiche vado su pagine, aggiungo una pagina velocemente con elemento e dove andrò a inserire un semplice testo e una semplice immagine.

Qui mettiamo un editor di testo e mettiamo un'immagine.

Andrò ad inserire quest'immagine che ho caricato in duemilacinquecento sessanta pixel, quindi è molto larga ed è anche abbastanza pesante.

Aggiorno la pagina e guardiamo un po' il andrò ad impostare la dimensione piena, quindi per replicare l'errore ci aggiorna.

Non era questa l'immagine corretta la ri trascino, aspettiamo il caricamento.

Okay, ho ricaricato l'immagine nella mia pagina di test solo per mostrarvi um l'errore che vi segnalerà il plugin.

In questo caso ho ricaricato un'immagine molto grande rispetto a come verrebbe visualizzata.

Come vedete compare un errore cioè semplicemente vi dice che l'immagine è troppo grande rispetto a quelle che sono le dimensioni e vi consiglia di ricaricarla um millecentoquaranta pixel come larghezza questo a che cosa serve? In in linea generale il consiglio che io offro sempre è quello di caricare le immagini nel formato salva per web.

Se usate camba, photoshop o altri programmi in settantadue um d p i e per il web, quindi diciamo che nel minor peso possibile chiaramente capisco che alcune immagini non si riescono a comprimere più di tanto, però diciamo che in linea generale il la procedura è questa e poi anche per quanto riguarda la dimensione.

Quindi se state caricando un'icona um tipo questo logo o comunque un'icona contatti un'icona del telefono di uno smartphone, chiaramente non carichiamo la super super larga mille pixel, ma carichiamo ad esempio a duecento pixel trecento pixel al massimo, quindi cerchiamo di dosare bene tutto l'aspetto che riguarda la dimensione per ogni upload.

Um tornando quindi nelle impostazioni generali, um, questo è a vostra discrezione discrezione, attivarlo, disabilitarlo, però in alcuni casi può um esservi di aiuto.

In questo caso salviamo le modifiche, andiamo avanti con le altre configurazioni alla tab delle configurazioni c'è questo preset che è sostanzialmente un preset di configurazione del plugin.

Vi consiglio di lasciarlo di default perché poi andremo a vedere nel dettaglio come ottimizzarlo e abilitarlo alla TAV da Abbiamo la possibilità di eseguire un reset di tutte le impostazioni, perché magari abbiamo impostato il plugin, ma ci siamo accorti che le immagini vengano compresse male.

Ci sono degli errori o comunque ci sono dei problemi in generale Cliccando su se possiamo in un click ripristinare le impostazioni iniziali il plugin entriamo un po' più nel dettaglio, allora la voce bulk smash Abbiamo la possibilità di um comprimere in massa tutte le immagini che ho già nei media del mio sito WordPress.

Qui ci sono tre livelli di compressione.

Io vi consiglio di lasciarlo su basi che altrimenti super potreste comunque ricevere delle immagini con una qualità inferiore, quindi va benissimo su Basic e mi raccomando, caricate sempre immagini in buona definizione, ma al minor peso e con la dimensione corretta.

Con la compressione leggera basic andate più che bene e poi andando verso il basso abilitate.

Chiaramente l'auto questo abiliterà una compressione automatica ogni volta che caricate un'immagine nel vostro sito web.

Quindi, ad esempio, se pesa um settecento kappa in automatico ve la comprime magari di un venti venticinque percento e lo fa tutto in automatico non dovete fare assolutamente nulla.

E questo per quanto riguarda le impostazioni della della compressione di massa.

Più o meno sono queste le le le impostazioni e vanno più che bene.

Poi andiamo nell' la tecnica di cui vi ho parlato prima.

Innanzitutto potete decidere se abilitarlo e disabilitarlo.

Ovviamente noi lo andremo ad abilitare e poi ci sono una serie di opzioni che possiamo controllare ad ese.

Ad esempio, possiamo decidere se il load si attiva in questi tipi di file J p g, p, n, GU p, gif s v g iframe.

Quindi se vogliamo disabilitarlo per alcuni tipi di formati, dove magari potremmo avere dei problemi, poi, una cosa importante è la possibilità di escludere alcuni tipi di post.

Ad esempio se io volessi disabilitare l'ade nei negli articoli vado su post e disabili il load in tutti gli articoli, lo stesso per le pagine, lo stesso per le categorie e i tag e così via.

Quindi anche qui avete un pieno controllo.

Fa le modifiche salvate ovviamente le modifiche.

Andiamo a vedere velocemente quelle che sono le altre opzioni.

Potete servire le immagini tramite una c D N, che è una cosa, un po' più avanzata che non ci interessa, in questo caso c'è.

Una cosa importante da considerare è quella però disponibile nella versione pro del plug-in, ovvero la possibilità di convertire e trasformare tutte le immagini del sito web servendola nel formato web P.

Il formato UE P è un formato molto più veloce, leggero e performante per aumentare i tempi di caricamento del sito web.

Diciamo che la differenza non è così enorme se rispettate chiaramente tutti quelli che sono i criteri di upload immagine.

Se avete ridimensionato l'immagine nel formato corretto in cui verrà mostrata nel browser, se l'avete compressa in J p G o p n G al minor peso l'avete caricata non vengono mostrati errori nella pagina siete già a posto così, però potete anche testare il formato UE P che potrebbe um ridurla ancora di qualche piccola percentuale.

Okay, abbiamo visto le impostazioni.

Diciamo che ci siamo.

Facciamo un breve recap di quello che abbiamo visto in questa lezione e quindi mi raccomando, la gestione delle immagini è molto importante.

Prima di tutto e prima di caricare qualsiasi media all'interno delle immagini della libreria di WordPress, eseguite queste semplici procedure la ridimensionate nel formato corretto.

Quindi larghezza per altezza che non sia troppo grande la comprime.

Salvate per il web e la caricate dentro WordPress.

A quel punto il plugin SSH la comprime in automatico.

Attivando l'ade avrete sicuramente dei tempi di caricamento di apertura delle pagine migliori.