Temi di Blogger Responsive: caratteristiche e velocità di caricamento.

Quali sono le caratteristiche del Designer Temi e del Layout dei nuovi Temi Responsive di Blogger e quale è la loro velocità di caricamento rispetto ai precedenti.

Riprendo l'argomento dei Nuovi Temi Responsive introdotti ieri da Blogger. Le novità introdotte sono molte e ci vorranno parecchi post per prenderle in esame tutte. Alcune le abbiamo già viste nel post precedente come l'adattamento automatico ai dispositivi mobili e alle diverse risoluzioni.

Un'altra interessante aggiunta è quella di mostrare l'incipit del post in Homepage sotto alla prima immagine, se presente, insieme al link Continua a leggere che diventa quindi automatico. Tale incipit può essere configurato agendo nel codice sotto alla riga

<b:includable id='postBodySnippet' var='post'>

Si nota anche la mancanza della NavBar che non è mai stata troppo amata dagli utenti di Blogger. La personalizzazione di questi Temi pare possibile come lo era quella dei precedenti e non quasi impossibile come lo era per i Modelli a Visualizzazione Dinamica.

SCHEDA LAYOUT DEI NUOVI TEMI DI BLOGGER

I nuovi Temi hanno una scheda del Layout che è completamente diversa da quella a cui siamo abituati. 

La Sidebar è denominata Barra Laterale ed è divisa in parte alta e parte bassa. Nella Colonna Centrale, prima di quella che prima veniva chiamata Main Area, vengono di default aggiunti i gadget Search che va a finire nel Top della pagina, la Intestazione o Hader, L'iscrizione ai feed e alla Newsletter o Follow by Email e l'Elenco Pagine che non è altro che il Menù delle Pagine Statiche.

Sopra al Corpo della Pagina (Ex Main Area) sono posizionati due Widget Adsense per inserire gli annunci in quella posizione. Sopra a Post del blog, che rappresenta il contenuto degli articoli, di default è mostrato il gadget del Post in Evidenza. Sotto è mostrato il gadget dei Post più popolari che sostituisce quello degli Articoli Simili che Blogger non ha mai rilasciato nativamente.

Questi elementi pagina possono essere trascinati e riposizionati con il drag & drop del mouse. Solo quelli che però sono stati attivati dall'utente. Il Layout presenta quindi anche delle proposte.

NUOVE FUNZIONI DEL DESIGNER TEMI DI BLOGGER

Se si va su Tema -> Personalizza si apre quello che adesso viene chiamato il Designer di Temi.

Non c'è più la scheda Layout in cui si poteva settare il numero di colonne del template anche del piè di pagina. La ragione è che questi Temi sono Responsive e quindi svincolati dalle dimensioni della larghezza. Le schede rimaste sono Temi, Sfondo, Avanzato, Gadget.

Mi riservo di tornare in modo più approfondito su Designer Temi. Mi soffermo solo su alcune cose. Nella scheda Sfondo si può rimuovere l'immagine di sfondo o sostituirla con altre anche caricate dal PC

Su Avanzato si configurano famiglie di font e colori dei vari elementi del blog

Per effettuare delle modifiche si va su Applica al blog in alto a destra.

In Gadget si possono configurare i gadget anche da Designer Temi oltre che da Layout. Si sceglie il widget poi si va su Configura per poi salvare le modifiche.

VELOCITÀ DI CARICAMENTO DEI NUOVI TEMI DI BLOGGER

Ho testato la velocità di caricamento dello stesso blog con un vecchio Tema Semplice e con un nuovo Tema Contempo con il tool Pingdom che dà dei risultati quantitativi e non solo qualitativi come fa Page Speed.

Come si vede dallo screenshot il nuovo Tema Conpempo ha un Tempo di caricamento di 1,01 secondi contro i 1,59 secondi del Tema Semplice. Anche il peso della pagina (948KB) e il numero di richieste HTTP (29) del Tema Contempo danno dei risultati migliori rispetto al Tema Semplice (1200KB e 59). Da questo ne discende una migliore ottimizzazione che porterà a un miglioramento della SERP.