Sito lento! Come posso migliorarlo?

Ciao!

Recentemente ho caricato il mio sito web (ancora incompleto) e, da come potete vedere, ci sono un sacco di foto. Questo mi ha portato al rallentamento di alcune pagine del sitoweb che si caricano dopo un bel po' di tempo. Come potrei fare per velocizzarlo?
Non vorrei diminuire le dimensioni delle foto in quanto ne sono molte e perderebbero di qualita'. Inoltre volevo specificare che non ho inserito alcun plug-in che potrebbe dare problemi.
Al momento ho utilizzato tutto lo spazio disponibile, mi chiedevo se questo fosse un'ulteriore causa di questi rallentamenti.
Infine ci tenevo a specificare che per la creazione di questo sito non ho utilizzato Wordpress ma solo file HTML e CSS.

Ringrazio in aticipo le future risposte!

Salve,
ha esaurito quindi tutto lo di 3 GB con solo le immagini?

Comnuque non penso che sia questo. Il preblema della velocità di caricamento e dello spazio esaurito si possono risolvere usando immagini più piccole.

Ad sempio, confrontando queste imagini:
antoniosaraceni.altervista.org/images/NAPURA/3547463.jpg
antoniosaraceni.altervista.org/images/NAPURA/IMG_2888.jpg

La prima ha dimensioni di 1350 x 759 e ha un peso di 870 KB, questa può adare bene.
La seconda ha dimensioni di 6125 x 4082 e ha un peso di 7.5 MB, questa è troppo grande, non va bene per un sito.

Vendo che ci sono molte immagini con questa misuara 6125 x 4082, è normale quindi che caricandone diverse nella stessa pagina, il carmamento risulti rallentato. Devrebbe inoltre, tener conto anche dei dispositivi mobili dove il cariamanto sarà ancora più lento.

Dovrebbe ridurle da 6125 x 4082 almeno a qualcosa tipo 2000 x 1333 e magari, aumentare le dimensioni come visualizzazine nella pagina, in questo modo riacquisterebbe anche spazio libero. Se poi vuole che gli utenti le possano vederle ingrandite, dovrebbe implementare via css o js, l'ngrandimento al click sull'immagine da parte dell'utente.

Cordiali saluti.

Confermo con quanto detto da GraphOGLRisorse: senza cache, un visitatore che apre la pagina delle foto, deve caricare 608MB:

https://i.imgur.com/iPBTql2m.png

Con la mia connessione, ho impiegato 2,6 minuti.

Ovviamente non è pensabile avere una pagina con questo peso.
Normalmente, in una gallery di immagini vengono caricate immagini molto piccole per realizzare l'anteprima. Poi l'utente clicca o in qualche modo seleziona una immagine e viene caricata solo quella a risoluzione originale.

Inoltre, se hai hosting con gestione file, ogni caricamento di pagina ti consumerà una buona fetta di banda disponibile mensilmente nel tuo account.

Se vuoi risolvere in modo "veloce", ti consiglierei di usare WordPress che ha già questa funzionalità di anteprima già integrato. Inoltre, gli account WordPress su AlterVista hanno spazio e banda illimitati, così non hai problemi riguardo le risorse.

In ogni caso, ti consiglio caldamente di utilizzare immagini di anteprima a bassissima risoluzione.

Ciao!

Salve, grazie mille per la risposta!

Effettivamente ho notato che le immagini sono molto pesanti, e dopo essermi informato online, ho capito di dover ridurre di molto le dimensioni. Risposta molto chiara, grazie ancora!
Buona serata.

Ciao! Grazie tante anche a lei per la risposta.
Mi avete fatto notare di quanto fossero pesanti le immagini, essendo un principiante non ne avevo la piu' pallida idea!
Provvedero' al piu' presto!
Grazie ancora e buona serata.

Che vantaggio c'è nel caricare foto di 2000px se poi le mostri di 952px? Riducile alla dimensione che realmente viene visualizzata e vedrai che le foto diventeranno + leggere senza perdere qualità. Inoltre dovresti caricare le foto con l'attributo Lazy loading (ad esclusione della prima). Il video devi caricarlo in formato mp4 o ancora meglio caricarlo su youtube e poi incorporarlo.
Visto il tipo di sito cachare non ti aiuterà molto,

Citazione:

---

Originalmente inviato da lucafornaciarifotografie

Che vantaggio c'è nel caricare foto di 2000px se poi le mostri di 952px?

---

Se il browser lavora su uno schermo ad alta definizione (HiDPI), il numero di pixel effettivi può essere superiore a quello dei pixel "logici", anche il doppio. Per questi schermi, immagini "1×" apparirebbero leggermente sfuocate, e caricarne una versione più grande ha senso.

In questo caso però, sarebbe bene usare l'attributo srcset del tag <img>, che permette di specificare più versioni della stessa immagine, da utilizzare a diverse risoluzioni. Il browser ne caricherà solo una, quella più vicina alla definizione dello schermo.

Vedi: https://css-tricks.com/responsive-im...ns-use-srcset/