Come ho costruito un sito 100% Google Pagespeed
Last updated on
Mentre stavo risviluppando questo sito di prestiti (se clicchi noterai subito il caricamento velocissimo sul tuo browser), ho deciso di sfidare me stesso – era possibile creare un sito web in responsive design che superasse al 100% Google Pagespeed?
Ossia:
- Caricamento veloce – 100% Google Pagespeed per apparecchi mobili e versioni desktop
- Assolutamente privo di errori di codice HTML5
- 0 links rotti, per rafforzare il sito.
- Super leggero – mi sono posto come obiettivo quello di mantenere il sito sotto 1Mb (invece dei soliti 90Mb di un sito web standard in CMS)
- Ottimizzato per le ricerche con le ultime tecniche SEO come Schema.org
- Un responsive design comprensivo di 100% Google Mobile User Experience
- Vincolo ulteriore: website in 4 lingue per il mercato svizzero pluringue
Ma perché creare un sito 100% Google Pagespeed?
- Per vedere se il concetto mitologico di una Google Pagespeed del 100% può veramente essere raggiunto (e ora so che è possibile!).
- Costruire un sito da zero è un ottimo modo per capire approfonditamente come funzionano i siti internet.
- Un sito fatto con codici ‘a mano’ è estremamente facile da mantenere e da aggiornare.
- Sito web leggero = sito ecologico – occupa 0.6% dello spazio occupato da Joomla o WordPress.
- Per misurare i benefici del SEO di un sito web ultra veloce.
Come ottenere il 100% Google Pagespeed (mobile e desktop)
Qui di seguito troverai alcuni suggerimenti che ti aiuteranno ad ottenere dall’ 80-90% fino al 100% del Pagespeed:
- Tieni i render blocking scripts al minimo.
- Metti gli scripts alla fine del codice, prima del body tag di chiusura. Buoni candidati per lo spostamento a fine pagina sono Google Fonts, jQuery libraries e javascripts. Questo aiuterà la pagina a caricarsi in modo omogeneo e senza pause dovute al caricamento di files esterni.
- Tieni il tuo CSS conciso ed efficiente. Aggiungi il CSS direttamente sull’intestazione di pagina invece che nella forma di un link esterno (puoi farlo se il CSS è piccolo).
- Comprimi tutte le immagini per ridurre il peso usando Tinypng.
- Per veramente aggiudicarti il magico 100% della Pagespeed, dovrai tenere il tracking del tuo Google Analytics localmente.
Come ottenere il 100% del rating su Google Mobile Experience
Mobile friendly è fondamentale se vuoi ottenere visite provenienti da Smartphone e Tablet. Ecco alcuni suggerimenti per arrivare al 100% di Mobile Friendly:
- Un responsive design.
- Tieni il design per gli apparecchi mobili il più semplice possibile, eliminando il non necessario come immagini e oggetti dei menù.
- Assicurati che tutti i links come i menu items non siano troppo vicini. Tieni a mente gli utenti che hanno della grandi dita quando cercano di premere un tasto…così ti farai un’idea giusta degli spazi!
- Assicurati che nessuna area del tuo sito web rimanga all’esterno della schermata del browser degli apparecchi mobili.
Sintonizza il tuo sito web utilizzando questi test
Il nostro check-up dei siti web possiede alcuni tra i migliori test sul web per testare il tuo sito web. Vi è incluso un broken link finder, HTML error checker e uno strumento per Schema.