Accelerazione di WordPress ottimizzazione dell'immagine

Nelle prime due parti di questa serie, abbiamo esaminato il caching, l'ottimizzazione del database, la compressione, la minimizzazione e l'utilizzo di un CDN con i nostri siti Web WordPress. In questa ultima parte, parleremo di ottimizzazione delle immagini e di utilizzo di WordPress con il buon senso.

Cominciamo!

Ottimizzazione delle immagini in WordPress

È molto probabile che le immagini sulle tue pagine siano le risorse più grandi sul tuo sito web che vengono scaricate dai visitatori. Vieni a pensarci, è ovvio che dovremmo essere intelligenti riguardo il caricamento e l'uso delle immagini nelle nostre pagine. Ciò significa due cose: 

  1. Dobbiamo usare le immagini con parsimonia.
  2. Dobbiamo mantenere piccole le dimensioni dell'immagine. 

È qui che entrano in gioco le tecniche di ottimizzazione delle immagini.

In questo capitolo, esamineremo alcuni manuali e alcuni metodi automatici per l'ottimizzazione delle immagini.

Ottimizzazione dell'immagine manuale

Se sei come me e vuoi avere il massimo controllo possibile sulle tue immagini, devi ottimizzare le tue immagini manualmente. Ci sono letteralmente centinaia di tecniche di ottimizzazione delle immagini e applicazioni per vari formati di immagine (principalmente JPEG e PNG). Vi consiglio due:

  1. JPEGmini è un'eccellente applicazione che ottimizza i tuoi JPEG con un algoritmo di ottimizzazione intelligente e "lossy". Non ha alcuna impostazione (che è un peccato) ma fa un ottimo lavoro riducendo le dimensioni dei file (almeno il 30%). È disponibile nelle app Windows e Mac, insieme a un servizio web.
  2. RIOT (Strumento di ottimizzazione dell'immagine radicale) è uno strumento di ottimizzazione vecchio ma molto efficace per Windows. Può elaborare JPEG, PNG e GIF con vari algoritmi. Lo uso per ottimizzare i miei file PNG. Mentre i suoi strumenti di ottimizzazione PNG sono piuttosto lenti (specialmente su file PNG di grandi dimensioni), fanno perfettamente il lavoro.

Personalmente, mi piace lavorare manualmente piuttosto che automaticamente. Preparo e modifica le mie immagini in Adobe Photoshop, salva le mie immagini "per il web" in qualità al 100%, quindi apro JPEGmini per JPEG e RIOT per PNG per ridurre le dimensioni dei file.

Ottimizzazione automatica delle immagini con plugin WordPress

Se non vuoi occuparti di tutto il lavoro manuale, ci sono soluzioni automatiche che puoi usare. Ci sono opzioni lato server come Kraken PRO e JPEGmini Server, ma ci concentreremo su due plugin molto utili per l'uso quotidiano (o anche per il sollevamento di carichi pesanti):

  • WP Smush.it: Essendo il plug-in di ottimizzazione dell'immagine più popolare per WordPress, WP Smush.it esegue automaticamente ogni immagine che carichi tramite l'API di Smush.it e comprime le tue immagini con un algoritmo con perdita. Puoi anche ottimizzare in massa le tue immagini esistenti, il che è un vantaggio enorme.
  • EWWW Image Optimizer: Sebbene abbia sicuramente una scelta eccentrica per un titolo, EWWW Image Optimizer è quello che mi piace di più in termini di ottimizzazione delle immagini. Funziona benissimo, ma puoi perfezionare alcune impostazioni avanzate per sfruttarle al meglio. Tutti gli algoritmi utilizzati (jpegtran, optipng, pngout e gifsicle) sono algoritmi senza perdita di dati, il che significa che non cambierà alcun pixel ma ridurrà le dimensioni delle immagini ricodificando e pulendo i file. Potrebbe non ottimizzare le immagini come fa WP Smush.it, ma se non riesci a contenere le ottimizzazioni con perdita, EWWW Image Optimizer è il tuo ragazzo.

Usando WordPress con Common Sense

Aggiornare: Sembra che Yahoo! smesso di gestire Smush.it, quindi il plugin non comprimerà le immagini dalla versione 1.7.1.1. Il plug-in non verrà abbandonato, tuttavia gli sviluppatori del plug-in hanno annunciato che stanno correggendo il plug-in:

Secondo notizie non ufficiali ma piuttosto affidabili, Yahoo ha smesso di mantenere Smush.it :( Tuttavia, non tutto è perduto! Stiamo lavorando come maniaci qui al WPMU DEV per offrirti un'esperienza di smash gratuita, più affidabile e migliore, costruita grazie ai nostri professionisti versione del plugin e completata nel prossimo aggiornamento. Speriamo di averlo a disposizione molto, molto presto ... nel frattempo, per favore, resta con noi, ne varrà la pena, promessa.

Anche se segui tutti i consigli di questa serie, applichi ogni pezzo di codice e utilizzi ogni plug-in menzionato, non riesci ancora ad accelerare il tuo sito web. Ecco perché questa sezione è il pezzo più importante di tutti: il buon senso.

Cosa intendo per "buon senso"? Per lo più "stai attento e prudente", ma lasciatemi elaborare.

Scegliere un fornitore di hosting decente

Ottimizza il tuo sito web tutto ciò che desideri; ma se le prestazioni del tuo server sono scarse, le prestazioni del tuo sito web saranno scarse. Ecco perché è necessario scegliere con saggezza.

  • Non limitarti a controllare quanti gigabyte di spazio e larghezza di banda promettono, controlla anche le specifiche hardware del server.
  • Scegli un pacchetto di hosting adatto al tuo sito web. Se si dispone di un sito Web e-commerce popolare, non utilizzare un pacchetto di hosting condiviso.
  • E, soprattutto, cerca il web e leggi alcune recensioni dell'azienda: come sono i loro tempi di attività? Com'è il servizio di assistenza clienti?

Scegliere (o fare) un tema WordPress di qualità

Ho visto molti temi WordPress, sia gratuiti che a pagamento, che sembravano belli, ma erano codificati in modo terribile. I temi WordPress di buona qualità ma poco codificati potrebbero essere uno dei principali responsabili di un lento sito Web di WordPress. Dovresti scegliere tra i temi con le prestazioni in mente o creare il tuo tema WordPress (o averlo fatto).

Potresti chiedere: "Come dovrei sapere quanto è ottimizzato un tema?" ma non è difficile, in realtà. Seleziona un tema, quindi scansiona le pagine demo (non solo la home page!) In GTmetrix per vedere le loro Google Page Speed ​​e Yahoo! I punteggi YSlow e l'efficienza con cui gli asset vengono caricati con la vista "Timeline". Per quanto riguarda il carico del server, non hai molto da controllare se non puoi testarlo da solo e devi fare affidamento sui plugin per la cache.

Ridurre i plug-in

Questo è un gioco da ragazzi: se un plugin carica risorse o esegue operazioni di database nel front-end, interroga la sua necessità. Se non ne hai davvero bisogno, sbarazzati di esso. 

Puoi anche eseguire un test delle prestazioni sui plugin con il plug-in P3 (Plugin Performance Profiler) e vedere quali plugin richiedono molte risorse.

Mantieni WordPress, Plugin e Temi sicuri e aggiornati

Questo è un po 'cliché, ecco perché è l'ultima informazione in questa serie, ma questo non significa che sia sbagliato: dovere mantenere tutto aggiornato e sicuro.

  • Per quanto riguarda il tenersi aggiornati, non c'è molto da dire: basta aggiornare.Rimanere aggiornato può velocizzare il tuo sito web perché gli sviluppatori di core, plugin e temi lavorano costantemente per rendere il loro codice più efficiente.
  • Per quanto riguarda la sicurezza, puoi trovare vari plugin di sicurezza in WordPress.org. Assicurati di controllarli, confrontare le loro recensioni e utilizzare quello più adatto a te. Mantenere il tuo sito sicuro non accelera il tuo sito web, ma può mantenere la velocità del tuo sito web se (o quando) il tuo sito web è sotto attacco.

Serie Finale

Nell'era dell'informazione, è essenziale fornire le informazioni velocemente. Non possiamo sopportare nulla che non risponda rapidamente - riteniamo che il nostro tempo venga sprecato. E stiamo parlando di secondi e millisecondi qui. Non è necessariamente una buona cosa, ma in un mondo come questo, dobbiamo giocarci dal libro.

Ci sono un sacco di articoli su come migliorare la velocità in WordPress, ma volevo creare qualcosa di diverso. Mentre preparavo questa serie in tre parti, avevo una cosa per la testa: scrivere contenuto sempreverde sull'accelerazione di WordPress. Naturalmente, ci saranno plug-in migliori o tecniche più intelligenti, ma gli aspetti di rendere WordPress più veloce dovrebbero rimanere gli stessi, almeno fino a quando non entreremo nell'età quantica. Spero che ti sia piaciuto leggerlo quanto mi è piaciuto farlo.

Hai qualcosa da aggiungere? Condividi i tuoi pensieri con noi commentando di seguito. E se ti è piaciuta questa serie, non dimenticare di condividere gli articoli con i tuoi amici!