{"id":13818,"date":"2023-03-14T16:42:42","date_gmt":"2023-03-14T15:42:42","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=13818"},"modified":"2025-10-30T20:25:52","modified_gmt":"2025-10-30T19:25:52","slug":"ottimizzare-immagini-wordpress","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/ottimizzare-immagini-wordpress\/","title":{"rendered":"Ottimizzare immagini WordPress: guida completa"},"content":{"rendered":"\n<p>Le <strong>prestazioni di un sito web<\/strong> sono importanti e in molti casi dipendono anche dalla dimensione delle immagini che utilizzi sul tuo sito. <\/p>\n\n\n\n<p>Sul nostro blog ci siamo gi\u00e0 concentrati su come <a href=\"https:\/\/supporthost.com\/it\/velocizzare-wordpress\/\" data-type=\"post\" data-id=\"9328\">velocizzare WordPress<\/a> e abbiamo visto che la velocit\u00e0 dipende da molti fattori, tra cui anche dalla scelta di un <a href=\"https:\/\/supporthost.com\/it\/hosting-wordpress\/\" data-type=\"page\" data-id=\"22570\">hosting WordPress<\/a> performante.<\/p>\n\n\n\n<p>Ora \u00e8 il momento di fare il passo successivo e vedere <strong>come ottimizzare<\/strong> le immagini per WordPress.<\/p>\n\n\n\n<p>Ovviamente ridurre la <strong>dimensione <\/strong>delle immagini non deve equivalere a dover rinunciare alla <strong>qualit\u00e0<\/strong>: \u00e8 importante perci\u00f2 trovare una via di mezzo per assicurare entrambe. <\/p>\n\n\n\n<p>In questa guida passo passo ti mostro come arrivare ad avere immagini <strong>da 1.6MB a 550KB<\/strong> mantenendone la qualit\u00e0.<\/p>\n\n\n\n<p>Questo articolo \u00e8 incentrato sull&#8217;ottimizzazione dal punto di vista delle <strong>prestazioni <\/strong>e della resa grafica. Abbiamo trattato separatamente l&#8217;aspetto dei motori di ricerca vedendo come <a aria-label=\"ottimizzare le immagini per la SEO (opens in a new tab)\" class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/ottimizzare-immagini-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">ottimizzare le immagini per la SEO<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#perche-e-importante-ottimizzare-le-immagini-di-word-press\">Perch\u00e9 \u00e8 importante ottimizzare le immagini di WordPress?<\/a><ul><li><a href=\"#trovare-il-giusto-compromesso-tra-qualita-e-dimensioni\">Trovare il giusto compromesso tra qualit\u00e0 e dimensioni<\/a><\/li><\/ul><\/li><li><a href=\"#scegliere-il-formato-giusto\">Scegliere il formato giusto<\/a><\/li><li><a href=\"#tipi-di-compressione\">Tipi di compressione<\/a><\/li><li><a href=\"#dimensioni-immagini-per-il-web\">Dimensioni immagini per il web<\/a><\/li><li><a href=\"#ottimizzare-immagini-word-press-in-automatico\">Ottimizzare immagini WordPress in automatico<\/a><\/li><li><a href=\"#un-caso-studio-per-lottimizzazione-delle-immagini\">Un caso studio per l&#8217;ottimizzazione delle immagini<\/a><ul><li><a href=\"#installazione-e-configurazione-di-short-pixel\">Installazione e configurazione di ShortPixel<\/a><\/li><li><a href=\"#prima-ottimizzazione\">Prima ottimizzazione<\/a><\/li><li><a href=\"#seconda-ottimizzazione\">Seconda ottimizzazione<\/a><\/li><\/ul><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<p>Puoi seguire la guida anche attraverso questo mio breve video. Nota che dopo l&#8217;aggiornamento ShortPixel \u00e8 leggermente cambiato e potresti vedere impostazioni aggiuntive rispetto a quelle mostrate nella versione del video.<\/p>\n\n\n\n<div data-video-id=\"f-7iw3QNgE0\" style=\"--btn-hover-color:#ff0000;--btn-hover-scale:1;\" class=\"wp-block-supporthost-supporthost-youtube-block\">\n    <div class=\"youtube-video-play youtube-video-play--youtube\" style=\"height:60px;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 71.412 50\" style=\"height:60px;\"><g transform=\"scale(.58824)\"><path class=\"yt-bg\" fill=\"rgba(0,0,0,0.8)\" d=\"M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z\"\/><path fill=\"#ffffff\" d=\"M80.2 42.5L48.6 24.3v36.4z\"\/><\/g><\/svg><\/div>            <img src=\"https:\/\/img.youtube.com\/vi\/f-7iw3QNgE0\/maxresdefault.jpg\" loading=\"lazy\" decoding=\"async\">    <\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"perche-e-importante-ottimizzare-le-immagini-di-word-press\">Perch\u00e9 \u00e8 importante ottimizzare le immagini di WordPress?<\/h2>\n\n\n\n<p class=\"note\">Negli anni ho avuto modo di mettere mano in siti creati da persone diverse. Uno dei problemi pi\u00f9 comuni \u00e8 quello di avere immagini pesanti, vale a dire immagini con dimensioni troppo grandi o qualit\u00e0 troppo alta che appesantivano inutilmente la pagina web.<\/p>\n\n\n\n<p>Come spiegavo in un articolo precedente \u00e8 <a class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/perche-e-importante-avere-un-sito-veloce\/\">importante che il tuo sito sia veloce<\/a> se vuoi avere successo sul web. Allo stesso tempo le immagini che usi devono essere di qualit\u00e0.<\/p>\n\n\n\n<p>Compreresti mai da un sito che ha il logo sfocato? Probabilmente no!<\/p>\n\n\n\n<p>Controllando le statistiche del web di <a href=\"https:\/\/httparchive.org\/reports\/page-weight\" class=\"rank-math-link\" rel=\"noopener\">httparchive<\/a> notiamo che la pagina media nel web ha i seguenti numeri:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table data-mtr-unique-id=\"c447230d6293331ee241bb53903478f0-1\" class=\"mtr-table mtr-thead-th\"><thead><tr><th data-mtr-content=\"\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\"><\/div><\/th><th data-mtr-content=\"Dimensione\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\">Dimensione<\/div><\/th><th data-mtr-content=\"Richieste\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\">Richieste<\/div><\/th><\/tr><\/thead><tbody><tr><td data-mtr-content=\"\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Valori medi sul web (desktop)<\/div><\/td><td data-mtr-content=\"Dimensione\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">2340.6 Kb<\/div><\/td><td data-mtr-content=\"Richieste\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">71<\/div><\/td><\/tr><tr><td data-mtr-content=\"\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Valori medi sul web (mobile)<\/div><\/td><td data-mtr-content=\"Dimensione\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">2058.3 Kb<\/div><\/td><td data-mtr-content=\"Richieste\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">66<\/div><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Notiamo che le immagini pesano per quasi il 50% quando parliamo di dimensioni e richieste:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table data-mtr-unique-id=\"c447230d6293331ee241bb53903478f0-2\" class=\"mtr-table mtr-thead-th\"><thead><tr><th data-mtr-content=\"\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\"><\/div><\/th><th data-mtr-content=\"Dimensione\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\">Dimensione<\/div><\/th><th data-mtr-content=\"Richieste\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\">Richieste<\/div><\/th><\/tr><\/thead><tbody><tr><td data-mtr-content=\"\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Valori medi per le immagini (desktop)<\/div><\/td><td data-mtr-content=\"Dimensione\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">995.4 Kb<\/div><\/td><td data-mtr-content=\"Richieste\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">21<\/div><\/td><\/tr><tr><td data-mtr-content=\"\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Valori medi per le immagini (mobile)<\/div><\/td><td data-mtr-content=\"Dimensione\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">848.5 Kb<\/div><\/td><td data-mtr-content=\"Richieste\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">19<\/div><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Un flusso di lavoro per ottimizzare al meglio le immagini del sito \u00e8 facilissimo da implementare, ed \u00e8 anche facile correggere le vecchie immagini in termini di dimensioni e risoluzione in modo automatico.<\/p>\n\n\n\n<p>Ottimizzare le immagini per il web ha diversi vantaggi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Dal momento che la velocit\u00e0 del sito rientra tra i fattori di ranking potresti avere un vantaggio SEO;<\/li>\n\n\n\n<li>Avrai un risparmio di spazio e traffico mensile sul tuo hosting\/server;<\/li>\n\n\n\n<li>Migliorerai i tempi di caricamento delle pagine, specialmente su mobile, visti i limiti della connessione 3g.<\/li>\n<\/ul>\n\n\n\nRicorda che per risparmiare spazio sul server pu\u00f2 essere utile anche cancellare i file superflui come media caricati in libreria che non stai usando nel sito. Per scoprire come fare rapidamente con l&#8217;aiuto di alcuni plugin, puoi controllare la nostra guida su come <a aria-label=\"eliminare le immagini non utilizzate (opens in a new tab)\" href=\"https:\/\/supporthost.com\/it\/eliminare-le-immagini-non-utilizzate\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">eliminare le immagini non utilizzate<\/a> su WordPress.\n\n\n\n<p>Qui di seguito ho eseguito un test sulla stessa pagina, usando <a href=\"https:\/\/supporthost.com\/it\/gtmetrix\/\" target=\"_blank\" data-type=\"post\" data-id=\"20024\" rel=\"noreferrer noopener\">GTmetrix<\/a>, cambiando come unico parametro la connessione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"322\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/velocita-da-desktop.png\" alt=\"Velocita Da Desktop\" class=\"wp-image-13823\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/velocita-da-desktop.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/velocita-da-desktop-300x81.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/velocita-da-desktop-1024x275.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/velocita-da-desktop-768x206.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/velocita-da-desktop-120x32.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><figcaption class=\"wp-element-caption\">Test con connessione normale<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"327\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/velocita-da-mobile.png\" alt=\"Velocita Da Mobile\" class=\"wp-image-13824\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/velocita-da-mobile.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/velocita-da-mobile-300x82.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/velocita-da-mobile-1024x279.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/velocita-da-mobile-768x209.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/velocita-da-mobile-120x33.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><figcaption class=\"wp-element-caption\">Test con connessione 3G<\/figcaption><\/figure>\n\n\n\n<p>Da questi due test possiamo notare che le dimensioni della pagina incidono molto soprattutto quando viene utilizzata una connessione pi\u00f9 lenta come il <strong>3G<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"trovare-il-giusto-compromesso-tra-qualita-e-dimensioni\">Trovare il giusto compromesso tra qualit\u00e0 e dimensioni<\/h3>\n\n\n\n<p>Prendiamo due casi limite. <\/p>\n\n\n\n<p>Aggiungiamo alla nostra pagina una foto in altissima qualit\u00e0, con <strong>5000 px<\/strong> di larghezza e <strong>4 MB<\/strong> di peso.<\/p>\n\n\n\n<p>Sicuramente la qualit\u00e0 sar\u00e0 ottimale, ma influir\u00e0 pesantemente sul <strong>tempo di caricamento<\/strong> della nostra pagina web, specialmente con connessioni pi\u00f9 lente.<\/p>\n\n\n\n<p>Prendiamo la stessa foto di prima, adesso per\u00f2 ne riduciamo le dimensioni e la qualit\u00e0 fino a farla pesare <strong>50Kb<\/strong>.<\/p>\n\n\n\n<p>Sicuramente l&#8217;impatto sul tempo di caricamento sar\u00e0 minimo, a spese della qualit\u00e0 dell&#8217;immagine che sar\u00e0 sgranata e <strong>sfocata<\/strong>.<\/p>\n\n\n\n<p class=\"note\">Dobbiamo quindi trovare un punto d&#8217;incontro far questo due casi limite in modo da trovare il miglior compromesso.<\/p>\n\n\n\n<p>Vediamo quindi come fare.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"scegliere-il-formato-giusto\">Scegliere il formato giusto<\/h2>\n\n\n\n<p>Il nostro obiettivo \u00e8 quello di trovare il giusto compromesso tra dimensioni, compressione e formato in modo da avere immagini leggere ed al tempo stesse gradevoli alla vista.<\/p>\n\n\n\n<p>Ci sono <strong>diversi formati<\/strong> che possiamo usare per le immagini, ogni formato \u00e8 pi\u00f9 adatto a un uso specifico.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>png<\/strong>: sono immagini di ottima qualit\u00e0, ovviamente a scapito delle dimensioni. Solitamente si usano per immagini con pochi colori come ad esempio il logo o le illustrazioni.<\/li>\n\n\n\n<li><strong>jpg<\/strong>: viene usato principalmente per le foto. Questo formato ci permette di trovare un buon bilanciamento tra le dimensioni e la qualit\u00e0 del file.<\/li>\n\n\n\n<li><strong>gif<\/strong>: un formato che utilizza solo 256 colori e viene utilizzato per le immagini animate.<\/li>\n\n\n\n<li><strong>svg<\/strong>: (Scalable Vector Graphics) \u00e8 supportato dai principali browser. Trattandosi di un formato vettoriale, le immagini non sono mai sfocate e le dimensioni sono tendenzialmente ridotte. Questo formato \u00e8 un&#8217;ottima scelta per la grafica del sito web, tutte le immagini che fanno parte della grafica del nostro sito web (come ad esempio il logo) sono in svg.<\/li>\n\n\n\n<li><strong>webp<\/strong>: \u00e8 un nuovo formato sviluppato da Google che permette di ridurre le dimensioni delle immagini fino al 34% mantenendone la qualit\u00e0. Ancora non \u00e8 supportato completamente ma sempre pi\u00f9 browser supportano questo nuovo formato. Tra gli ultimi ad averlo introdotto c&#8217;\u00e8 Safari per OSX e IOS. A questo proposito abbiamo <a href=\"https:\/\/supporthost.com\/it\/webp-wordpress\/\">realizzato un approfondimento sul formato WebP<\/a> che magari potrebbe interessarti.<\/li>\n<\/ul>\n\n\n\n<p class=\"note\">Tieni presente che WordPress impone dei limiti sui tipi di file che si possono caricare, ad esempio i file <em>svg <\/em>non possono essere caricati direttamente. Si possono per\u00f2 cambiare queste impostazioni come abbiamo visto nella guida su come risolvere l&#8217;avviso &#8220;<a href=\"https:\/\/supporthost.com\/it\/non-hai-i-permessi-per-caricare-questo-tipo-di-file\/\" data-type=\"post\" data-id=\"49230\">Non hai i permessi per caricare questo tipo di file<\/a>&#8220;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tipi-di-compressione\">Tipi di compressione<\/h2>\n\n\n\n<p>Esistono diversi tipi di compressione, sta a noi scegliere quale usare. Se vuoi fare una prova puoi usare <a class=\"rank-math-link\" href=\"https:\/\/shortpixel.com\/online-image-compression\" rel=\"noopener\">questo strumento<\/a>. Puoi utilizzarlo anche per convertire le immagini in <em>webp<\/em> o <em>avif<\/em>. Sapevi, tra l&#8217;altro, che abbiamo scritto una <a href=\"https:\/\/supporthost.com\/it\/avif-vs-webp\/\">guida comparativa tra i formati WebP e AVIF<\/a>?<\/p>\n\n\n\n<p>Puoi scegliere tra tre livelli di compressione. Abbiamo anche scritto un articolo di approfondimento e <a href=\"https:\/\/supporthost.com\/it\/lossy-vs-lossless\/\">confronto fra compressione lossy e lossless<\/a>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Lossy<\/strong>: questo \u00e8 un tipo di filtro che elimina una parte dei dati riducendo la qualit\u00e0 dell&#8217;immagine. A seconda del livello la qualit\u00e0 pu\u00f2 essere ridotta di molto. Usando ShortPixel ridurrai in automatico la qualit\u00e0 senza che si noti alcuna differenza ad occhio nudo.<\/li>\n\n\n\n<li><strong>Lossless<\/strong>: questo filtro comprime i dati ma non riduce la qualit\u00e0 dell&#8217;immagine.<\/li>\n\n\n\n<li><strong>Glossy<\/strong>: ShortPixel usa questa configurazione come via di mezzo tra le due sopra, questa configurazione \u00e8 consigliata per i fotografi che non vogliono ridurre la qualit\u00e0 delle foto per ovvi motivi.<\/li>\n<\/ul>\n\n\n\n<p>\u00c8 possibile eseguire una compressione senza perdita sul Desktop utilizzando strumenti come Photoshop,&nbsp;<a href=\"https:\/\/netm.ag\/optimize-263\" target=\"_blank\" rel=\"noreferrer noopener\">FileOptimizer<\/a>&nbsp;o&nbsp;<a href=\"https:\/\/imageoptim.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">ImageOptim<\/a>. In alternativa puoi anche utilizzare dei tool come <a aria-label=\"Optimizilla (opens in a new tab)\" class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/optimizilla\/\" target=\"_blank\" rel=\"noreferrer noopener\">Optimizilla<\/a> per comprimere le tue immagini direttamente online. Abbiamo scritto una guida di confronto fra i vari <a href=\"https:\/\/supporthost.com\/it\/strumenti-per-ottimizzare-immagini\/\">strumenti per ottimizzare le immagini<\/a>, cos\u00ec da scegliere quello pi\u00f9 adatto a te.<\/p>\n\n\n\n<p>Se, invece, utilizzi gi\u00e0 LSCache come plugin di cache, ti interesser\u00e0 sapere che questo plugin offre anche la funzione di ottimizzazione delle immagini. Se vuoi puoi approfondire leggendo la nostra guida a <a class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/litespeed\/\">Litespeed<\/a> e il <a href=\"https:\/\/supporthost.com\/it\/lscache-vs-wp-rocket\/\" data-type=\"post\" data-id=\"40693\">confronto LSCache vs WP Rocket<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"dimensioni-immagini-per-il-web\">Dimensioni immagini per il web<\/h2>\n\n\n\n<p>Una fotografia scattata con una reflex ha delle dimensioni che si aggirano sui 6000 x 4000 pixel e una risoluzione di 300 pixel per pollice. Una risoluzione di questo tipo serve per la stampa o per un ingrandimento, ma non per uno schermo.<\/p>\n\n\n\n<p>Uno monitor in formato full HD ha una risoluzione massima di 96 dpi e dimensioni massime di 1920 x 1080 pixel.<\/p>\n\n\n\n<p>La differenza tra le dimensioni della foto e quella del monitor \u00e8 la quantit\u00e0 di dati superflui.<\/p>\n\n\n\n<p>A questo dobbiamo aggiungere il fatto che raramente un&#8217;immagine nel tuo sito prender\u00e0 tutto il monitor. In linea di massima raramente avrai bisogno di immagini con dimensioni superiori a 1200 pixel o 1400 pixel, ovviamente dipende dal <a aria-label=\"tema WordPress (opens in a new tab)\" class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/temi-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">tema WordPress<\/a>.<\/p>\n\n\n\n<p>Di default WordPress ha gi\u00e0 una funzione automatica per <strong>ridurre le immagini<\/strong> che carichi sul sito, inoltre utilizza un srcset per ogni immagine. <\/p>\n\n\n\n<p>Ci sono per\u00f2 dei miglioramenti che possiamo fare. Ti mostro come.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"630\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/ottimizzare-immagini-wordpress-guida-completa.png\" alt=\"Ottimizzare Immagini WordPress Guida Completa\" class=\"wp-image-14191\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/ottimizzare-immagini-wordpress-guida-completa.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/ottimizzare-immagini-wordpress-guida-completa-300x158.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/ottimizzare-immagini-wordpress-guida-completa-1024x538.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/ottimizzare-immagini-wordpress-guida-completa-768x403.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/ottimizzare-immagini-wordpress-guida-completa-120x63.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ottimizzare-immagini-word-press-in-automatico\">Ottimizzare immagini WordPress in automatico<\/h2>\n\n\n\n<p>Se fai un ricerca su Google troverai una serie di post che altro non sono che una lista di plugin che ti permettono di ottimizzare le immgini in automatico.<\/p>\n\n\n\n<p>Questo tipo di articoli sono veloci da scrivere e facili da posizionare su Google, ma aiutano ben poco l&#8217;utente, che deve scegliere un plugin in particolare ed impostarlo come si deve.<\/p>\n\n\n\n<p>Da anni usiamo <a href=\"https:\/\/shortpixel.com\/otp\/af\/O9JTURU453779\" class=\"rank-math-link\" rel=\"noopener\">ShortPixel<\/a> che offre un ottimo servizio ed un ottimo plugin ad un prezzo accessibile.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"796\" height=\"538\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/shortpixel-plugin-wordpress.png\" alt=\"Shortpixel Plugin WordPress\" class=\"wp-image-40568\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/shortpixel-plugin-wordpress.png 796w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/shortpixel-plugin-wordpress-300x203.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/shortpixel-plugin-wordpress-768x519.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/shortpixel-plugin-wordpress-93x63.png 93w\" sizes=\"auto, (max-width: 796px) 100vw, 796px\" \/><\/figure>\n\n\n\n<p>ShortPixel offre un piano gratis (con 100 crediti), dei piani a pagamento mensile e dei piani a consumo. Star\u00e0 a te decidere quale utilizzare in base alle tue esigenze. Tieni presente che ogni misura di un&#8217;immagine viene considerata come un&#8217;immagine diversa. Vale a dire che se ottimizzi tutte le dimensioni il numero di immagini da ottimizzare potrebbe crescere.<\/p>\n\n\n\n<p>Tieni presente che per la maggior parte dei siti l&#8217;acquisto di 10.000 ottimizzazioni &#8220;one time&#8221; sono pi\u00f9 che sufficienti, ed il costo sarebbe di 9.99$. Un costo tutto sommato molto ridotto calcolando i benefici che questo plugin ci offre.<\/p>\n\n\n\n<p class=\"note\">Di tanto in tanto ci sono delle offerte su <a href=\"https:\/\/appsumo.8odi.net\/SupportHost\" class=\"rank-math-link\" rel=\"noopener\">appsumo<\/a> a prezzi estremamente convenienti.<\/p>\n\n\n\n<p>\u00c8 ovviamente possibile ottimizzare a mano tutte le immagini, ma si tratta di un lavoro lunghissimo e che potrebbe potenzialmente generare errori.<\/p>\n\n\n\n<p>L&#8217;uso di un plugin ci permette di eseguire <strong>un&#8217;azione massiva in tempi ridotti<\/strong> e con ottimi risultati. Possiamo inoltre cambiare il tipo di formato, ridurre le dimensioni delle immagini troppo grandi e usare il formato webp.<\/p>\n\n\n\n<p>Vediamo come.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"un-caso-studio-per-lottimizzazione-delle-immagini\">Un caso studio per l&#8217;ottimizzazione delle immagini<\/h2>\n\n\n\n<p>Per la stesura di questa guida ho creato un nuovo sito WordPress con un piano <a href=\"https:\/\/supporthost.com\/it\/hosting-gratis\/\" data-type=\"page\" data-id=\"56333\">hosting gratis<\/a> di quelli che permettiamo di creare su SupportHost per provare il nostro servizio.<\/p>\n\n\n\n<p>Per creare questo sito ho scelto immagini di dimensioni svariate: alcune piccole, altre con una larghezza di 5.000 pixel. Inoltre ho creato uno screenshot da mac ottenendo un file png di oltre 1MB e di 2880 pixel di larghezza. <\/p>\n\n\n\n<p>Dopodich\u00e9 ho fatto un test su GTmetrix con questi risultati:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"701\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/ottimizzare-immagini-wordpress-caso-studio.png\" alt=\"Ottimizzare Immagini WordPress Caso Studio\" class=\"wp-image-13830\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/ottimizzare-immagini-wordpress-caso-studio.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/ottimizzare-immagini-wordpress-caso-studio-300x175.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/ottimizzare-immagini-wordpress-caso-studio-1024x598.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/ottimizzare-immagini-wordpress-caso-studio-768x449.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/ottimizzare-immagini-wordpress-caso-studio-108x63.png 108w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><figcaption class=\"wp-element-caption\">La situazione iniziale<\/figcaption><\/figure>\n\n\n\n<p>Come prima cosa vorrei far notare che WordPress esegue una prima &#8220;ottimizzazione&#8221; nel senso che <strong>riduce le dimensioni dei file<\/strong>. Se controlli il waterfall, infatti, puoi vedere che tutti i file che avevano grandi dimensioni sono stati ridimensionati a 1024 pixel di larghezza o di altezza. <\/p>\n\n\n\n<p>Non \u00e8 quello che cerchiamo, ma meglio di niente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"installazione-e-configurazione-di-short-pixel\">Installazione e configurazione di ShortPixel<\/h3>\n\n\n\n<p>Per prima cosa dobbiamo installare ShortPixel, registrarci sul loro sito e <strong>richiedere una chiave API<\/strong> per poter usare il plugin.<\/p>\n\n\n\n<p>Possiamo ottenerla registrandoci al sito o semplicemente inserendo il nostro indirizzo email nel campo che compare nelle impostazioni del plugin e cliccando su &#8220;<em>Richiedi chiave<\/em>&#8220;:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"416\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/richiedere-api-shortpixel-1024x416.png\" alt=\"Richiedere Api Shortpixel\" class=\"wp-image-40562\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/richiedere-api-shortpixel-1024x416.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/richiedere-api-shortpixel-300x122.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/richiedere-api-shortpixel-768x312.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/richiedere-api-shortpixel-120x49.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/richiedere-api-shortpixel.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Richiesta chiave API per utilizzare ShortPixel.<\/figcaption><\/figure>\n\n\n\n<p>Dopo aver ottenuto la chiave possiamo inserirla, se usiamo il metodo via email il processo avverr\u00e0 in automatico. A questo punto la pagina viene ricaricata e ci troviamo davanti alla prima scheda. <\/p>\n\n\n\n<p>Nella scheda &#8220;<strong>Generale<\/strong>&#8221; abbiamo lasciato le impostazioni di default e attivato l&#8217;opzione &#8220;Ridimensiona immagini grandi&#8221; impostando un limite di pixel per la larghezza e l&#8217;altezza.<\/p>\n\n\n\n<p>Qui di seguito ti mostro due schermate con le impostazioni che abbiamo usato. La prima schermata corrisponde alla versione precedente del plugin (quella che puoi vedere nel video). <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"649\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/configurazione-base-shortpixel.png\" alt=\"Configurazione Base Shortpixel\" class=\"wp-image-13833\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/configurazione-base-shortpixel.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/configurazione-base-shortpixel-300x162.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/configurazione-base-shortpixel-1024x554.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/configurazione-base-shortpixel-768x415.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/configurazione-base-shortpixel-116x63.png 116w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><figcaption class=\"wp-element-caption\">Configurazione base ShortPixel (versione precedente)<\/figcaption><\/figure>\n\n\n\n<p>Dopo l&#8217;aggiornamento, ShortPixel \u00e8 leggermente cambiato, qui ti mostro le impostazioni usate nel video, ma con la nuova versione del plugin: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/impostazioni-generali-shortpixel-ottimizzazione-immagini-1024x536.png\" alt=\"Impostazioni Generali Shortpixel Ottimizzazione Immagini\" class=\"wp-image-40564\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/impostazioni-generali-shortpixel-ottimizzazione-immagini-1024x536.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/impostazioni-generali-shortpixel-ottimizzazione-immagini-300x157.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/impostazioni-generali-shortpixel-ottimizzazione-immagini-768x402.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/impostazioni-generali-shortpixel-ottimizzazione-immagini-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/impostazioni-generali-shortpixel-ottimizzazione-immagini.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Configurazione base ShortPixel (Versione 5.2.1)<\/figcaption><\/figure>\n\n\n\n<p class=\"note\">A questo punto per avviare l&#8217;ottimizzazione bisogna cliccare su &#8220;<em>Salva e Vai all&#8217;ottimizzazione in blocco<\/em>&#8220;. Per\u00f2 se non vuoi utilizzare il doppio dei crediti, \u00e8 meglio prima configurare anche la scheda &#8220;Avanzate&#8221;. <\/p>\n\n\n\n<p>Nel video e qui di seguito ho eseguito due ottimizzazioni per poterti mostrare come funziona e che impatto ha il lavoro del plugin. Vediamo che risultato abbiamo ottenuto con queste prime impostazioni.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"prima-ottimizzazione\">Prima ottimizzazione<\/h3>\n\n\n\n<p>Lanciamo il processo di ottimizzazione dopo aver modificato solo le impostazioni della scheda &#8220;Generale&#8221; e vediamo cosa abbiamo ottenuto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"184\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/ottimizzazione-in-corso.png\" alt=\"Ottimizzazione In Corso\" class=\"wp-image-13835\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/ottimizzazione-in-corso.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/ottimizzazione-in-corso-300x46.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/ottimizzazione-in-corso-1024x157.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/ottimizzazione-in-corso-768x118.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/ottimizzazione-in-corso-120x18.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><figcaption class=\"wp-element-caption\">Ottimizzazione in corso<\/figcaption><\/figure>\n\n\n\n<p>Dopo questa prima ottimizzazione ho rieseguito i <strong>test<\/strong>: la dimensione della pagina \u00e8 passata da 1.84MB a 1.08MB. La dimensione totale delle immagini \u00e8 passata da 1.6 MB a 839.9KB. Le dimensioni totali delle immagini sono <strong>quasi dimezzate<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"seconda-ottimizzazione\">Seconda ottimizzazione<\/h3>\n\n\n\n<p>A questo punto modifichiamo le impostazioni nel tab &#8220;Avanzate&#8221; in questo modo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"781\" height=\"924\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/impostazioni-avanzate-shortpixel.png\" alt=\"Impostazioni Avanzate Shortpixel\" class=\"wp-image-13839\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/impostazioni-avanzate-shortpixel.png 781w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/impostazioni-avanzate-shortpixel-254x300.png 254w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/impostazioni-avanzate-shortpixel-768x909.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/impostazioni-avanzate-shortpixel-53x63.png 53w\" sizes=\"auto, (max-width: 781px) 100vw, 781px\" \/><figcaption class=\"wp-element-caption\">Impostazioni avanzate ShortPixel (versione precedente)<\/figcaption><\/figure>\n\n\n\n<p>Le impostazioni che ho cambiato rispetto a quelle di default sono:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ho impostato il plugin in modo da convertire le immagini <strong>png in jpg<\/strong>, ma non se hanno la trasparenza. Per questa opzione devi vedere che tipo di immagini hai in png. Nel caso di SupportHost tutti i png sono screenshot, quindi il formato png \u00e8 pi\u00f9 adatto del formato jpg, per questo motivo non usiamo quell&#8217;opzione sul nostro sito.<\/li>\n\n\n\n<li>Ho impostato ShortPixel per creare le immagini <strong>webp <\/strong>e per fornire le immagini webp dove compatibili. Dopo aver selezionato questa opzione, il plugin mostra un alert indicando di controllare il sito, quindi se attivi l&#8217;impostazione controlla che non ci siano errori di nessun tipo.<\/li>\n<\/ul>\n\n\n\n<p>Tieni presente che nella versione del plugin utilizzata nel video non c&#8217;era la possibilit\u00e0 di creare la versione <em>avif<\/em> delle immagini. Attualmente il plugin ti permette di scegliere tra webp e avif. Qui sotto riporto le impostazioni usate nel video per le <strong>immagini webp<\/strong>, ma con la nuova versione del plugin:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"543\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/impostazioni-per-immagini-webp-shortpixel-1024x543.png\" alt=\"Impostazioni Per Immagini Webp Shortpixel\" class=\"wp-image-40561\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/impostazioni-per-immagini-webp-shortpixel-1024x543.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/impostazioni-per-immagini-webp-shortpixel-300x159.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/impostazioni-per-immagini-webp-shortpixel-768x407.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/impostazioni-per-immagini-webp-shortpixel-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/impostazioni-per-immagini-webp-shortpixel.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Aspetto della scheda Avanzate di ShortPixel (Versione 5.2.1)<\/figcaption><\/figure>\n\n\n\n<p class=\"note\">Nota che in nessun caso le immagini svg che usiamo (ad esempio il logo) vengono toccate da ShortPixel.<\/p>\n\n\n\n<p>A questo punto ho eliminato i metadati, in questo modo ShortPixel non sa pi\u00f9 che aveva gi\u00e0 ottimizzato le immagini e possiamo farle ottimizzare di nuovo creando i formati webp.<\/p>\n\n\n\n<p class=\"note\">Come dicevo prima tu non dovrai eseguire questo passaggio dal momento che lancerai l&#8217;ottimizzazione in blocco di ShortPixel soltanto dopo aver impostato tutto correttamente.<\/p>\n\n\n\n<p>Adesso la dimensione della pagina \u00e8 scesa a 827KB mentre la dimensione totale delle immagini \u00e8 di 557.1KB. Un netto miglioramento rispetto alla posizione di partenza.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>Come hai potuto vedere in questo caso studio ottimizzare le immagini ci pu\u00f2 aiutare a <strong>migliorare le prestazioni<\/strong> di un sito WordPress. In questo caso ho utilizzato le immagini di un altro sito per avere un esempio realistico di un sito web non ottimizzato. <\/p>\n\n\n\n<p>Qui ti riporto i risultati prima e dopo l&#8217;ottimizzazione.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table data-mtr-unique-id=\"c447230d6293331ee241bb53903478f0-3\" class=\"mtr-table mtr-thead-th\"><thead><tr><th data-mtr-content=\"\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\"><\/div><\/th><th data-mtr-content=\"Originale\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\">Originale<\/div><\/th><th data-mtr-content=\"Ottimizzazione\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\">Ottimizzazione<\/div><\/th><th data-mtr-content=\"Webp\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\">Webp<\/div><\/th><\/tr><\/thead><tbody><tr><td data-mtr-content=\"\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Dimensione totale della pagina<\/div><\/td><td data-mtr-content=\"Originale\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">1.84MB<\/div><\/td><td data-mtr-content=\"Ottimizzazione\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">1.08MB<\/div><\/td><td data-mtr-content=\"Webp\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">827KB<\/div><\/td><\/tr><tr><td data-mtr-content=\"\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Dimensione totale delle immagini<\/div><\/td><td data-mtr-content=\"Originale\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">1.6MB<\/div><\/td><td data-mtr-content=\"Ottimizzazione\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">839.9KB<\/div><\/td><td data-mtr-content=\"Webp\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">557.1KB<\/div><\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Cambiamento delle dimensioni della pagina<\/figcaption><\/figure>\n\n\n\n<p>Ci sono voluti pochi passaggi per <strong>ridurre a un terzo<\/strong> il peso delle immagini <strong>senza alterarne la qualit\u00e0<\/strong>.<\/p>\n\n\n\n<p>Questo ci consente di ridurre in maniera notevole i tempi di caricamento, specialmente quando si utilizzano connessioni lente. <\/p>\n\n\n\n<p>Hai provato a eseguire l&#8217;ottimizzazione delle immagini sul tuo sito WordPress? Hai registrato con dei test il cambiamento che hai ottenuto? Se condividi i tuoi risultati nei commenti potremo aggiungere altri dati a questo articolo. <\/p>\n\n\n\n<p>Ultimo aggiornamento con aggiunta di suggerimenti su come ottimizzare le immagini il 14 marzo 2023.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le prestazioni di un sito web sono importanti e in molti casi dipendono anche dalla dimensione delle immagini che utilizzi sul tuo sito. Sul nostro blog ci siamo gi\u00e0 concentrati su come velocizzare WordPress e abbiamo visto che la velocit\u00e0 dipende da molti fattori, tra cui anche dalla scelta di un hosting WordPress performante. Ora [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":63720,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[30],"tags":[],"class_list":["post-13818","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-velocita"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/13818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=13818"}],"version-history":[{"count":10,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/13818\/revisions"}],"predecessor-version":[{"id":133824,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/13818\/revisions\/133824"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/63720"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=13818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=13818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=13818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}