Come ho costruito un sito 100% Google Pagespeed

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?

100% Google Pagespeed, sito veloce di 1Mb

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)

100% Google Pagespeed

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. Questo articolo ti spiegherà come farlo.

Come ottenere il 100% del rating su Google Mobile Experience

100% Mobile user 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.

Ti serve un preventivo o consulenza professionale?

Fai la tua domanda e ricevi risposta subito.

Preventivo Chiamaci



Privacy Policy
Ho letto e accetto la privacy policy

Il Team

Mike, Web developer, esperto SEO
Mike
Web developer, esperto SEO
Fede - Contenuti, marketing, social
Federica
Contenuti, marketing, social
Fotografia, video
Lara
Fotografia, video