Velocità di caricamento del sito: SCARSO su Desktop e Mobile
Autore: Annamaria R.Salve, ho pubblicato di recente un sito all'URL:
www.manutenzionemontaggio.it
revisionato dalla versione precedente in html, con aggiunta e revisione di contenuti.
Realizzato in Websitex5 versione 12 professional, Google ha indicizzato 34 pagine, di cui 18 sono realizzate nell'attuale progetto in websitex5, mentre le restanti sono in una cartella en, in inglese, ancora in versione html. In tutte le pagine le immagini sono state ottimizzate per "alleggerirle" di peso, allo scopo di velocizzare il caricamento del sito, poiché il maggior posizionamento su Google è uno degli scopi della revisione. Il template è stato creato da me con una struttura piuttosto semplice.
Nonostante tutto questo, l'analisi di Google mi riporta:
VELOCITÀ SU DISPOSITIVI MOBILI 43/100 SCARSA
VELOCITÀ SU DESKTOP 50/100 SCARSA
è possibile intervenire in qualche modo sugli script o sui css per minimizzarli e ridurre così la velocità di caricamento?
Grazie per qualsiasi contributo.
Annamaria
... non so cos'è che dice google, ma prendendo in considerazione la HOME, mi sembra in ordine...
...però, per come agirei io, prendendo in considerazione ad esempio questa immagine, http://www.manutenzionemontaggio.it/pluginAppObj_01/assemblaggio-conto-terzi-montaggio-macchina-automatica.jpg ...che attualmente pesa 105 KB, la ridurrei a 56 KB senza perdita apparente per l'occhio umano, e la stessa cosa farei per quest'altra immagine di esempio, ...che pesa 20 KB che ridurrei a 14 KB, http://www.manutenzionemontaggio.it/images/assemblaggio-conto-terzi.jpg
... ritengo in ordine l'immagine di sfondo desktop...
... sono anche presenti nel codice parecchie immagini PNG di circa 15 KB cu, tipo questa, http://www.manutenzionemontaggio.it/gallery/montaggio-impianti-assemblaggio-meccanico_thumb.png
... meno immagini entrerebbero in gioco nella HOME e meglio potrebbe essere...
.
... gli esperti potrebbero dirti di più...
.
Autore
Salve, ho controllato la dimensione delle immagini: le immagini preparate da me sono di peso quasi la metà di quelle che poi esporta websitex5 quando le immagini sono state inserite in un contenitore JSS Slider oppure in una Gallery.
Usando entrambi gli strumenti ho verificato, tramite l'esportazione locale su disco, che la stessa immagine, da me ottimizzata a 58,3 Kb, una volta caricata nella gallery e riesportata diventa 102 Kb.
In questo modo diventa impossibile avere uno slideshow abbastanza veloce da caricare nel sito!
Questo succede anche se alle img non attribuisco nessun effetto di transizione, il che diventa proprio brutto da vedere nella pagina.
Potete indicarmi come fare a ridurre il peso delle immagini senza renderle inguardabili e come mai l'utlizzo della gallery le fa così aumentare di peso?
Allego lo screen relativo ai dati della stessa immagine, prima e dopo l'esportazione.
Autore
Salve,
ho fatto un analisi del sito con PageSpeed Tools di Google. Sono riuscita ad attivare sul server la compressione dei css e java, e questo ha ridotto sufficientemente il ritardo di caricamento su desktop, inoltre ho anche ridotto diverse immagini, portando la velocità su desktop ad essere considerata almeno sufficiente.
Riguardo ai dispositivi mobili, però non è stato sufficiente. Nonostante abbia deciso di non visualizzare lo slideshow iniziale e la galleria immagini all'interno pagina, la velocità sui dispositivi mobili risulta ancora troppo lenta.
Il risultato dell'analisi è questo:
PageSpeed Insights
ANALIZZA
Dispositivi mobili
Velocità
Soluzioni da implementare:
Elimina JavaScript e CSS che bloccano la visualizzazione nei contenuti above-the-fold
La tua pagina presenta 2 risorse script e 6 risorse CSS di blocco. Ciò causa un ritardo nella visualizzazione della pagina.Non è stato possibile visualizzare alcun contenuto above-the-fold della pagina senza dover attendere il caricamento delle seguenti risorse. Prova a rimandare o a caricare in modo asincrono le risorse di blocco oppure incorpora le parti fondamentali di tali risorse direttamente nel codice HTML.Rimuovi il codice JavaScript che blocca la visualizzazione:
Ottimizza la pubblicazione CSS degli elementi seguenti:
Come posso fare per risolvere questo problema che penalizza la visualizzazione sui cellulari perché il caricamento è troppo lento, dall'interno del progetto?
Buongiorno,
se nel sito vi sono file esterni .css o js verranno sempre individuati come potenziali cause di rallentamento anche se non lo sono.
Non c'è modo di modificare quei file css e js perchè vengono genrati automaticamente dal programma.