Pubblicato il 03/10/09 - aggiornato il  | 23 commenti :

Come far caricare più velocemente le pagine del nostro blog su Blogger.

E' opinione comune che la velocità di caricamento della pagina incida sul posizionamento nella SERP di Google. A parità di altri fattori se una pagina è più rapida a caricarsi si posiziona meglio rispetto ad un'altra più lenta. E' lo stesso Blogger a fornire delle indicazioni su come velocizzare le pagine del blog. Le indicazioni sono in lingua inglese e cercherò di tradurle sintetizzandole
Inserire un basso numero di post in Homepage
Andando su Impostazioni > Formattazione si può scegliere il numero di post che possono essere visualizzati in Homepage. Per default Blogger inserisce "10" ma conviene abbassare il numero o comunque non alzarlo
image

Utilizzare preferibilmente widget e script di Blogger, gli altri inserirli nella parte bassa.
Quando si inseriscono dei widget è preferibile scegliere quelli forniti direttamente da Blogger. Ovviamente in tutti i blog ci sono script e widget di diversa provenienza. In questo caso è consigliabile inserire gli script e i widget esterni a Blogger nella parte bassa della pagina e sempre nella parte bassa delle sidebar se è lì che sono posizionati. Dico subito che nel mio blog mi è difficile seguire questa indicazione.


Come inserire le immagini per farle caricare prima.
Più immagini, video e altri oggetti multimediali sono presenti nel blog, maggiore sarà il tempo di caricamento della pagina. Questi oggetti sono però fondamentali per attrarre visitatori nel blog e quindi vanno sicuramente inseriti. Occorre però cercare di ottimizzarli al meglio seguendo questi consigli
  1. Ridurre le dimensioni delle immagini e eventualmente mostrare solo le miniature
  2. Se si utilizzano immagini di grandi dimensioni inserire solo il link
  3. Se le immagine sono caricate in un altro servizio, ricaricarle su Picasa per velocizzarne il caricamento. Bisogna aggiungere che Picasa è gratuito fino a 1024MB quindi andateci piano per non esaurire il bonus in breve tempo (La ultima considerazione è la mia e non di Blogger)
  4. Se si vogliono inserire un gran numero di immagini è possibile creare un album con Picasa e quindi inserire il link. Si può anche creare uno slideshow e acquisirne il codice.

I contenuti del che catturano più facilmente l'attenzione dovrebbero essere i primi a caricarsi. Per fare un checkup della pesantezza delle pagine del nostro blog si può andare su Stopwatch ed inserire l'URL del blog o di una singola pagina per cronometrarne la velocità di caricamento e modificare gli elementi che risultano più lenti. Il risultato del tempo di caricamento della mia homepage è stato veramente preoccupante 16 secondi e 474 millesimi
image
però non me la sento di togliere alcuni widget che ritengo, per il momento, ancora utili. Bisogna però prestare molta attenzione a questo aspetto del nostro blog. Guardando qua e là ho visto blog che cercano di avere più visite ma che sono sovraccarichi di gadget inutili e addirittura di musica di sottofondo in autoplay.


