Pattern di Segnali web
Questa raccolta include pattern spesso difficili da implementare senza compromettere i punteggi di Segnali web essenziali. Utilizza il codice in questi esempi per garantire che i tuoi progetti seguano la strada giusta.
- Tempo di blocco totale (TBT)
- Web Vitals
- I modi più efficaci per migliorare i Core Web Vitals
- Iniziare a misurare i Segnali web
- Confrontare la funzionalità LLM con il riepilogo
- Come sono state definite le soglie delle metriche di Core Web Vitals
- Diagnostica manuale delle interazioni lente nel lab
- Flussi di lavoro di Segnali web essenziali con gli strumenti Google
- Ottimizza visualizzazione elemento Largest Contentful
- Baseline
- Cache back-forward
- Prestazioni del debug sul campo
- First Input Delay (FID)
- Benchmarking del rendimento della proprietà @CSS
- Migliora le prestazioni e l'esperienza utente per l'IA lato client
- Correlare i Core Web Vitals e le entrate pubblicitarie con gli strumenti Google
- È ora di eseguire il caricamento lento degli iframe fuori schermo.
- Spazio di archiviazione per il Web
- Il protocollo Web Push
- Creare più applicazioni web progressive nello stesso dominio
- Modalità di gestione degli aggiornamenti del file manifest dell'app web in Chrome
- Cosa serve per essere installabile?
- Quali sono le caratteristiche di una buona app web progressiva?
- Aggiungi un file manifest di un'app web
- Mitiga il cross-site scripting (XSS) applicando un criterio di sicurezza del contenuto (CSP) rigoroso.
- Accesso a dispositivi hardware sul Web
- Consenti il riutilizzo delle passkey sui tuoi siti con richieste di origini correlate
- Caricamento lento delle immagini a livello di browser per il Web
- Scegli il formato dell'immagine corretto
- Metriche personalizzate
- Misura ed esegui il debug del rendimento con Google Analytics 4 e BigQuery
- Best practice per le autorizzazioni web
- Best practice per le notifiche sui cookie
- Personalizza le notifiche multimediali e i controlli di riproduzione con l'API Media Session
- Trova interazioni lente sul campo
- Utilizzare tabindex
- Tempo per primo byte (TTFB)
- Ingegneria pratica del prompt per LLM più piccoli
- Ottimizza le attività lunghe
- Ottimizza il tempo per il primo byte
- Interaction to Next Paint (INP)
- Colori CSS dipendenti dallo schema di colori con light-dark()
- Pattern delle prestazioni di WebAssembly per le app web
- Layout griglia animati CSS
- Gioca a Dino di Chrome con il tuo gamepad
- L'attributo inerte
- Che cos'è l'intelligenza artificiale?
- Conosci il team di IA di Web.dev
- Esegui l'upgrade della ricerca sul sito: risposte contestuali con l'IA generativa
- Etica e IA
- Determina il provider di passkey con AAGUID
- Compilazione e ottimizzazione di Wasm con Binaryen
- Acquisisci audio e video in HTML5
- Il componente web <model-viewer>
- Approfondimento su user Verification
- Perché i dati CrUX sono diversi da quelli RUM?
- Accessibilità per gli sviluppatori web
- Carica JavaScript di terze parti
- Largest Contentful Paint (LCP)
- Impedisci la creazione di una nuova passkey se ne esiste già una
- Utilizza IndexedDB
- 5 snippet CSS che ogni sviluppatore front-end dovrebbe conoscere nel 2024
- Quali sono le parti di un URL?
- Approfondimento sulle credenziali rilevabili
- Prestazioni di rendering
- RidimensionaObservationr: è come document.onresize per gli elementi
- Ottimizza la codifica e le dimensioni di trasferimento degli asset basati su testo
- Precarica i moduli
- OffscreenCanvas: velocizza le operazioni del canvas con un worker web
- First Contentful Paint (FCP)
- Reti CDN (Content Delivery Network)
- Cosa favorisce una buona esperienza di uscita?
- Tempo all'interattività (TTI)
- Ottimizza il caricamento delle risorse con l'API Fetch Priority
- Le pseudo-classi :user-valid e :user-invalid
- Ottimizza Core Web Vitals per i responsabili delle decisioni aziendali
- Le sfumature delle stringhe di codifica Base64 in JavaScript
- Griglia CSS
- Caricare efficacemente gli annunci senza influire sulla velocità delle pagine
- Quattro tipi comuni di copertura del codice
- Testare o meno, una prospettiva tecnica
- Definizione di scenari di test e priorità
- Metriche sul rendimento incentrate sull'utente
- Precarica le immagini adattabili
- Adattare gli aspetti tipografici alle preferenze degli utenti con i CSS
- Piramide o granchio? Trova una strategia di test adatta
- Tre tipi comuni di automazione dei test
- Eliminazione dei download non necessari
- Che cos'è WebAssembly e da dove viene?
- Compilazione di mkbitmap in WebAssembly
- Il file system privato di origine
- Hosting sicuro dei dati utente nelle moderne applicazioni web
- Implementazione di AVIF per siti web più reattivi
- Ottimizza l'interazione con la prossima visualizzazione
- Funzionalità di riferimento che puoi usare oggi
- Valutazione degli script e attività lunghe
- Rendering lato client di HTML e interattività
- Ottimizza ritardo input
- In che modo le dimensioni DOM di grandi dimensioni influiscono sull'interattività e che cosa puoi fare a riguardo
- Ottimizza Cumulative Layout Shift
- Utilizzare l'estensione Web Vitals per eseguire il debug dei problemi relativi ai Segnali web essenziali
- Crea esperienze WordPress nel browser con WordPress Playground e WebAssembly
- Cumulative Layout Shift (CLS)
- Nuove funzionalità per gli sviluppatori offerte da WebAssembly
- Che cosa sono le mappe di origine?
- PWA negli store
- 6 snippet CSS che ogni sviluppatore front-end dovrebbe conoscere nel 2023
- Funzioni trigonometriche in CSS
- Esegui operazioni efficienti per frame video sul video con requestVideoFrameCallback()
- In evidenza per la community GDE: Lars Knudsen
- Nuovi pattern per le app multimediali
- Suggerimento CSS veloce. Testo sfumatura animato
- Creo Chrometober!
- Creazione di un componente della descrizione comando
- Crea una passkey per gli accessi senza password
- Accedere con una passkey tramite la compilazione automatica dei moduli
- Creazione di un componente Pulsante di azione floating (FAB)
- Best practice per i caratteri
- Test del contrasto colore di Web Design
- In evidenza per la community GDE: Alba Silvente Fuentes
- Suggerimento CSS veloce. Caricatore animato
- Creare la navigazione principale di un sito web
- È :modal?
- Stili elenco creatività
- Creazione di un'illusione a griglia storta
- Best practice per tag e gestori tag
- In che modo Nordhealth utilizza proprietà personalizzate nei componenti web
- Controllo più granulare sulle trasformazioni CSS con proprietà di trasformazione individuali
- Animazioni dei bordi CSS
- Scopri in che modo la BBC sta implementando HSTS per migliorare la sicurezza e le prestazioni.
- Perché i dati di prova controllati e sul campo possono essere diversi (e cosa fare al riguardo)
- Una situazione vantaggiosa per tutti
- La fine di Internet Explorer
- Addio a HTML5Rocks
- Ricette di biscotti originali
- Sincronizzare la riproduzione di audio e video sul Web
- Utilizza gradienti conici per creare un bordo freddo
- Differenza tra librerie e framework JavaScript
- Implementa la gestione degli errori durante l'utilizzo dell'API Fetch
- Scegli una libreria o un framework JavaScript
- Guida al terminale per gli sviluppatori front-end
- Un'API per caratteri web accattivanti e veloci
- GOV.UK elimina jQuery dal front-end.
- Creazione di un componente di un pulsante
- Non combattere lo scanner di precaricamento del browser
- Best practice per la misurazione dei Segnali web sul campo
- Annullare le distanze
- Trovare coraggio e ispirazione nella community di sviluppatori
- Caratteri variabili nella vita reale
- Crea rapidamente piacevoli gradienti CSS con CSS Gradient Creator
- Approfondire i principali punti deboli degli sviluppatori web
- Perfeziona il tuo sito con images.tooling.report
- Ambito della variabile globale e locale
- Creazione di un componente della finestra di dialogo
- Esegui il debug degli errori di riproduzione di contenuti multimediali sul web
- In evidenza per la community GDE: Nishu Goel
- Effetti sulle prestazioni di un caricamento troppo lento
- Creazione di un componente della barra di caricamento
- Salva le credenziali da Moduli
- A breve Chrome e Firefox raggiungeranno la versione principale 100
- Creare una favicon adattiva
- Migliora la sicurezza e la privacy aggiornando la cache HTTP
- Disegno su canvas in Emscripten
- Elementi HTML aggiuntivi
- Portare le applicazioni USB sul Web. Parte 2: gPhoto2
- Registrazione degli errori di rete (NEL)
- Rilevamento delle funzionalità di WebAssembly
- Portare le applicazioni USB sul Web. Parte 1: libusb
- Creazione di un componente per il cambio di tema
- Incorporare snippet JavaScript in C++ con Emscripten
- PWA su Oculus Quest 2
- Progettazione edifici
- Calcolatore Designcember
- Deep-copying in JavaScript utilizzando structuredClone
- Creazione di un componente toast
- Fondo UI
- Creazione di un componente del menu di un gioco 3D
- Verso una metrica di fluidità dell'animazione
- Novità di PageSpeed Insights
- Flussi utente di Lighthouse
- Tutto annunciato al Chrome Dev Summit 2021
- Il viaggio di Photoshop sul Web
- Creare un componente a selezione multipla
- Come valutare le prestazioni di caricamento sul campo con Navigation Timing e Resource Timing
- Manipolazione sicura del DOM con l'API Sanitizer
- Best practice per l'utilizzo di incorporamenti di terze parti
- In che modo le architetture SPA influiscono sui Segnali web essenziali
- Approfondimento sugli eventi JavaScript
- Raggruppamento di risorse non JavaScript
- Creazione di un componente Pulsante di suddivisione
- Utilizzo degli script dei moduli CSS per importare i fogli di stile
- Colore intenso CSS
- Creazione di un componente Switch
- Intestazioni dei client hint delle funzionalità multimediali preferenze dell'utente
- Creazione di un componente breadcrumb
- Utilizzo dei thread WebAssembly da C, C++ e Rust
- PWA con streaming offline
- Crittografia per contenuti multimediali
- Framework multimediali
- Nozioni di base sullo streaming di contenuti multimediali
- Trova la strada con i dati sul campo nell'aggiornamento dell'estensione Web Vitals
- Creazione di una combinazione di colori
- Aggiustamento delle dimensioni CSS per @font-face
- Utilizzo di AVIF per comprimere le immagini sul sito
- CSS per Web Vitals
- Nuovi selettori di pseudo-classi funzionali CSS :is() e :where()
- Nuovo addestramento sulle app web progressive ora disponibile
- Esegui la migrazione ai client hint dello user agent
- Riferimento rapido per le intestazioni di sicurezza
- Excalidraw e Fugu: migliorare i percorsi dell'utente principali
- Moduli ES nei service worker
- Creazione di un componente scroller multimediale
- Ottimizzazione dei Segnali web tramite Lighthouse
- Utilizzo delle API web asincrone di WebAssembly
- Personalizza l'overlay dei controlli della finestra della barra del titolo della PWA
- Tieni sotto controllo gli script di terze parti
- Abbattere le barriere con l'API DataTransfer
- Compila i moduli OTP all'interno di iframe multiorigine con l'API WebOTP
- Creare animazioni di testo diviso
- Soddisfazione degli sviluppatori web
- Creare un componente Impostazioni
- Esegui il debug delle variazioni del layout
- JavaScript: Qual è il significato di tutto questo?
- Applicazione dei principi di programmazione delle mini app a un progetto di esempio
- Componenti dell'app mini
- Struttura, ciclo di vita e raggruppamento dei progetti
- Considerazioni finali di uno sviluppatore web sulle mini app
- Markup, stile, scripting e aggiornamento delle app mini
- Che cosa sono H5 e QuickApp?
- Programmazione delle app mini
- Progetti open source di mini app
- Stream: la guida definitiva
- Creazione di un componente Schede
- Una guida per attivare l'isolamento multiorigine
- Richiesta di isolamento delle prestazioni con l'intestazione Origin-Agent-Cluster
- La proprietà proporzioni CSS
- Best practice per i caroselli
- WebRTC è ora uno standard W3C e IETF
- Feedback desiderato: il percorso verso una migliore metrica di variazione del layout per le pagine di lunga durata
- Quando utilizzare HTTPS per lo sviluppo locale
- Utilizzare HTTPS per lo sviluppo locale
- Creazione di un componente di navigazione laterale
- Codelab: creazione di un componente di Barra di navigazione laterale
- Codelab: centratura in CSS
- Centratura in CSS
- La tua cache ❤️
- Pubblica, distribuisci e installa il moderno codice JavaScript per applicazioni più veloci
- Worklet di cross-browser e Houdini.how
- Automazione dei controlli con AutoWebPerf
- Codelab sui moduli di pagamento
- Codelab sulle best practice del modulo degli indirizzi
- Best practice per i moduli per il pagamento e l'indirizzo
- Codelab sulle best practice per il modulo di registrazione
- Best practice per il modulo di registrazione
- Best practice per il modulo OTP per gli SMS
- Trasmissione di aggiornamenti alle pagine con i service worker
- Guida alla memorizzazione nella cache imperativa
- Panoramica dei worker
- Comunicazione bidirezionale con i service worker
- Disattiva l'accelerazione del mouse per offrire una migliore esperienza di gioco FPS
- Creare un componente Storie
- Codelab: creazione di un componente Storie
- Caricamento lento a livello di browser per i CMS
- Stesso sito schematico
- Codelab: creare un client di notifica push
- Codelab: creare un server di notifica push
- Panoramica delle notifiche push
- Misurazione dell'utilizzo offline
- Esempi di animazioni CSS ad alte prestazioni
- CSS min(), max() e clamp()
- Signed Exchange (SXG)
- Miglioramenti del layout logico con scorciatoie relative ai flussi
- Perché alcune animazioni sono lente?
- Gestione delle richieste di intervalli in un service worker
- Come creare animazioni CSS ad alte prestazioni
- Controlla panoramica, inclinazione e zoom della videocamera
- Cosa sono le prove dell'origine di terze parti?
- Perdita di memoria da finestre scollegate
- Core Web Vitals
- Applica effetti alle immagini con la proprietà mask-image del CSS
- Crea forme interessanti per le immagini con la proprietà clip-path del CSS
- Punti elenco personalizzati con CSS ::Indicatori
- Aiuta gli utenti a cambiare facilmente le password aggiungendo un URL noto per la modifica delle password
- Gestire i dati di pagamento facoltativi con un service worker
- Orchestrazione delle transazioni di pagamento con un service worker
- Accessibilità dei contenuti multimediali
- ARIA: veleno o antidoto?
- Debug delle perdite di memoria in WebAssembly utilizzando Emscripten
- content-visibility: la nuova proprietà CSS che migliora le prestazioni del rendering
- Sblocco dell'accesso agli appunti
- Best practice relative alle norme sui referrer e sui referrer
- Web su Android
- Creare una PWA in Google, parte 1
- Monitoraggio delle prestazioni con Lighthouse CI
- Progettare l'esperienza utente delle passkey sugli Account Google
- @property: aggiungere superpoteri alle variabili CSS
- Memorizzazione nella cache del service worker e memorizzazione nella cache HTTP
- Correlazione della velocità del sito e delle metriche aziendali
- Panoramica delle app di pagamento basate sul web
- Registrazione di un'app per pagamenti basata sul web
- Fornire dati di contatto e di spedizione da un'app per pagamenti Android
- Utilizzare il Report sull'esperienza utente di Chrome per esaminare le prestazioni sul campo
- Gestione delle richieste di navigazione
- Dieci layout moderni in una sola riga di CSS
- Rendering perfetto per i pixel con devicePixelContentBox
- Riepilogo LIVE web.dev
- Migliorare progressivamente la tua app web progressiva
- Usa le funzionalità del browser multipiattaforma per creare un modulo di accesso
- Best practice per il modulo di accesso
- Strumenti per sviluppatori web per il debug di problemi di JavaScript nella Ricerca Google
- Creazione di esperienze di ricerca resilienti con Workbox
- Aggiungere elementi multimediali a una pagina web
- Link in grassetto dove nessuno ha mai aggiunto link prima: frammenti di testo
- Rendi la tua PWA più simile a un'app
- Come segnalare un bug corretto del browser
- Misura le prestazioni con il modello RAIL
- Velocizza le navigazioni in React con Quicklink
- Proteggi le tue risorse dagli attacchi web con i metadati di recupero
- Riordinamento dei contenuti
- Miglioramenti all'API Web Animations in Chromium 84
- Ciclo di vita di una transazione di pagamento
- Supporto delle app di pagamento con i pagamenti web
- Guida per gli sviluppatori di app per pagamenti Android
- Configurare un metodo di pagamento
- Ulteriori opzioni variabili per il carattere dell'interfaccia utente di sistema macOS in Chromium 83
- Svolgi attività velocemente con le scorciatoie app
- In che modo le app web progressive possono favorire il successo aziendale
- Preparazione alla rimozione di AppCache
- Come definire la tua strategia per le installazioni
- Archiviazione persistente
- In che modo CommonJS sta aumentando le dimensioni dei tuoi bundle
- Perché hai bisogno di un'opzione "con isolamento multiorigine" per funzionalità avanzate
- Profilazione delle app web Audio in Chrome
- Prestazioni migliorate per il caricamento delle pagine di Next.js e Gatsby con suddivisione granulare
- "Same-site" e "same-origin"
- Rendere il sito web "isolato multiorigine" utilizzando COOP e COEP
- Monitora l'utilizzo totale della memoria della tua pagina web con MeasurementUserAgentSpecificMemory()
- blog di ingegneria web.dev n. 1: Come creiamo il sito e utilizziamo i componenti web
- Miglioramento dello stile predefinito della modalità Buio con la proprietà CSS color-scheme e il meta tag corrispondente
- Assicurati che il tuo sito web sia disponibile e utilizzabile da tutti durante l'emergenza COVID-19
- responsive design accessibile
- Accessibilità di colore e contrasto
- Target dei tocchi accessibili
- Risolvere i problemi di sovraccarico del server
- Previeni le vulnerabilità cross-site scripting basate su DOM con TrustedType
- Usare una PWA nell'app per Android
- Impedisci lo spostamento del layout e i flash di testo invisibile (FOIT) precaricando i caratteri facoltativi
- Come configurare SXG (Signed HTTP Exchanges) utilizzando nginx
- Come distribuire SXG (Signed HTTP Exchange) utilizzando nginx
- Ottimizzare le immagini di sfondo CSS con query supporti
- Correggere la velocità del sito web in modo interfunzionale
- Aggancio scorrimento dopo modifiche al layout
- Come configurare Signed Exchange utilizzando Web Packager
- Come offrire un'esperienza di installazione in-app personalizzata
- Realtà aumentata: potresti già conoscerla
- La realtà virtuale arriva sul Web, parte II
- Posizionamento di oggetti virtuali in viste del mondo reale
- Promuovere l'ecosistema del framework web
- Che cosa sono le app web progressive?
- Supporto delle icone adattive nelle PWA con icone mascherabili
- Miglioramento della chiusura delle pagine nella funzione XMLHttpRequest() sincrono
- Thread sul Web con i worker dei moduli
- Caricamento adattivo: miglioramento delle prestazioni web sui dispositivi lenti
- Evoluzioni degli strumenti per la velocità: novità dal Chrome Developer Summit 2019
- Utilizza i web worker per eseguire JavaScript dal thread principale del browser
- Feedback dal sondaggio sull'ottimizzazione delle immagini dell'estate 2019
- Crea un server per le notifiche push
- Integrazione con l'interfaccia utente di condivisione del sistema operativo con l'API Web Share
- In che modo AMP può garantire la velocità dell'app Next.js
- Suddivisione del codice con importazioni dinamiche in Next.js
- Precaricamento del percorso in Next.js
- Prestazioni per impostazione predefinita con Next.js
- La realtà virtuale arriva sul Web
- Ricette di biscotti SameSite
- Informazioni sui cookie
- Gli annunci veloci sono importanti
- Utilizza le notifiche push per coinvolgere e coinvolgere nuovamente gli utenti
- Inizia a utilizzare l'API Notifications
- Utilizzo di un service worker per gestire le notifiche
- Correggere l'instabilità del layout
- Tecniche per velocizzare il caricamento di un'app web, anche su un feature phone
- Proprietà personalizzate più intelligenti con la nuova API di Houdini
- Due modalità di precaricamento: tag <link> e intestazioni HTTP.
- Precarica le risorse per velocizzare le navigazioni future
- Correggere i contenuti misti
- Che cos'è il contenuto misto?
- Andare oltre le immagini con video semplici per il Web
- Aggiungere un'icona touch Apple all'app web progressiva
- Ready Player - Web
- Applicazioni web progressive in siti multiorigine
- Ridurre le dimensioni dei caratteri web
- Ottimizza il caricamento e il rendering dei caratteri web
- Crea un'app web progressiva con l'interfaccia a riga di comando Angular
- Identifica codice JavaScript di terze parti lento
- Utilizzare CDN immagine per ottimizzare le immagini
- Carica in modo efficiente JavaScript di terze parti
- Rendimento del codice JavaScript di terze parti
- Controlli del modulo più efficaci
- Ottimizza JavaScript di terze parti
- Stabilisci le connessioni di rete in anticipo per migliorare la velocità percepita delle pagine
- Crea sfondi in stile sistema operativo con il filtro dello sfondo
- Mantenimento degli aggiornamenti con lo stale-while-revalidate
- Virtualizza elenchi di grandi dimensioni con la CDK di Angular
- Ottimizza il rilevamento delle modifiche di Angular
- Strategie di precaricamento del routing in Angular
- Navigazione web più veloce con precaricamento predittivo
- Adatta i video alla pubblicazione di immagini in base alla qualità della rete
- Controlla l'accessibilità dell'app Angular con il codelyzer
- Precauzione con il service worker Angular
- Budget delle prestazioni con l'interfaccia a riga di comando Angular
- prefers-color-scheme: Ciao buio, amico mio
- Suddivisione del codice a livello di route in Angular
- Per iniziare: ottimizzare un'applicazione Angular
- I migliori suggerimenti per il rendimento sul Web
- Componenti del Web: l'ingrediente segreto per potenziare il Web
- Usa Lighthouse per i budget delle prestazioni
- Aggiornamenti alle API Web Payments
- Il valore della velocità
- Installazione della barra degli indirizzi per le app web progressive sul desktop
- In che modo il rendimento può migliorare le conversioni?
- Modelli per promuovere l'installazione di PWA
- Mentalità dei service worker
- Come faccio a informare gli utenti che la mia PWA è installabile?
- Criteri relativi alle immagini per tempi di caricamento rapidi e altro ancora
- Estrai CSS critici
- Estrai e incorpora CSS critici con le informazioni critiche
- Le attività JavaScript lunghe ritardano il Tempo all'interattività?
- Velocità su larga scala: quali sono le novità nelle prestazioni web?
- Presentazione di PROXX
- Spiegazione dei cookie SameSite
- Ricerca visiva con il Web Perception Toolkit
- Pubblicazione adattiva basata sulla qualità della rete
- Portali pratici: navigazione sul Web senza interruzioni
- Minimizza e comprimi i payload di rete con Brotli
- web.dev alla conferenza I/O 2019
- Che cos'è la velocità?
- Come si misura la velocità?
- Come rimanere veloce?
- Virtualizzare elenchi di grandi dimensioni con la finestra di reazione
- Per iniziare: ottimizza la tua app React
- Precauzione nella cache nell'app Crea reazione con Workbox
- Aggiungi un file manifest dell'app web con l'app Create React
- Esegui il pre-rendering delle route con responsive-snap
- Controllo dell'accessibilità con reagire-axe ed eslint-plugin-jsx-a11y
- Suddivisione del codice con React.lazy e Suspense
- Codelab: precarica gli asset critici per migliorare la velocità di caricamento
- prefers-reduced-motion: a volte meno movimento è più
- Rimanda CSS non critico
- La fiducia è buona, l'osservazione è meglio: Intersection Exampler v2
- Nozioni di base sul Responsive Web Design
- Fogli di stile costruibili
- Rendering sul Web
- Utilizzo di bundlesize con Travis CI
- Incorporare i budget delle prestazioni nel processo di creazione
- Impostazione dei budget delle prestazioni con Webpack
- Utilizzare il bot Lighthouse per impostare un budget delle prestazioni
- Emscripten e npm
- La tua app è installata? getInstallRelatedApps() te lo comunicherà.
- Pubblica codice moderno per i browser moderni per caricare più velocemente le pagine
- Adattarsi agli utenti con suggerimenti client
- Controlla lo stato attivo con tabindex
- Utilizzare l'HTML semantico per semplificare le vittorie sulla tastiera
- Concetti fondamentali relativi all'accesso da tastiera
- Messa a fuoco dello stile
- Etichette e alternative di testo
- Semantica e screen reader
- Intestazioni e punti di riferimento
- Che cos'è l'accessibilità?
- Configurazione del comportamento di memorizzazione nella cache HTTP
- Utilizzo di Imagemin con webpack
- Memorizzazione nella cache del runtime con Workbox
- Utilizzare Imagemin per comprimere le immagini
- Budget delle prestazioni - Guida introduttiva
- Applicazione del caricamento istantaneo con il pattern PRPL
- Pubblica immagini con dimensioni corrette
- Utilizza immagini WebP
- Il tuo primo budget delle prestazioni
- Evitare richieste di rete non necessarie con la cache HTTP
- Precarica gli asset critici per migliorare la velocità di caricamento
- Sostituisci le GIF animate con video per velocizzare i caricamenti delle pagine
- Service worker e API Cache Storage
- Utilizza descrittori di densità
- Che cosa sono gli attacchi alla sicurezza?
- Riduci i payload JavaScript con la suddivisione del codice
- Creazione di immagini WebP con la riga di comando
- Pubblica immagini con dimensioni corrette
- Esplora il riquadro Rete DevTools
- Rendi l'app installabile
- Come funziona la ricerca
- Risolvere i problemi 404 non ammessi
- Precauzione nella cache con Workbox
- Criterio della stessa origine
- Rimuovi il codice inutilizzato
- Richieste di recupero e norma stessa origine
- Identifica le risorse caricate dalla rete
- Evita testo invisibile
- Come misurare l'ottimizzazione per i motori di ricerca con Lighthouse
- La sicurezza non dovrebbe essere così spaventosa!
- Rimuovi il codice inutilizzato
- Scopri le opportunità relative alle prestazioni con Lighthouse