Controlla lo stato degli strumenti per le immagini.
Una cosa è pubblicare un'immagine sul web, ma è difficile farlo bene. Scegliere il formato, la compressione, i punti per pollice (DPI) e centinaia di altre impostazioni giusti può essere facilmente dimenticato se facciamo tutto da soli.
La grande notizia è che oggi disponiamo di un'infinità di strumenti e servizi che possono fare tutto questo per noi. La buona notizia è che, beh, c'è abbondanza. Può essere difficile scegliere lo strumento o il servizio più adatto a te. Ecco perché stiamo lanciando images.tooling.report, un sito in cui elenchiamo quelli che riteniamo più importanti quando spediamo immagini in produzione e per confrontare alcuni dei software e dei servizi più popolari (a pagamento o senza costi, in hosting o in self-hosting).
Perché?
Le immagini costituiscono una parte enorme dei byte trasferiti di un sito e questi byte vengono sommati. Infatti, abbiamo riscontrato che le immagini non ottimizzate rappresentavano quasi il 75% delle dimensioni totali di una pagina. Tutti questi byte sprecati hanno un costo. Ecco perché in uno studio condotto su milioni di sessioni di utenti reali, le pagine che hanno generato conversioni avevano il 38% di immagini in meno rispetto a quelle che non hanno effettuato conversioni. Dovresti eliminare tutte le tue immagini? Ovviamente no. Tuttavia, devi assicurarti che le immagini inviate siano ottimizzate per tutti gli utenti, indipendentemente dai dispositivi utilizzati.
Di cosa si tratta?
Pubblicare immagini ottimizzate non significa semplicemente fare clic su "Salva per il web". Ecco perché images.tooling.report verifica la presenza di un'ampia gamma di funzionalità. Esaminiamo le nozioni di base, come la compressione fornita dai diversi strumenti e servizi e le ottimizzazioni della rete come le intestazioni cache di lunga durata.
Ma non ci fermiamo qui. Abbiamo cercato opzioni più avanzate, come il supporto per Save-Data, ECT e altri suggerimenti per i clienti, per cercare l'analisi psicovisiva automatizzata in grado di utilizzare modelli di dati per comprimere ripetutamente le immagini, al fine di trovare la versione che impiega il minor numero di byte senza modificare la percezione dei nostri occhi. Stai schiacciando fino all'ultimo bit non visivo dalle immagini prima di mandare giù il cavo?
Ovviamente ogni sito è un fiocco di neve: nessuno strumento o servizio ha fatto proprio tutto quello che cercavamo. È previsto che sia così. Perciò abbiamo suddiviso i test in diverse categorie. Trattiamo le reti CDN (Content Delivery Network), i progetti self-hosted, i plug-in dei sistemi di gestione dei contenuti (CMS) e gli strumenti per la creazione di siti. Si tratta di definizioni piuttosto vaghe, che servono a rendere più pertinente il confronto tra le diverse opzioni:
- I plug-in CMS sono pacchetti facili da sviluppare su piattaforme come WordPress.
- Gli strumenti per la creazione di siti confrontano una serie di servizi diversi che puoi utilizzare per creare il tuo sito web.
- Self-hosted è pensato per gli sviluppatori che sono disposti a clonare un progetto Git o a eseguire la propria immagine Docker in produzione.
- I CDN sono un po' più complicati. Alcune di queste sono CDN nel senso tradizionale, ma altri sono servizi che eseguono il proxy o ospitano le tue immagini a livello perimetrale.
Non puoi essere sempre alla portata di tutti, ma ti consigliamo di dare un'occhiata ai test e alle funzionalità che vengono valutati per vedere come si posiziona il tuo ottimizzatore di immagini. E se non stai già facendo qualcosa per l'ottimizzazione delle immagini oggi? Questo è un ottimo momento per dare un'occhiata agli strumenti per le immagini e scoprire i vantaggi che puoi offrire agli utenti che già utilizzano il tuo sito.
Passaggi successivi
Pensi che ci sia sfuggito uno strumento o un servizio per le immagini? Facci sapere. Sia gli strumenti e i servizi, sia i test stessi sono qualcosa di vivente e aggiornato. Ogni volta che hai bisogno di un posto veloce per dare un'occhiata all'avanguardia delle immagini di spedizione, assicurati che la prima tappa sia images.tooling.report.
Immagine hero di Michael Maasen su Unsplash.