23 commenti :

  1. Ciao.
    Ho seguito i consigli e funziona decisamente meglio...!
    Volevo farti una domanda "off topic"(non sono riuscio a trovare il tuo contatto...): come faccio in un template non originale di Blogger a cambiare il colore dei link che posto? Esiste la possibilità?
    Grazie a ancora. Ciao.

    RispondiElimina
  2. @Benzene
    Vai su Layout > Caratteri e Colori e selezioni il colore del link attivo, visitato o puntato con il mouse (hover) quindi ne cambi il colore. Ciao

    RispondiElimina
  3. @Parsifal32
    No, non si riesce essendo un template non originale. Non compare nulla... Quella è una cosa che si può fare in quelli originali di Blogger...

    RispondiElimina
  4. @Parsifal32
    P.S. Ho inserito il tuo antipixel nel mio blog... Scambio?

    RispondiElimina
  5. @Benzene
    Allora il discorso è più complesso. Può essere fatto ma devi andare su Layout > Modifica HTML, salvare il modello e cercare nei fogli di stile
    .post h3 dove ci potrà essere a, oppure a: visited o anche a:hover.
    Sotto queste righe ci dovrebbe essere il simbolo di un colore come #191919. Puoi cambiarlo per vedere come viene. Le modifiche in questo settore sono delicate, ricordati di salvare il modello prima di procedere. Ciao
    P.S. Mi sembra impossibile che non ci sia nulla in Caratteri e Colori

    RispondiElimina
  6. @parsifal32
    Ciao.
    Proverò così come mi hai detto...
    E' la seconda volta che mi succede con un template non originale. Nei colori è tutto vuoto... Un rettangolo totalmente bianco...
    P.S. Hai account gMail? Io non riesco ad entrare... Firefox mi ritorna un errore da panico... Se tu ne hai uno, ti funziona?
    Non posso entrare come Benzene proprio perchè la posta è andata!!!!

    RispondiElimina
  7. A me Gmail in questo momento funziona magoni tanto va in blocco

    RispondiElimina
  8. @Parsifal32
    Ho avuto un momento di puro panico... Sembrava stessero entrandomi nella posta... Mi daa errori di certificati non validi e che poteva esserci un attacco esterno...
    Ho cambato i DNS nel router (avevo gli OpenDNS ed è ritornato tutto normale. Strano però; fno a stamattina non ho avuto problemi e gli OpenDNS li ho usati da anni...

    RispondiElimina
  9. @Parsifal32
    Sono riuscito a modificare il colore dei link che inserisco nei post!
    Grazie infinite!!!

    RispondiElimina
  10. ciao Pars,
    ti ho battuto. Ho fatto la prova con Stopwavtch e il tempo di caricamento del mio blog è stato di 16 sec e 861 nill.

    RispondiElimina
  11. Ciao volevo chiedereti se: spostare tutto il codice .css di un Blog su un file esterno, e richiamarlo tramite Dropbox, può velocizzare la velocità di caricamento del Blog?

    Ciao e grazie!

    RispondiElimina
  12. @giorgy
    Ci sono varie teorie in merito. C'è chi dice di sì, chi dice che è inutile. Onestamente non ti saprei dire. Secondo me i vantaggi non sono tanti. Bisogna considerare che anche DropBox non ha la banda infinita ... quindi devono comunque esserci nuove richieste di DNS.

    RispondiElimina
  13. Ciao scusa ma ho un'altro piccolo dubbio! Per quanto riguarda le immagini: nel momento in cui creo un post su Blogger ed inserisco nel Post alcune immagini da computer, (queste vanno in automatico anche su Picasa) mi appare un piccolo menù dove posso scegliere se rendere l'immagine: Piccola, Grande, Extra Large o Dimensione Originale. Questo vuol dire che le immagini in questione vengono ottimizzate già da Blogger e quindi il loro caricamento è più veloce oppure non cambia nulla?

    RispondiElimina
  14. @giorgy
    Sì vengono ottimizzate nativamente da Picasa. Però ho fatto delle prove e la dimensione non è che incida particolarmente sul loro peso.

    RispondiElimina
  15. Ciao Ernesto,
    Ho provato a fare il test che suggerisci con Stopwatch, e il risultato è devastante, la mia homepage ci impiega la bellezza di circa 22 secondi per caricare.
    Sapevo già che era lenta, ma così mi pare davvero eccessivo.
    Non credo sia colpa dei widgets degli ultimi articoli per etichetta, perchè quando avevo solo quelli caricavano velocemente. Penso siano o i widgets di Facebook, Google+ e GFC che ho messo nella colonna a destra o lo slideshow orizzontale che ho messo nella pagina principale. Posso chiedere un tuo parere? Credi che possano causare più problemi i widgets dei network o lo slideshow (che tra parentesi adoro)?
    Grazie.

    RispondiElimina
    Risposte
    1. @Giuliana
      Prima di prendere decisioni affrettate vai su Strumenti per Webmaster > Funzioni sperimentali > Prestazioni del sito e avrai dati più precisi nonché il grafico di come sia variata la velocità di caricamento media del tuo blog negli ultimi giorni.

      Elimina
    2. Non mi segna la velocità per giorni, ma per mesi. E comunque sì, mostra che in quest'ultimo periodo ha rallentato parecchio. Prima avevo i widgets dei social networks a piè di pagina e non mi sembrava lentissimo. Poi li ho spostati nella colonna laterale per renderli più visibili, ma contemporaneamente ho inserito anche lo slideshow orizzontale, quindi non sono sicura di quale sia la causa della lentezza. Però ho il presentimento che i widgets dei social nella colonna destra rallentino parecchio (quello di Google+ ci mette un'infinità per caricare). Stavo pensando di sostituirli con delle icone, anche se so che non è la stessa cosa, però così il sito è davvero troppo lento...

      Elimina
  16. Ernesto,
    secondo te se sostituisco lo slideshow orizzontale con delle immagini la situazione potrebbe migliorare un po'? Mi sembra di ricordare che dicevi che i file .js sono sempre un po' pesantini, o sbaglio?
    Grazie :)

    RispondiElimina
    Risposte
    1. @GiulianaMosetti
      Chi può dirlo? In questo campo si possono fare delle prove per vedere poi i dati degli Strumenti per Webmaster o di Google Analytics
      http://www.ideepercomputeredinternet.com/2011/05/monitorare-la-velocita-di-un-sito-con.html
      che poi tra l'altro sono abbastanza diversi e hanno un andamento strano. Per esempio a me mi è aumentato il tempo di caricamento senza che abbia modificato in alcun modo il template. Dipende anche dallo stato dei server di Blogger che, se ci sono dei disservizi, caricano più lentamente. Insomma le variabili da prendere in considerazione sono moltissime. Ti posso però dare il consiglio di non farci troppo caso.

      Elimina
  17. Ciao, sto avendo dei problemi nel caricamento della mia homepage (http://affarinostriinformand.blogspot.it/) nel senso che mi carica prima l'header e dopo qualche secondo il resto fino a poco tempo fa non mi faceva questo problema, ho tolto il widget che poteva essere la causa anche perchè da molto non modificavo il blog, ma il problema persiste. Non so dunque quale potrebbe essere la causa. Lo so che per te potrebbe essere ancora più complicato scoprirlo, ma non se potrebbe essere un problema di blogger e non dipeso da me.
    Grazie comunque.

    RispondiElimina
    Risposte
    1. Non credo che dipenda dal sito ma dal tuo browser. Forse è molto che non lo ripulisci dai dati di navigazione e allora è diventato più lento. In ogni caso a parte i widget con caricamento asincrono il webmaster non può decidere cosa debba essere caricato prima dal browser. Dipende dalla disponibilità degli indirizzi IP che può variare anche da un'ora all'altra.
      @#

      Elimina
  18. Ciao, io riscontro un problema sul caricamento immagini, specialmente su browser Chrome (ogni tanto spariscono o non si caricano correttamente). Premetto che carico immagini e testo tramite Open live writer (che inserisce i suoi link alle immagini, non direttamente su blogger, ma cmq si sull'account google legato a blogger).
    Non riesco a trovare soluzioni. Hai mai riscontrato il problema? Grazie mille.

    RispondiElimina
    Risposte
    1. Sì. Io non carico più le immagini con OLW. Vado sulla Bacheca di Blogger quindi su Nuovo Post. Carico le immagini da inserire nel post che sto scrivendo con Open Live Writer. Nella Bacheca vado sul codice e copio indirizzo della immagine che poi inserisco nel post di OLW con la scorciatoia da tastiera Ctrl + J per poi incollare l'indirizzo trovato su Blogger e andare su Invio. Non pubblico direttamente il post da OLW ma lo inserisco come Bozza per aggiungerci la descrizione di ricerca. L'altra bozza creata inserendo le immagini la elimino successivamente.
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy