Test mobile-friendly
Free, no signup. Run this tool's seven weighted mobile-layout checks and get a 0–100 diagnostic score, plus a phone-viewport preview as separate supporting evidence.
Free, no sign-up. The analysis reads your HTML the way a mobile browser would; the screenshot renders in headless Chrome on a 390×844 iPhone-sized viewport.
I controlli vengono eseguiti dal nostro server; recuperiamo l’URL inserito e non conserviamo i risultati. Results are kept in a short-lived cache, not stored long-term. Anonymous aggregate stats feed our research posts; domains are counted once via an anonymized hash and never stored in the clear. I conteggi anonimi degli esiti per singola esecuzione possono essere utilizzati per ricerche aggregate; URL, domini, IP e identificatori non sono mai inclusi e nessuna statistica viene pubblicata sotto le 100 esecuzioni.
+ salva il sito o la pagina correnti. Usa ☆ accanto a qualsiasi sito, pagina o elenco salvato per aggiungerlo ai preferiti. La cronologia dei controlli recenti appare sotto.
Crea un elenco denominato
Target compilato dalle tue scelte locali.
Passaporto del sito Contesto locale per questo sito salvato
Dati locali
Le destinazioni salvate, gli elenchi denominati e i riepiloghi dei controlli recenti restano solo in questo browser.
390×844 viewport · iPhone user agent
This is a static-analysis check plus a real render — fast and directional. It can’t see CSS applied by JavaScript frameworks at runtime, so pair a borderline score with the screenshot: if the page looks right on the phone frame, trust your eyes.
Compare a later score
Download this free analysis as a private JSON baseline, then import it after another run to see score and failing-check changes. Snapshots stay in your browser unless you choose to save a file.
Valuta questo strumento
What the score is made of
| Check | Threshold / points | What this free pass can confirm |
|---|---|---|
| Viewport | 30 points | width=device-width and zoom accessibility |
| Responsive CSS | 20 points | @media rules in inspected CSS |
| Fixed widths | 15 points · >400px warning | Markup-level width attributes and inline styles |
| Font sizes | 10 points · <12px warning | CSS declarations and legacy font tags |
| Tap targets / horizontal overflow | Needs a rendered layout pass | Not claimed by this free HTML score |
Viewport is 30 points
Without width=device-width, phones render your page at ~980px and shrink it to fit — every other mobile problem starts here. Disabling zoom costs points too: it’s an accessibility failure.
Layout checks
Responsive CSS (@media rules, including in external stylesheets), hard-coded widths over 400px, and sub-12px font sizes — the three classic ways a desktop layout breaks on a phone.
Delivery checks
Responsive images (srcset/<picture>), HTML page weight on mobile networks, and leftover <object>/<embed> plugin content that mobile browsers won’t run.
Informazioni sullo strumento
Esegui una diagnosi del layout mobile in sette parti: punteggio prodotto 0–100 per viewport, CSS responsive, larghezze fisse, font, immagini, peso pagina e plugin, più anteprima telefono.
Funzionalità
- Punteggio separato per viewport e CSS responsive.
- Controlli di larghezze fisse, font, immagini e peso pagina.
- Badge di gravità con colore e indicazione del problema correggibile.
- Anteprima in viewport telefono separata da Core Web Vitals.
Come funziona
Incolla l’URL completo della pagina e avvia il browser controllato. Il tool misura sette aree, assegna punti e mostra selettori o ragioni per ogni badge; verifica la pagina reale, non solo la homepage.
Limitazioni
- Pagine molto grandi vengono analizzate solo fino al limite di byte.
- Non sostituisce un test di Core Web Vitals o tap-target spacing; usa dati di campo per la performance reale.
Domande frequenti
Google ha ritirato la propria prova per dispositivi mobili: questa la sostituisce?
No. Google ha rimosso la prova autonoma e il resoconto di usabilità portatile alla fine del 2023. Questo strumento applica un modello diagnostico proprio in sette parti: sono euristiche per individuare probabili problemi di impaginazione, non criteri Google né un sostituto delle prove su dispositivi reali.
La prova esegue JavaScript?
Il punteggio da 0 a 100 deriva dall’analisi statica dell’HTML e di un massimo di quattro fogli di stile, quindi non esegue JavaScript. L’istantanea telefonica usa un navigatore automatizzato ed è una prova di supporto, ma rappresenta una sola finestra e un solo ambiente. Controlla le discrepanze su dispositivi reali rappresentativi.
Perché ho perso 30 punti per il tag area visibile?
Il controllo vale 30 punti perché ogni altro comportamento portatile dipende da questa impostazione. Senza <meta name="area visibile">, il telefono rende la pagina larga circa 980px e la riduce, rendendo piccoli testo e bersagli. Aggiungi nel <head> <meta name="area visibile" content="larghezza=device-larghezza, initial-scale=1">. Disabilitare lo ingrandimento mantiene gran parte del credito ma genera un avviso di accessibilità.
Che cosa conta come elemento a larghezza fissa?
Il controllo segnala elementi con larghezza rigida oltre 400px, in uno stile incorporato o in un attributo larghezza. Sono più inclini a superare lo schermo e provocare scorrimento orizzontale. Uno o due generano un avviso; tre o più un errore. Usa larghezza massima con percentuali o unità proporzionali.
L’istantanea risulta non disponibile ma ho un punteggio: è un errore?
No. Punteggio e sette controlli derivano dall’analisi HTML gratuita eseguita per prima. L’istantanea è una resa separata e misurata, che può essere saltata al raggiungimento dei limiti di costo, quando il servizio è occupato o la pagina blocca i navigatori automatici. Il punteggio non dipende mai dall’istantanea.
Problemi comuni e come risolverli
- Errore termine meta tag è mancanti o non valido Correzione: Aggiungi un valido width=device-width termine meta tag a il termine HTML head.
- Avviso Responsive CSS signals sono mancanti Correzione: Aggiungi responsive CSS breakpoints che adapt layout e typography a narrow viewports.
- Errore termine-termine contenuti supera il termine Correzione: Sostituisci termine-termine termine termine con termine max-width, termine, grid, o flex termine.
- Avviso Testo è termine piccolo per termine lettura Correzione: termine termine termine testo a un termine termine termine e termine termine testo sotto 12 CSS termine.
- Avviso termine sono non termine termine Correzione: termine termine con max-width:100% e height:auto, e termine termine sorgenti dove utile.
- Avviso HTML pagina termine è alto Correzione: La traduzione italiana è: Rimuovere termine termine termine, termine termine, e termine termine termine a riduci termine termine termine.
- Errore termine termine contenuti è termine Correzione: Sostituisci Flash, Java termine, o termine non supportato termine contenuti con termine HTML, CSS, e JavaScript.