Technical SEO

Come migliorare la Page Speed

13 min di lettura

La page speed è un fattore di ranking e un elemento fondamentale della user experience. Le pagine lente perdono visitatori, riducono le conversioni e si posizionano più in basso nei risultati di ricerca. La ricerca di Google mostra che quando il tempo di caricamento passa da 1 a 3 secondi, la probabilità di rimbalzo aumenta del 32%. Questa guida copre le ottimizzazioni ad alto impatto per rendere il tuo sito più veloce.

learn.sections.stepByStep

Benchmark Current Performance

Test your key pages using PageSpeed Insights, WebPageTest, and Chrome DevTools. Record your current metrics: Time to First Byte (TTFB), Largest Contentful Paint (LCP), total page weight, and number of requests. Test multiple page types: homepage, category pages, product pages, and blog posts.

Optimize Images

Images typically account for 50-70% of page weight. Convert to WebP or AVIF formats, serve responsive sizes using srcset, compress without visible quality loss, and lazy-load below-the-fold images. A single unoptimized hero image can add 2-3 seconds to your LCP.

Reduce and Optimize JavaScript

Audit your JavaScript bundles to identify and remove unused code. Split large bundles with code splitting so users only download what they need. Defer non-critical scripts, move analytics and tracking to load after the page is interactive, and consider lighter alternatives to heavy libraries.

Optimize CSS Delivery

Inline critical CSS needed for above-the-fold rendering directly in the HTML. Load the rest asynchronously. Remove unused CSS rules -- most sites ship 10-20x more CSS than any single page uses. Minify all stylesheets and combine small files to reduce HTTP requests.

Implement Server-Side Optimizations

Reduce Time to First Byte by enabling server-level caching, using a CDN, and optimizing database queries. Enable gzip or Brotli compression for text-based assets. Set proper cache headers so returning visitors don't re-download unchanged resources.

Optimize Web Fonts

Fonts can block text rendering for seconds. Use font-display: swap to show fallback text immediately. Subset fonts to include only the characters you use. Self-host fonts instead of loading from third-party CDNs to reduce DNS lookups and leverage your existing caching.

Analizza le performance attuali

Testa le tue pagine chiave utilizzando PageSpeed Insights, WebPageTest e Chrome DevTools. Registra le tue metriche attuali: Time to First Byte (TTFB), Largest Contentful Paint (LCP), peso totale della pagina e numero di richieste. Testa diverse tipologie di pagine: homepage, pagine categoria, pagine prodotto e articoli del blog.

Ottimizza le immagini

Le immagini rappresentano solitamente il 50-70% del peso di una pagina. Convertile in formato WebP o AVIF, servi dimensioni responsive utilizzando srcset, comprimile senza una perdita di qualità visibile e implementa il lazy-loading per le immagini below-the-fold. Una singola immagine hero non ottimizzata può aggiungere 2-3 secondi al tuo LCP.

Riduci e ottimizza JavaScript

Analizza i tuoi bundle JavaScript per identificare e rimuovere il codice inutilizzato. Suddividi i bundle di grandi dimensioni con il code splitting affinché gli utenti scarichino solo ciò che serve. Differisci gli script non critici, sposta il caricamento di analytics e tracking dopo che la pagina è diventata interattiva e valuta alternative più leggere alle librerie pesanti.

Ottimizza il caricamento dei CSS

Inserisci il CSS critico necessario per il rendering above-the-fold direttamente nell'HTML. Carica il resto in modo asincrono. Rimuovi le regole CSS inutilizzate: la maggior parte dei siti trasmette 10-20 volte più CSS di quelli effettivamente utilizzati in una pagina. Minimizza tutti i fogli di stile e combina i file piccoli per ridurre le richieste HTTP.

Implementa ottimizzazioni lato server

Riduci il Time to First Byte abilitando il caching lato server, utilizzando una CDN e ottimizzando le query al database. Abilita la compressione gzip o Brotli per le risorse testuali. Imposta header di cache corretti affinché i visitatori di ritorno non riscarichino le risorse invariate.

Ottimizza i web font

I font possono bloccare il rendering del testo per diversi secondi. Utilizza font-display: swap per mostrare immediatamente il testo di fallback. Crea dei subset di font per includere solo i caratteri che utilizzi. Ospita i font localmente invece di caricarli da CDN di terze parti per ridurre le query DNS e sfruttare il tuo caching esistente.

Consigli pro

