- Home
- Categorie
- Digital Marketing
- Posizionamento Nei Motori di Ricerca
- Risultati PageSpeed Insight e Caricamento lento
-
No se fai copia e incolla di quel link vedi alcune immagini con i tempi di risposta e alcuni dati di gtmetrix. Si vede anche il link del mio sito in una delle immagini
-
Così ad occhio hai qualche problema lato codice backend o server.
E' molto probabile che dipenda dal fatto che non hai attivato alcun tipo di Cache.
Da qui si evince abbastanza bene in quanto la lentezza permane anche alla seconda hit quando le risorse statiche sono tutte in Browser Cache.
http://www.webpagetest.org/result/160415_QJ_K0P/Oltre a questo il frontend ha molti margini di miglioramento e potremmo stimare che per come è il sito potrebbe caricare tranquillamente in meno di 1 secondo.
-
Si anche io ho pensato la stessa cosa. Ho analizzato un po' da gmetrix e ho visto che c era un altissimo numero di richieste che erano collegate a JavaScript vari. Era un plugin per la prenotazione che faceva mille chiamate. Ora l ho tolto e sto lavorando ad un altro.
Tieni conto che lo vedi senza immagini ma in home page ci saranno altre 3 gallery, quindi una 30ina di foto.
Per la storia della cache, ho provato con w3 ma cambiava appena. Riproverò stasera a fare w3 col nuovo plugin per prenotazione.
Che altri tipi di miglioramenti frontend suggerisci? Grazie
-
Le migliori da fare potrebbero essere molte.
Critical CSS, Caricamento asincrono JS e CSS completo, Service Worker, Font Face Observer, ma principalmente limitare al minimo JS e CSS inutili.
Se avrai 30 immagini usa il lazy load.
-
Non è brutto da vedere il lazy load? Il problema è che vorrei evitare altri plugin ma se implemento il lazy load via javascript rischio di aumentare di nuovo il numero del codice da ottimizzare...o no?
Come minimizzo js e CSS?
-
Perché è brutto il lazy load?
-
In teoria l'utente non aspetta che carichino le immagini ? Non so se sia brutto è una mia idea.... Comunque adesso siamo sui 3/4 secondi. A casa proverò a cachare e quindi ad attivare il minify. Altre idee?
-
Le altre idee te le ho scritte sopra
Riguardo al lazy load in realtà puoi farlo in modo che l'utente non si accorga neanche che vengano caricate successivamente al load impostando un treshold che anticipa il caricamento prima di X pixel dalla visibilità nello schermo.
In caso di slideshow invece basta precaricare le 2 successive all'attuale.
Per l'utente diventa tutto trasparente.
-
Grazie per i vostri preziosi consigli. Vi chiedo un ultimo favore, ho attivato w3 total cache ma adesso la pagina contenente un calendaio (lavora con js) non funziona più. Se disattivo minify per javascript da w3 cache è inutile, come posso risolvere?
-
Il calendario in questione si trova a casalemaremma.it/contatti/.
Ho provato a ispezionare la pagina ma è tutto inline e non ci capisco un tubo ...
-
-
In che senso non funziona più?
A me sembra funzionare il calendario.
-
Ho attivato il minify ma ho escluso la pagina contenente il plugin ed infatti la pagina funziona. Ora se volessi implementare js e css asyncroni però mi si sfancula di nuovo il plugin. Un'idea sarebbe quella di togliere il calendario e metterci un form con date ed un calendario semplice per reminder...
-
Molto probabilmente l'implementazione del calendario necessita che in quella pagina il JS non venga caricato asincrono.