- Home
- Categorie
- Coding e Sistemistica
- Help Center: consigli per il tuo progetto
- Ottimizzare immagini anteprima
-
Ottimizzare immagini anteprima
Ciao,
ho un sito wordpress che mostra in sidebar una serie di articoli con relativa anteprima.
Utilizzando vari tool per testare la velocità del sito viene fuori che queste anteprime non sono ottimizzate perché le immagini vengono caricate più grandi e scalate in seguito.
Come faccio a creare delle anteprime già nella misura corretta in modo che in sidebar vengano caricate immagini già scalate?
-
Ciao,
ti lascio questa risorsa developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization#utilizzo_di_immagini_scalate
Utilizza immagini scalate: ridimensiona le immagini sul server e assicurati che le dimensioni 'display' siano il più vicine possibile alle dimensioni 'natural' dell'immagine. Presta particolare attenzione alle immagini grandi, che comportano costi maggiori una volta ridimensionate!
-
Ma quindi come faccio per creare delle anteprime nella misura dell'anteprima e fare in modo che vengano caricate quelle?
-
Per farlo bene è complicato, dovresti:
Agire sulla widget che carica i post e fare in modo che carichi delle immagini con la versione corretta probabilmente modificandone il codice.
Verificare che al momento del caricamento delle immagini Wordpress ti crei una immagine con il formato corretto, altrimenti aggiungerlo.
Per fare il tutto responsive devi anche pensare a quando la sidebar scorrerà (rimpicciolendo lo schermo) sotto al contenuto e quindi le immagini potrebbero non essere grandi abbastanza. In quel caso potresti inserirle usando "srcset" per renderle più responsive.