🔒 HTTPS & Dominio 0/3

Il sito è servito su HTTPS

Service worker e installazione PWA funzionano solo su HTTPS (localhost è escluso). Netlify, Vercel e GitHub Pages lo forniscono gratuitamente.

Obbligatorio

Certificato SSL valido e aggiornato

Verifica che il certificato non sia scaduto e che copra tutti i sottodomini utilizzati.

Obbligatorio

Redirect da HTTP a HTTPS

Qualsiasi richiesta HTTP deve essere reindirizzata automaticamente a HTTPS. Su Netlify: [[redirects]] in netlify.toml.Any HTTP request must be automatically redirected to HTTPS. On Netlify: [[redirects]] in netlify.toml.

Obbligatorio

📋 Web App Manifest 0/7

File manifest.json presente e linkato nell'HTMLmanifest.json file present and linked in HTML

<link rel="manifest" href="/manifest.json"> nel <head> di ogni pagina.<link rel="manifest" href="/manifest.json"> in the <head> of every page.

Obbligatorio

Campi name e short_name presentiname and short_name fields present

name è il nome completo mostrato in installazione; short_name è quello sull'icona della home screen (max 12 caratteri consigliati).name is the full name shown at install; short_name is the one on the home screen icon (12 chars recommended max).

Obbligatorio

Icone da 192px e 512px in formato PNG

Richieste per l'installabilità. Aggiungi anche purpose: "maskable" per le icone adattive Android.Required for installability. Also add purpose: "maskable" for adaptive Android icons.

Obbligatorio

start_url e scope correttiCorrect start_url and scope

start_url è la pagina aperta all'avvio; scope definisce i percorsi gestiti dalla PWA. Di solito entrambi sono /.start_url is the page opened on launch; scope defines paths managed by the PWA. Usually both are /.

Obbligatorio

display: "standalone" impostatodisplay: "standalone" set

Rimuove la barra del browser quando la PWA è installata. Opzioni: standalone, minimal-ui, fullscreen.Removes the browser bar when the PWA is installed. Options: standalone, minimal-ui, fullscreen.

Obbligatorio

theme_color e background_colortheme_color and background_color

theme_color colora la barra di stato su Android; background_color è lo sfondo dello splash screen durante il caricamento.theme_color colours the status bar on Android; background_color is the splash screen background during loading.

Consigliato

Apple meta tag per iOS (apple-mobile-web-app-*)Apple meta tags for iOS (apple-mobile-web-app-*)

Safari non usa il manifest per installazione. Aggiungere: apple-mobile-web-app-capable, apple-mobile-web-app-status-bar-style, apple-touch-icon.Safari doesn't use the manifest for installation. Add: apple-mobile-web-app-capable, apple-mobile-web-app-status-bar-style, apple-touch-icon.

Consigliato

⚙️ Service Worker 0/5

Service Worker registrato correttamente

navigator.serviceWorker.register('/sw.js') eseguito dopo il load event. Il file deve essere alla radice o in un path con scope appropriato.navigator.serviceWorker.register('/sw.js') executed after the load event. The file must be at the root or a path with appropriate scope.

Obbligatorio

Cache strategy implementata (install event)Cache strategy implemented (install event)

Pre-caching degli asset statici fondamentali (HTML, CSS, JS, icone) nell'event install. Senza questo l'app non funziona offline.Pre-caching of critical static assets (HTML, CSS, JS, icons) in the install event. Without this the app doesn't work offline.

Obbligatorio

Gestione fetch event con fallback offlinefetch event handling with offline fallback

Il SW intercetta le richieste di rete. Strategia Cache-First o Network-First a seconda del tipo di risorsa. Pagina offline di fallback per navigazione.

Obbligatorio

Pulizia cache vecchie nell'event activateClean up old caches in the activate event

Rimuovi le cache delle versioni precedenti per non occupare spazio inutilmente. Confronta i nomi cache con una versione nel codice.

Consigliato

Aggiornamenti gestiti con skipWaiting / prompt utenteUpdates handled with skipWaiting / user prompt

Decidi se il nuovo SW prende il controllo immediatamente (skipWaiting()) o aspetta che l'utente chiuda tutte le tab — e comunicaglielo.Decide whether the new SW takes control immediately (skipWaiting()) or waits for the user to close all tabs — and communicate this to them.

Consigliato

🔔 Notifiche Push (se necessarie) 0/4

Permesso notifiche richiesto al momento giusto

Non chiedere il permesso al primo caricamento. Chiedilo dopo un'azione specifica dell'utente che lo rende contestuale (es. "Vuoi ricevere aggiornamenti su X?").

Consigliato

VAPID keys generate e configurate

Chiavi per il protocollo Web Push. Generabili con web-push generate-vapid-keys. La chiave pubblica va nel client, la privata nel server/Firebase.Keys for the Web Push protocol. Generate with web-push generate-vapid-keys. Public key goes in the client, private key in the server/Firebase.

Obbligatorio per Push

Gestione push event nel Service Workerpush event handling in the Service Worker

Il SW riceve i messaggi push anche quando l'app è chiusa. Deve mostrare una notifica con self.registration.showNotification().The SW receives push messages even when the app is closed. It must show a notification with self.registration.showNotification().

Obbligatorio per Push

Gestione notificationclick — apertura correttanotificationclick handling — correct page open

Cliccando la notifica l'utente deve finire sulla pagina giusta. Gestisci il click nel SW per aprire/focalizzare la tab corretta.

Consigliato

🔍 SEO & Meta Tag 0/5

<title> e meta description su ogni pagina<title> and meta description on every page

Unici per pagina, keyword-first nel titolo (max 60 caratteri), description tra 120-160 caratteri.

Obbligatorio

Tag canonical su ogni paginacanonical tag on every page

<link rel="canonical" href="https://tuodominio.it/pagina.html"> evita contenuto duplicato agli occhi di Google.<link rel="canonical" href="https://yourdomain.com/page.html"> prevents duplicate content in Google's eyes.

Obbligatorio

Open Graph e Twitter Card

og:title, og:description, og:image, og:url e relativi tag Twitter. Controllali con il Twitter Validator.og:title, og:description, og:image, og:url and related Twitter tags. Test with the Twitter Validator.

Consigliato

Schema.org / JSON-LD per rich results

Tipo WebSite, Article, BlogPosting o Person a seconda del contenuto. Aumenta la visibilità nei risultati Google.Type WebSite, Article, BlogPosting or Person depending on content. Increases visibility in Google results.

Consigliato

sitemap.xml e robots.txt presenti e inviati a GSCsitemap.xml and robots.txt present and submitted to GSC

La sitemap elenca tutte le URL indicizzabili. Il robots.txt blocca i percorsi sensibili. Invia la sitemap in Google Search Console.

Consigliato

⚡ Performance 0/4

Lighthouse PWA score ≥ 90

Apri Chrome DevTools → Lighthouse → scegli "Progressive Web App" e "Performance". Risolvi tutti gli errori rossi prima di pubblicare.

Consigliato

Font caricati con preconnect e display=swapFonts loaded with preconnect and display=swap

Evita il FOUT (Flash of Unstyled Text) e riduce il tempo di rendering. <link rel="preconnect" href="https://fonts.googleapis.com">.Avoids FOUT (Flash of Unstyled Text) and reduces rendering time. <link rel="preconnect" href="https://fonts.googleapis.com">.

Consigliato

Immagini ottimizzate con lazy loading

<img loading="lazy"> per le immagini fuori viewport. Formato WebP dove possibile. Dimensioni dichiarate esplicitamente per evitare layout shift.<img loading="lazy"> for images outside the viewport. WebP format where possible. Explicit dimensions declared to avoid layout shift.

Consigliato

CSS e JS critici inline o caricati in modo non bloccante

Usa defer o async sui tag <script>. Il CSS critico above-the-fold può essere inline per ridurre il First Contentful Paint.Use defer or async on <script> tags. Critical above-the-fold CSS can be inline to reduce First Contentful Paint.

Opzionale

PWA Checklist 2025