Start with your highest-traffic pages. Optimizing your top 10 pages by traffic usually delivers more impact than optimizing your entire site, and you learn which techniques work best for your stack.
Set a performance budget: maximum 200KB JavaScript, 500KB total page weight, and 3-second LCP. Enforce these in your build pipeline to prevent regressions.
Use the Coverage tab in Chrome DevTools to find unused CSS and JavaScript. Most sites can eliminate 30-50% of their CSS payload this way.
Inizia dalle tue pagine con maggior traffico. Ottimizzare le prime 10 pagine per traffico solitamente genera un impatto maggiore rispetto all'intero sito, e ti aiuta a capire quali tecniche funzionano meglio per il tuo stack.
Stabilisci un budget di performance: massimo 200KB di JavaScript, 500KB di peso totale pagina e 3 secondi di LCP. Imposta questi limiti nella tua build pipeline per prevenire regressioni.
Utilizza la scheda Coverage in Chrome DevTools per trovare CSS e JavaScript inutilizzati. La maggior parte dei siti può eliminare il 30-50% del proprio payload CSS in questo modo.

Errori comuni da evitare

Compressing without resizing images

Compressing a 4000x3000 pixel image to WebP helps, but serving a 400x300 pixel version saves 10x more bandwidth. Always resize images to the maximum display size before compressing.

Loading everything in the head

Placing all scripts and stylesheets in the HTML head blocks rendering. Only critical resources should load in the head. Move everything else to the end of the body or load it asynchronously.

Over-relying on CDN caching

A CDN speeds up delivery but doesn't fix a slow origin server or bloated page. If your page generates in 2 seconds on the server and the CDN cache expires every 5 minutes, most users still experience the slow origin response.

Comprimere senza ridimensionare le immagini

Comprimere un'immagine 4000x3000 pixel in WebP aiuta, ma servire una versione 400x300 pixel risparmia 10 volte più banda. Ridimensiona sempre le immagini alla dimensione massima di visualizzazione prima di comprimerle.

Caricare tutto nell'head

Inserire tutti gli script e i fogli di stile nell'head HTML blocca il rendering. Solo le risorse critiche dovrebbero essere caricate nell'head. Sposta tutto il resto alla fine del body o caricalo in modo asincrono.

Affidarsi eccessivamente al caching della CDN

Una CDN accelera la consegna ma non risolve un server di origine lento o una pagina pesante. Se la tua pagina viene generata in 2 secondi sul server e la cache della CDN scade ogni 5 minuti, la maggior parte degli utenti sperimenterà comunque la lenta risposta dell'origine.

Come Keyword Kick semplifica il lavoro

Automated page speed testing across all site pages with specific optimization recommendations
Historical performance tracking to measure the impact of speed improvements over time
Core Web Vitals monitoring that connects speed metrics to ranking changes
Test automatici di page speed su tutte le pagine del sito con raccomandazioni di ottimizzazione specifiche
Monitoraggio storico delle performance per misurare l'impatto dei miglioramenti di velocità nel tempo
Monitoraggio dei Core Web Vitals che collega le metriche di velocità ai cambiamenti nel ranking

learn.sections.faq

How fast should my website load?

Aim for a Largest Contentful Paint under 2.5 seconds and a Time to First Byte under 600 milliseconds. For e-commerce sites, every additional second of load time reduces conversions by approximately 7%. Faster is always better, but these thresholds satisfy Google's performance requirements.

Does page speed really affect SEO rankings?

Yes. Page speed is a confirmed ranking factor, and Core Web Vitals are part of Google's Page Experience signals. In competitive niches where content quality is similar, faster sites consistently outrank slower ones.

Which has more impact: server speed or front-end optimization?

It depends on your current bottleneck. If your TTFB is over 1 second, server optimization will have the biggest impact. If TTFB is fast but LCP is slow, front-end optimizations (images, CSS, JavaScript) will help more. Test both to identify your specific bottleneck.

Quanto velocemente dovrebbe caricarsi il mio sito web?

Punta a un Largest Contentful Paint inferiore a 2,5 secondi e a un Time to First Byte inferiore a 600 millisecondi. Per i siti e-commerce, ogni secondo aggiuntivo di tempo di caricamento riduce le conversioni di circa il 7%. Più veloce è sempre meglio, ma queste soglie soddisfano i requisiti di performance di Google.

La page speed influenza davvero il ranking SEO?

Sì. La page speed è un fattore di ranking confermato e i Core Web Vitals fanno parte dei segnali di Page Experience di Google. In nicchie competitive dove la qualità dei contenuti è simile, i siti più veloci superano costantemente quelli più lenti.

Cosa ha più impatto: la velocità del server o l'ottimizzazione front-end?

Dipende dal tuo attuale collo di bottiglia. Se il tuo TTFB supera 1 secondo, l'ottimizzazione del server avrà l'impatto maggiore. Se il TTFB è veloce ma l'LCP è lento, le ottimizzazioni front-end (immagini, CSS, JavaScript) saranno più utili. Testa entrambi per identificare il tuo specifico collo di bottiglia.

learn.cta.button