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?

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.

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.

About Mike Fitzpatrick

Mike is web consultant and developer at Jeyjoo, where he has a track record and transforming businesses into online market leaders.

Find out how we exploded our website visits 170% in 5 months

SARA DING

(Owner Juicing for Health)

2 million monthly visitors
1.1 million Facebook followers

Proven SEO results

Abbiamo lavorato con…

Una selezione delle aziende con cui abbiamo lavorato

Cosa dicono i nostri clienti

Our clients love the work we produce...

Quick, efficient and a better job than I imagined! I cannot recommend Jeyjoo enough.
Ali Jawad, British Powerlifter

Within just a few months we gained an excellent search engine positioning for our chosen keywords.
Roberto Ricco – Afi Esca

Our site is contemporary, clean and clear – everyone wants to know who made it.
Raphael Baglione – Door to Innovation

Ready to start earning?

We can transform your business into a Google #1 website and grow your revenue