![](https://web.dev/static/images/case-studies-header.png?authuser=8&%3Bhl=it&hl=it)
Case study
Rendere il benchmark utile con dati utente reali
In che modo RUMvision ha incorporato le informazioni di riferimento nei dati RUM.
Sfruttare al meglio le query dei contenitori CSS: lezioni del team di Netflix
Questo case study spiega i vantaggi dell'adozione delle query dei contenitori da parte di Netflix.
In che modo Tokyu ha ottenuto un accesso 12 volte più rapido con le passkey
Scopri come Tokyu, una società ferroviaria in Giappone, ha ottenuto un accesso con le passkey 12 volte più veloce, aiutando quotidianamente migliaia di pendolari.
Perché Fogli Google ha trasferito il suo worker di calcolo da JavaScript a WasmGC
I calcoli in Fogli Google venivano inizialmente eseguiti sul server, poi sul client in JavaScript e ora sul client in WebAssembly Garbage Collection. Questo case study spiega come e perché.
Meno interruzioni, maggiore controllo: in che modo Google Meet ha migliorato le autorizzazioni audio e video
Questo case study descrive in che modo il team di Google Meet ha migliorato le autorizzazioni e l'impatto che ha avuto sugli utenti la soddisfazione.
BILIBILI sfrutta la soluzione di IA web on-device di MediaPipe per migliorare l'UX dei video stream e aumentare la durata delle sessioni del 30%
Scopri come il web ha reso possibili esperienze 3D immersive per aiutare i clienti a comprendere ed esplorare i prodotti fisici.
Ecco come Disney+ Hotstar ha aumentato del 100% le visualizzazioni settimanali delle schede sui dispositivi in salotto diminuendo l'INP del 61%
Scopri come Disney+ Hotstar, un'app per smart TV e dispositivi decoder, ha notevolmente aumentato il coinvolgimento degli spettatori attraverso gli sforzi per ridurre il suo INP.
3D interattivo sul web con l'hardware Google: esperienze formative sui prodotti di nuova generazione
Scopri come il web ha reso possibili esperienze 3D immersive per aiutare i clienti a comprendere ed esplorare i prodotti fisici.
Come la piattaforma di gestione del consenso di PubTech ha ridotto l'INP sui siti web dei propri clienti del 64%, migliorando al contempo la visibilità degli annunci dell'1,5%
Come la piattaforma di gestione del consenso di PubTech ha ridotto l'INP sui siti web dei propri clienti del 64%, migliorando al contempo la visibilità degli annunci dell'1,5%
Messaggi positivi ovunque
Negli ultimi due anni, il team di tecnici di Goodnotes ha lavorato a un progetto per portare su altre piattaforme l'app di creazione di note per iPad, di successo. Questo case study spiega come l'app per iPad dell'anno 2022 sia arrivata a web, ChromeOS, Android e Windows basata su tecnologie web e WebAssembly riutilizzando lo stesso codice Swift su cui il team lavora da più di dieci anni.
In che modo il fornitore di suggerimenti di contenuti Taboola ha utilizzato LoAF per migliorare INP fino al 36% per i suoi siti web partner dei publisher.
In che modo il fornitore di suggerimenti di contenuti Taboola ha utilizzato LoAF per migliorare INP fino al 36% per i suoi siti web partner dei publisher.
CapCut aumenta il traffico organico dell'83% creando un'app web completamente funzionale con WebAssembly e WebCodecs
Ecco come una delle app di editing video più popolari disponibili per i dispositivi mobili ha creato una versione web completamente funzionale.
La potenza del web per gli illustratori: in che modo pixiv utilizza le tecnologie web per la sua app di disegno
pixiv è un servizio di community online che consente a illustratori e appassionati di illustrazioni di comunicare tra loro tramite i propri contenuti. Consente alle persone di pubblicare le proprie illustrazioni. Hanno più di 84 milioni di utenti in
Come Tokopedia ha ridotto i costi operativi migliorando l'app web per venditori tramite il machine learning
Questo post descrive come Mitra Tokopedia ha ridotto i costi operativi migliorando l'app web per venditori tramite il machine learning.
Come Trendyol ha ridotto l'INP del 50%, determinando un aumento dell'1% della percentuale di clic
Questo case study descrive un flusso di lavoro dettagliato per il debug e il miglioramento dell'INP in React utilizzato da Trendyol sfruttando strumenti di Google come PageSpeed Insights (PSI), Chrome DevTools e l'API scheduler.yield.
In che modo la PWA Kiwix consente agli utenti di archiviare gigabyte di dati da Internet per l'utilizzo offline
Questo case study esamina il modo in cui Kiwix, un'organizzazione non profit, utilizza la tecnologia Progressive Web App e l'API File System Access per consentire agli utenti di scaricare e archiviare grandi archivi su Internet per l'utilizzo offline.
In che modo Yahoo! JAPAN ha aumentato l'adozione delle passkey all'11% e ha ridotto i costi per gli SMS OTP
Informazioni sugli annunci adattabili della rete di ricerca di Yahoo! JAPAN'per migliorare l'adozione delle passkey e l'esperienza utente.
In che modo il precaricamento ha aiutato Terra ad aumentare la percentuale di clic degli annunci del 30% e ad accelerare Largest Contentful Paint.
Il precaricamento è una tecnica utilizzata per velocizzare il caricamento delle pagine scaricando risorse, o persino intere pagine, che probabilmente saranno necessarie nel prossimo futuro. Gli studi hanno dimostrato che tempi di caricamento più rapidi si traducono in tassi di conversione più elevati e in una migliore esperienza utente.
In che modo la cache back-forward ha aiutato Yahoo! JAPAN News aumenta le entrate del 9% sui dispositivi mobili
Migrazione dei sitelink di Yahoo! JAPAN News, una delle piattaforme di notizie più popolari in Giappone, ha avviato un impegno congiunto per migliorare la percentuale di hit della cache back-forward e, di conseguenza, ha registrato significativi miglioramenti dell'esperienza utente e dell'attività. In particolare, i risultati del test A/B hanno mostrato che le pagine che utilizzano la cache back-forward hanno registrato un aumento del 9% delle entrate pubblicitarie.
In che modo redBus ha migliorato l'interazione con il sito Next Paint (INP) del suo sito web e ha aumentato le vendite del 7%
Le ottimizzazioni INP hanno aiutato redBus ad aumentare le vendite di circa il 7%
La missione dell'Economic Times per correggere l'INP
La riduzione di 30 volte di TBT e la migrazione a Next.js hanno consentito a The Ecomonic Times di ridurre l'INP di quasi quattro volte, con una diminuzione del 50% della frequenza di rimbalzo e un aumento del 43% delle visualizzazioni di pagina.
Come Slow Roads intriga sia giocatori che sviluppatori, mettendo in evidenza le sorprendenti funzionalità del 3D nel browser
Scopri il potenziale di WebGL con lo scenario infinito e procedurale di questo casual game di guida. Slow Roads è un gioco di guida casual incentrato su scenografie infinitamente procedurali, il tutto ospitato nel browser come applicazione WebGL. Per
Creare un web migliore: un YouTube più veloce
Questa è la prima parte della nostra nuova serie sul miglioramento del web di YouTube.
Come l'investimento di Rakuten 24 in Core Web Vitals ha aumentato le entrate per visitatore del 53,37% e il tasso di conversione del 33,13%
Misurando i Segnali web degli utenti reali, Rakuten 24 ha anche scoperto che una buona metrica Largest Contentful Paint (LCP) può portare a un aumento del tasso di conversione del 61,13%.
In che modo il servizio Sites + Marketing di GoDaddy ha migliorato i Segnali web essenziali dei clienti del 75%
Un case study delle modifiche implementate da GoDaddy per migliorare le prestazioni del sito web di milioni di siti, aiutandoli a raggiungere buoni punteggi PageSpeed Insights e Core Web Vitals.
Farfetch, retailer di articoli di lusso, registra tassi di conversione più elevati per migliorare i Segnali web essenziali
Ecco come l'investimento del retailer di articoli di lusso Farfetch nel miglioramento dei Segnali web essenziali ha portato a risultati aziendali migliori.
Migrazione dei sitelink di Yahoo! L'autenticazione senza password del JAPAN ha ridotto le richieste del 25%, velocizzando il tempo di accesso di 2,6 volte
Migrazione dei sitelink di Yahoo! JAPAN ha realizzato un sistema di identità senza password. Scopri il loro approccio e le conseguenze del nostro impegno.
In che modo RebelMouse ha aumentato fedeltà e coinvolgimento ottimizzando i Segnali web essenziali
Un case study che misura l'impatto e i vantaggi di punteggi elevati di prestazioni su Segnali web essenziali.
Un'esperienza web moderna su Adobe Experience Manager con WorkBox
Le app web progressive sfruttano le potenzialità del Web moderno. Adobe ha utilizzato Workbox per integrare queste funzionalità in Adobe Experience Manager.
La PWA di MishiPay aumenta le transazioni di 10 volte e fa risparmiare 2,5 anni di coda
Scopri come la PWA di MishiPay aumenta le transazioni di 10 volte e consente di risparmiare 2,5 anni di code.
In che modo The Economic Times ha superato le soglie dei Segnali web essenziali e ha ottenuto un miglioramento complessivo della frequenza di rimbalzo del 43%
L'ottimizzazione dei Segnali web essenziali sul sito web The Economic Times ha migliorato significativamente l'esperienza utente e ha notevolmente ridotto la frequenza di rimbalzo sull'intero sito.
In che modo Terra ha migliorato il coinvolgimento degli utenti grazie alla modalità Buio
In questo articolo, analizzeremo il percorso di Terra dall'identificazione della dimensione della coorte della "modalità Buio", all'applicazione di un tema scuro personalizzato, fino alla misurazione dell'impatto di questa implementazione sui KPI principali.
In che modo QuintoAndar ha aumentato i tassi di conversione e le pagine per sessione migliorando il rendimento delle pagine
Un progetto incentrato sull'ottimizzazione di Segnali web essenziali e sulla migrazione a Next.js ha portato a un aumento del 5% dei tassi di conversione e dell'87% delle pagine per sessione.
Kapwing: potente strumento di editing video per il web
Aziende come Kapwing consentono di creare tutti questi contenuti video direttamente sul web, utilizzando API potenti (come IndexedDB e WebCodecs) e strumenti di rendimento.
SVGcode: una PWA per convertire le immagini raster in grafica vettoriale SVG
Converti le immagini bitmap a colori o monocromatiche (PNG, JPG, JPEG, WEBP, AVIF, GIF,...) in immagini vettoriali a colori o monocromatiche (SVG).
Il miglioramento dei Segnali web essenziali nella home page di Mail.ru ha generato un aumento medio del 10% dei tassi di conversione
Diversi mesi di lavoro per migliorare Segnali web essenziali nella home page di Mail.ru hanno portato a un aumento del 60% del 75° percentile di Cumulative Layout Shift (CLS), aumentando il tempo medio della sessione del 2,7% e i tassi di conversione delle sezioni principali di oltre il 10%.
Scopri come Renault ha migliorato i suoi tassi di rimbalzo e di conversione misurando e ottimizzando Largest Contentful Paint
Questo post spiega in che modo Renault e il suo partner globale di dati 55 si sono approcciati alla misurazione e all'ottimizzazione dei Segnali web essenziali. Il team ha analizzato i dati di 10 milioni di visite sulle sue pagine di destinazione, ha scoperto una forte correlazione tra la visualizzazione di contenuti più grandi e le conversioni e ha raddoppiato lo sforzo di ottimizzazione. Esamineremo questi punti dati e capiremo come si sono organizzati i team per le ottimizzazioni.
Come Swappie ha aumentato le entrate da dispositivi mobili del 42% concentrandosi sui Segnali web essenziali
Questo case study spiega in che modo il team di Swappie ha aumentato le conversioni e le entrate ottimizzando la propria app web per i Segnali web essenziali.
L'impatto commerciale dei Segnali web essenziali
Questo articolo ti aiuterà a capire in che modo i Segnali web essenziali sono correlati alle metriche aziendali chiave esplorando esempi di aziende che hanno già registrato un impatto positivo per i propri utenti e la propria attività.
In che modo l'impegno per i Segnali web essenziali ha aumentato del 18% le entrate pubblicitarie di Netzwelt
Scopri come l'editore giornalistico tedesco Netzwelt ha ottimizzato i Segnali web essenziali per migliorare l'esperienza utente e le entrate pubblicitarie.
La PWA di Blibli ha generato entrate 10 volte superiori per utente rispetto al precedente sito web mobile.
In che modo Blibli ha ottenuto una riduzione della frequenza di rimbalzo del 42%, un miglioramento del tasso di conversione da dispositivo mobile di 8 volte e un numero di pagine 2, 5 volte superiore per sessione.
Miglioramento della variazione cumulativa del layout in Telegraph Media Group
How Telegraph, il principale sito web di notizie del Regno Unito, è riuscito a migliorare il 75° percentile di CLS del 250% da 0,25 a 0,1 in un paio di mesi.
Arancione: la nuova PWA registra un aumento delle conversioni del 52% sui dispositivi mobili
La nuova PWA inoltre ha un tempo di caricamento medio del 30% più veloce rispetto al vecchio sito e ha migliorato la frequenza di rimbalzo del 12% e la profondità della sessione del 18%.
Mainline Menswear implementa l'PWA e registra un aumento del 55% del tasso di conversione
Mainline Menswear implementa un'app web progressiva (PWA) e registra un aumento del 55% del tasso di conversione per gli utenti che hanno installato l'app con funzionalità di memorizzazione nella cache e offline.
In che modo Zalando ha ridotto il tempo di feedback sulle prestazioni da 1 giorno a 15 minuti con Lighthouse CI
Il team web di Zalando ha scoperto che l'integrazione di Lighthouse CI consentiva un approccio proattivo alle prestazioni, con controlli automatici dello stato in grado di confrontare il commit attuale con il ramo principale per evitare regressioni delle prestazioni.
Il sito web di Lowe è tra i siti di e-commerce con il rendimento più veloce
Creando un sistema automatizzato di monitoraggio e test delle prestazioni, il team Site Speed di Lowe's Site Speed testa le richieste pull in base ai budget delle prestazioni e impedisce le regressioni delle prestazioni in produzione.
Vodafone: Un miglioramento del 31% della metrica LCP ha aumentato le vendite dell'8%
Eseguendo un test A/B specificamente incentrato sull'ottimizzazione di Web Vitals, Vodafone ha rilevato che un miglioramento del 31% della metrica LCP ha portato a un aumento delle vendite dell'8%, un miglioramento del 15% del tasso di lead-visite e un miglioramento dell'11% del tasso di carrello/visita.
In che modo Wix ha migliorato le prestazioni del sito web grazie all'evoluzione dell'infrastruttura
Un case study di alcune importanti modifiche introdotte in Wix per migliorare le prestazioni di caricamento dei siti web per milioni di siti, consentendo loro di ricevere buoni punteggi PageSpeed Insights e Core Web Vitals.
In che modo le ottimizzazioni CLS hanno aumentato le conversioni di Yahoo! del 15% le visualizzazioni di pagina per sessione di JAPAN News
Utilizzando Search Console e Lighthouse per monitorare i Segnali web essenziali, l'azienda ha scoperto opportunità per ottimizzare il punteggio CLS di 0,2, il che ha portato a un aumento del 15% delle visualizzazioni di pagina per sessione, al 13% di durata della sessione maggiore e a una diminuzione di 1,72 punti percentuali della frequenza di rimbalzo.
Agrofy: un miglioramento del 70% della metrica LCP è correlato a una riduzione del 76% nell'abbandono del carico
Scopri come Agrofy ha migliorato la percentuale di abbandono del caricamento concentrandosi sui Segnali web essenziali.
Ritiro di Excalidraw Electron a favore della versione web
Excalidraw è una lavagna collaborativa virtuale che ti consente di disegnare facilmente diagrammi che sembrano disegnati a mano. Nel progetto Excalidraw, abbiamo deciso di ritirare Excalidraw Desktop, un wrapper Electron per Excalidraw, a favore della versione web che puoi, e sempre riusciremo, a trovare su excalidraw.com. Dopo un'attenta analisi, abbiamo deciso che l'app web progressiva (PWA) è il futuro su cui vogliamo costruire.
Gli utenti di PWA hanno una probabilità 2,5 volte maggiore di acquistare Gravit Designer PRO
Inoltre, gli utenti di PWA sono il 24% più attivi rispetto a tutti gli altri tipi di installazioni, diventano utenti abituali il 31% in più rispetto a tutte le altre piattaforme e altro ancora.
Le installazioni con PWA dell'editor video di Clipchamp registrano una crescita mensile del 97%
In che modo PWA, WebAssembly e ChromeOS stanno aiutando un editor video basato sul web a offrire prestazioni migliori e un'esperienza più coinvolgente a 12 milioni di utenti.
JD.ID migliora il tasso di conversione da dispositivo mobile del 53% con strategie di memorizzazione nella cache, installazione e notifiche push
Come JD.ID ha aumentato il tasso di conversione da dispositivo mobile (mCVR) complessivo del 53%, il mCVR per gli utenti installati del 200% e gli utenti attivi giornalieri del 26%.
L'investimento di Rakuten 24 nella PWA aumenta la fidelizzazione utenti del 450%
Rendere l'app web installabile ha generato un aumento del traffico, della fidelizzazione dei visitatori, delle vendite per cliente e delle conversioni.
NDTV ha ottenuto un miglioramento del 55% dell'LCP ottimizzando i Segnali web essenziali
Utilizzando strumenti come PageSpeed Insights , web.dev/measure e WebPageTest, il team NDTV ha analizzato le potenziali aree di miglioramento e ha investito in Core Web Vitals per raggiungere il successo aziendale.
In che modo l'attenzione alle prestazioni sul Web ha migliorato la percentuale di clic di Tokopedia del 35%
Creare una dashboard sul rendimento web e ottimizzare JavaScript, le risorse e la home page per raggiungere il successo aziendale.
Come ZDF ha creato una PWA video con modalità offline e Buio
Scopri come ZDF ha creato un'app web progressiva (PWA) con funzionalità moderne come supporto offline, installabilità e modalità Buio.
In che modo la PWA di Goibibo ha migliorato le conversioni del 60%
Scopri come Goibibo, la principale azienda di viaggi online indiana, ha ottenuto un aumento del 60% delle conversioni creando esperienze utente affidabili tra la sua PWA e le sue app per iOS/Android.
Modalità di ottimizzazione di Mercado Libre per Web Vitals (TBT/FID)
Riepilogo del lavoro svolto dal team per l'architettura di frontend di Mercado Libre per ottimizzare il FID, utilizzando TBT come metrica proxy.
I millisecondi valgono milioni
Un miglioramento di 0,1 secondi nelle quattro metriche della velocità può migliorare i tassi di avanzamento in tutta la canalizzazione di acquisto.
Case study sull'API Wake Lock: aumento del 300% degli indicatori dell'intenzione di acquisto su BettyCrocker.com
Case study sulle esperienze del sito di cucina BettyCrocker.com con l'implementazione dell'API Wake Lock.
In che modo Google ha migliorato il rendimento degli annunci con la riconvalida durante la fase di inattività
Questo case study spiega in che modo Google ha aumentato le principali metriche aziendali relative agli annunci ottimizzando il rendimento dello script degli annunci di terze parti con la riconvalida dell'annuncio di terze parti inattiva.
Shopping per la velocità su eBay.com
Questo case study spiega in che modo eBay ha aumentato le metriche aziendali chiave ottimizzando il rendimento delle esperienze web e app.
OYO Lite: un TWA con il meglio delle app web e per Android
Come una startup del settore dell'accoglienza ha creato un'app per Android basata sui contenuti web per aumentare notevolmente il coinvolgimento degli utenti e mantenere basse le dimensioni dei file.
Cinque modi in cui AirSHIFT ha migliorato le prestazioni di runtime della loro app React
Come il team AirSHIFT ha utilizzato la virtualizzazione delle tabelle, i dati RUM, il caricamento lento, i web worker, i budget per le prestazioni e gli hackathon per ottimizzare le prestazioni di runtime dell'app React.
In che modo Truebil ha trasformato il Web nel suo canale di crescita
Questo case study spiega in che modo il team di Truebil ha aumentato le conversioni e il coinvolgimento ottimizzando la velocità e l'affidabilità dell'app web.
Come OpenSooq ha aumentato il coinvolgimento investendo nel web
Scopri come il team di OpenSooq ha utilizzato le best practice per creare un'app web progressiva affidabile e convincente per il marketplace.
Portare i Service worker alla Ricerca Google
Cerca praticamente qualsiasi argomento su Google e ti verrà presentata una pagina di risultati significativi e pertinenti. Quello che probabilmente non avevi capito è che questa pagina dei risultati di ricerca potrebbe essere fornita da una potente tecnologia web chiamata service worker.
Come stiamo portando Google Earth sul Web
Miglioramento dell'accesso a Google Earth tra i browser con WebAssembly
Nikkei raggiunge un nuovo livello di qualità e prestazioni con la sua PWA di più pagine
Con una storia dell'editoria di oltre 140 anni, Nikkei è una delle aziende multimediali più autorevoli in Giappone. Per offrire un'esperienza utente migliore e accelerare la propria attività sul web, Nikkei ha lanciato con successo un'app web progressiva a novembre 2017 e sta ottenendo risultati sorprendenti grazie alla nuova piattaforma.
George.com migliora l'esperienza dei clienti sui dispositivi mobili con la nuova app web progressiva
George.com è un brand leader di abbigliamento nel Regno Unito, parte di ASDA Walmart. Dopo aver eseguito l'upgrade del sito a un'app web progressiva (PWA), il brand ha registrato un aumento del 31% delle conversioni da dispositivo mobile. Con le
La nuova app web progressiva di BookMyShow genera un aumento dell'80% delle conversioni
BookMyShow è la più grande azienda di biglietteria dell'India, con 50 milioni di visitatori al mese. Ha sviluppato una versione migliorata del suo sito web per dispositivi mobili utilizzando un'app web progressiva (PWA), ottimizzando la velocità e rimuovendo i vincoli dei dati, con un conseguente aumento dell'80% delle conversioni.
Ele.me migliora i tempi di caricamento delle prestazioni con un'app web progressiva su più pagine
Ele.me è la più grande azienda di ordinazione e consegna di cibo della Cina continentale. Ha creato l'app web progressiva (PWA) come app su più pagine per migliorare l'esperienza sul Web mobile, rendendola più veloce e affidabile nelle connessioni instabili, soddisfacendo al contempo le sue esigenze operative per servire al meglio i propri clienti.
Dance Tonite in WebVR
Dance Tonite è una collaborazione VR in continua evoluzione con la band LCD Soundsystem e i suoi fan. Il progetto, integrato in WebVR, funziona su più piattaforme, con e senza VR, concedendo agli utenti un ruolo diverso nell'esperienza a seconda del dispositivo utilizzato. I creatori di progetti Jonathan Puckey, Moniker e il Data Arts Team di Google hanno consentito le decisioni creative e le tecniche di ottimizzazione avanzate del team di Google per offrire prestazioni di alta qualità (circa 60 f/s per 3DoF e 90 f/s per 6DoF) e un'esperienza utente coinvolgente su tutte le piattaforme utilizzando un unico codebase.
0h h1
0h h1 è un gioco divertente (e coinvolgente) che sembra perfetto sui dispositivi mobili. Ho sempre amato le infinite possibilità della tecnologia web e mi ritengo fortunata ad averla adottata così tanti anni fa, perché negli ultimi anni abbiamo
OLX aumenta del 250% il ricoinvolgimento sul Web mobile con un'app web progressiva
Per OLX, la creazione di un'app web progressiva ha aumentato il coinvolgimento del 250% e ridotto il tempo di interazione tra le pagine del 23%
Infobae raddoppia il tempo trascorso sul sito mobile grazie a un'app web progressiva
Infobae ha sfruttato il service worker per offrire prestazioni affidabili su reti non affidabili. La sua migliore PWA ha ottenuto un punteggio prestazioni di 93/100 su Lighthouse, uno strumento automatizzato per la misurazione della qualità delle pagine web.
Jumia registra un aumento del 33% del tasso di conversione e un numero di utenti 12 volte maggiore su PWA
Il traffico verso la PWA di Jumia ha superato di oltre 12 volte quello dell'app nativa e continua a crescere. Anche Jumia ha registrato una diminuzione del 50% della frequenza di rimbalzo
Ola favorisce la mobilità di un miliardo di indiani grazie alle applicazioni web progressive
Ola è il principale aggregatore di taxi in India, con la sua incessante missione di promuovere la mobilità per un miliardo di indiani. raggiunge oltre 100 città indiane con una rete di circa 600.000 conducenti. Essendo una delle startup più
Lancôme ricostruisce il suo sito web mobile come PWA e aumenta le conversioni del 17%
Per aumentare il traffico e il ricoinvolgimento, Lancôme, brand di cosmetici di lusso, ha lanciato un'app web progressiva (PWA) per offrire un'esperienza veloce, simile a un'app sul Web mobile,
La nuova PWA di MakeMyTrip.com triplica i tassi di conversione
Dopo il lancio di un'app web progressiva, il tasso di conversione di MakeMyTrip.com sul web mobile è triplicato, mentre la velocità di caricamento delle pagine è migliorata del 38%.
Mynet accelera la propria esperienza sul Web mobile di 4 volte, aumentando le entrate del 25% con la PWA basata su AMP
Ogni mese, Mynet offre a più di 34 milioni di visitatori il suo sito con contenuti e servizi relativi a notizie, video, giochi, finanziari, informativi e di intrattenimento. Dopo aver lanciato un'app web progressiva (PWA) che utilizza Accelerated
PWA Twitter Lite aumenta notevolmente il coinvolgimento e riduce l'utilizzo dei dati
L'app web progressiva Twitter Lite combina il meglio delle moderne funzionalità web e native per offrire un'esperienza più solida, con obiettivi espliciti per il caricamento istantaneo, il coinvolgimento degli utenti e un minor consumo di dati
App web progressiva di Voot
Voot.com lancia la sua applicazione web progressiva multimediale in India. Dopo alcuni giorni dall'implementazione, il tempo di sessione per utente è aumentato del 39% e le visualizzazioni giornaliere per utente del 15%. Voot è uno dei principali
Segui Babbo Natale come PWA
Visualizza il sito Segui Babbo Natale è stato rapidamente aggiornato a un'app web progressiva offline per le festività del 2016. grazie in parte alla progettazione delle nostre scene esistenti. Segui Babbo Natale è una tradizione festiva per
Interazioni principali nel Lab WebVR
Visualizza il lab I designer di siti web hanno familiarità con l'idea del Responsive Web Design, ovvero la creazione di un sito web che funzioni su diversi dispositivi, come cellulari, tablet e computer, con risoluzioni dello schermo e proporzioni
Rendering del testo in WebVR
All'interno è presente una piattaforma per lo storytelling nella realtà virtuale ed è disponibile ovunque si trovi la VR, incluso il Web. Grazie a WebVR, gli spettatori possono visitare un sito web, fare clic su un link e guardare immediatamente i film di Within in VR immersiva, inclusi display montati sulla testa di fascia alta. Durante il processo di sviluppo, il team ha scoperto che il rendering del testo è difficile in questo nuovo ambiente e ha creato un esempio utilizzando gli mesh per rendere il processo più fluido.
Bear 71 e WebVR
Guarda il documentario WebVR è un'API integrata nei browser che combina il rendering stereo con il tracciamento della testa in tempo reale, consentendo di godersi in modo facile e veloce i contenuti VR online. Con WebVR, gli autori di contenuti
Matterport VR per WebVR
Visualizza il sito Grazie al supporto di WebVR, Matterport semplifica l'esplorazione di luoghi reali nella realtà virtuale immersiva. Senza app da scaricare, WebVR ridurrà gli abbandoni e consentirà ai partner di fidelizzare l'utente sul proprio sito
Linee fisse
Le linee terrestri sono un esperimento che ti consente di esplorare le immagini satellitari di Google Earth tramite gesti. Utilizzando una combinazione di machine learning, algoritmi ottimizzati e potenza della scheda grafica, l'esperimento può essere eseguito in modo efficiente sul browser web del telefono senza bisogno di server di backend. Questo è uno sguardo al nostro processo di sviluppo e ai vari approcci che abbiamo provato che ci hanno portato al risultato finale.
Linea di crociere Carnival
Carnival Cruise Line offre un servizio di comunicazione personalizzato e coinvolgente per i propri clienti con notifiche push. Scarica il case study in formato PDF Carnival Cruise Line, una delle più grandi società di viaggi di piacere al
The Weather Channel
The Weather Company, un'azienda IBM, gestisce una media di 40 miliardi di richieste di previsione ogni giorno, aiutando le persone a pianificare la propria vita quotidiana e a prendere decisioni migliori in base alle condizioni meteo.
Smart Lock per il tutore
Scarica il case study in formato PDF Guardian News & Media (GNM) pubblica theguardian.com, uno dei più grandi siti web di notizie in lingua inglese al mondo. Dal lancio delle edizioni digitali negli Stati Uniti e in Australia rispettivamente nel
Smart Lock per AliExpress
Scarica il case study in formato PDF Lanciato nell'aprile del 2010, AliExpress è un marketplace di vendita al dettaglio globale rivolto ai consumatori di tutto il mondo. La piattaforma consente ai consumatori di tutto il mondo di
Housing.com aumenta le conversioni e riduce la frequenza di rimbalzo del 40% con la nuova PWA
Scarica il case study in formato PDF Housing.com è una delle principali startup dell'India. Sulla buona strada per ottenere 50 milioni di visite quest'anno, è diventata una delle principali piattaforme immobiliari online in India. Dopo aver creato
Misurazione dell'impatto delle prestazioni reali dei lavoratori dei servizi
Misurazione dell'impatto delle prestazioni reali dei lavoratori dei servizi
The Washington Post
AMP aiuta il Washington Post ad aumentare del 23% gli utenti di ritorno dalla ricerca su dispositivi mobili Scarica il case study in formato PDF Con quasi il 55% del traffico proveniente da dispositivi mobili, The Washington Post sa che offrire
Creazione dell'app web progressiva Google I/O 2016
Creare la PWA di Google I/O 2016 utilizzando i componenti web
Elettronica eXtra
United eXtra Electronics aumenta le vendite e-commerce del 100% grazie alle notifiche push web Scarica il case study in formato PDF eXtra è il principale rivenditore di elettronica di consumo e elettrodomestici in più rapida crescita in Arabia
Giumia
Le notifiche push aiutano Jumia ad invertire l'abbandono del carrello e ad aumentare di 9 volte le conversioni Scarica il case study in formato PDF Jumia è uno dei principali siti web di e-commerce in Africa. La maggior parte dei suoi clienti
BaBe
L'app web progressiva cross-browser di BaBe compete con le prestazioni delle app native. Scarica il case study in formato PDF Lanciata nel 2013, BaBe è la più grande app di aggregazione di notizie dell'Indonesia. È stato scaricato da più di un
Konga
Konga riduce l'utilizzo dei dati del 92% con la nuova app web progressiva Scarica il case study in formato PDF Lanciato nel 2012, Konga è un sito web di e-commerce leader in Nigeria che vende di tutto, dai libri ai frigoriferi e ai cellulari. I
8 miglia
5 miglia riduce la frequenza di rimbalzo del 50% e aumenta le conversioni del 60% con la nuova app web progressiva Scarica il case study in formato PDF "Vendi quello che hai e compra quello che vuoi!" è il motto di 5 miglia, un marketplace mobile
Suumo
Il principale sito immobiliare del Giappone potenzia le nuove inserzioni con le notifiche push web e registra una percentuale di apertura delle notifiche del 31%. Scarica il case study in formato PDF SUUMO è il principale sito immobiliare del
Sessioni di arte virtuale
Sei artisti sono stati invitati a dipingere, progettare e scolpire in VR.
Net-A-Porter
Net-A-Porter fa risparmiare tempo di sviluppo con la Polymer Library di Google NET-A-PORTER ha implementato una progettazione basata su componenti nelle proprietà online utilizzando la libreria Polymer di Google. Il risultato è stato un notevole
Flipkart triplica il tempo sul sito con le applicazioni web progressive
Nel 2015, Flipkart, il più grande sito di e-commerce dell'India, ha adottato una strategia basata solo sulle app e ha disattivato temporaneamente il suo sito web mobile. Per l'azienda era sempre più difficile offrire un'esperienza utente veloce e coinvolgente come quella dell'app mobile. Poi, Flipkart ha deciso di ripensare il proprio approccio di sviluppo. Sono stati indirizzati verso il Web mobile dall'introduzione di funzioni che hanno permesso al Web mobile di funzionare immediatamente, funzionare offline e coinvolgere nuovamente gli utenti.
Creazione di una spada laser con Polymer
Come configurare un progetto WebGL con FPS elevato con Polymer.
Google+
Abbiamo raggiunto il nostro obiettivo di non scaricare mai più di 60 kB di HTML, 60 kB di JavaScript e 60 kB di CSS alla volta!
Oltre lo scaffale
Beyond the Rack coinvolge nuovamente gli utenti sul Web mobile, aumentando le entrate per visita del 26% con le notifiche push.
AirHorner.com
AirHorner è una semplice ma potente app web progressiva che mostra la potenza dei Service Workers e dell'API Web Audio per offrirti una sirena d'aria. Usa questa funzionalità per infastidire amici o colleghi, a prescindere dal fatto che tu sia online, offline o su una rete 2G instabile.
Service worker in produzione
Scopri come abbiamo utilizzato le librerie di worker di servizio per rendere l'app web Google I/O 2015 rapida e offline-first. L' app web di Google I/O 2015 di quest'anno è stata scritta dal team di relazioni con gli sviluppatori di Google, in base
Biblioteca Colibrì
Hummingbird Library: un nuovo e rinfrescante frontend per Hummingbird, un popolare sito di scoperta e monitoraggio degli orologi anime. I fan degli anime (come me, il numero di visualizzazioni nello screenshot è reale) sono da tempo ossessionati dal
Madeon Adventure Machine
Madeon Adventure Machine è una promozione intelligente per il nuovo album di Madeon, una divertente drum machine. L'app Adventure Machine è molto semplice, ma fa il suo lavoro abbastanza bene. Utilizzando Web Audio e, facoltativamente, Web Midi (sì:
Adsy.me
Adsy.me è un modo semplice e veloce per creare micrositi per dispositivi mobili. Adsy.me è uno strumento che consente a chiunque di creare un sito web mobile (micro) e hanno guadagnato subito la mia fiducia mangiando la propria versione sperimentale.
La piccola alchimia
Little Alchem: una combinazione divertente e per dispositivi mobili ispirata al fratello maggiore Alchemy. Little Alchemy è un ottimo esempio di come sfruttare al massimo tutte le funzionalità più recenti della piattaforma web. Utilizza il file
Lettore di notizie hacker
Hacker News Reader: un fantastico lettore ottimizzato per Hacker News. Un'esperienza di lettura piacevole e altamente ottimizzata per Hacker News, questa app funziona bene e ha un ottimo aspetto su dispositivi mobili, tablet e computer. È veloce e
Summit di Chrome 2014
Il sito web del Chrome Dev Summit 2014 è stato realizzato internamente dal nostro Paul Lewis, il sito web di CDS ha mostrato come offrire un'ottima esperienza web mobile per i visitatori della conferenza.
Buon Pixmas
Merry Pixmas: divertimento natalizio con le trasformazioni CSS 3D. Una bella demo a tema natalizio che funziona bene su computer e dispositivi mobili. Include anche un nuovo supporto per i colori del tema e un manifest web per un'esperienza nella
Filtro web
Filtri web: filtri rapidi, rapidi e filtri per la fotocamera sporca. Una fantastica app per fotocamera basata sul web che ti permette di applicare filtri in tempo reale. L'immagine viene salvata automaticamente sul tuo dispositivo locale, il che
SVGOMG
SVGOMG: un frontend bello, materiale e reattivo per SVGO. Creato dallo stesso Jake Archibald, SVGOMG è un esempio perfetto di strumento completamente reattivo e avanzato scritto con tecnologie web. Offre un bellissimo look Material Design, e
Lo Hobbit Experience 2014
Aggiunta del gameplay WebRTC all'esperienza Hobbit In vista dell'uscita del nuovo film sull'Hobbit "Lo Hobbit: la battaglia dei cinque eserciti", abbiamo lavorato per estendere l'esperimento di Chrome dell'anno scorso, Un viaggio nella Terra di
Crea con Chrome
Portare i mattoncini LEGO® sul web multi-dispositivo Build with Chrome, un divertente esperimento per gli utenti di Chrome per computer lanciato originariamente in Australia, è stato ripubblicato nel 2014 con disponibilità a livello globale,
Il front-end della Terra di Mezzo
Procedura dettagliata per lo sviluppo multi-dispositivo Nel nostro primo articolo sullo sviluppo dell'esperimento di Chrome Un viaggio nella Terra di Mezzo ci siamo concentrati sullo sviluppo di WebGL per i dispositivi mobili. In questo articolo
L'esperienza dello Hobbit
Dare vita alla Terra di Mezzo con WebGL mobile In passato, offrire esperienze interattive, basate sul web e con un'elevata componente multimediale su dispositivi mobili e tablet è stata una sfida. I principali vincoli sono stati le prestazioni, la
Case study - Costruire un pilota
Racer è un esperimento su Chrome mobile basato sul web sviluppato da Active Theory. Fino a 5 amici possono collegare i propri smartphone o tablet per gareggiare su ogni schermo. Grazie al concept, al design e al prototipo di Google Creative Lab e
Case study - The Sounds of Racer
Racer è un esperimento di Chrome multi-giocatore e multi-dispositivo. Un gioco di auto da corsa in stile retrò da giocare su più schermi. Su smartphone o tablet, Android o iOS. Chiunque può partecipare. Nessuna app. Nessun download. Solo sul web
Case study - All'interno del World Wide Maze
World Wide Maze è un gioco in cui usi lo smartphone per far rotolare una palla attraverso labirinti 3D creati da siti web per cercare di raggiungere i punti di destinazione. Il gioco utilizza ampiamente le funzionalità HTML5. Ad esempio, l'evento
Creazione di Roll It
Roll It è un esperimento di Chrome che reinventa un classico gioco da spiaggia utilizzando solo il browser sullo smartphone e sul computer. Il browser sullo smartphone ti consente di mirare e far rotolare la palla con un movimento del polso, mentre
Layout web di nuova generazione - National Geographic Forest Giant
Utilizzare gli strumenti del CSS e del layout del browser può consentire visualizzazioni straordinarie per i contenuti web. L'utilizzo di funzionalità web come filtri CSS, WebGL, video HTML5, SVG, canvas e tecnologie future in evoluzione come regioni
Case study - Esperimento Google I/O 2013
Per suscitare l'interesse degli sviluppatori sul sito web di Google I/O 2013 prima dell'apertura delle registrazioni alla conferenza, abbiamo sviluppato una serie di esperimenti e giochi mobile-first incentrati sulle interazioni touch, sull'audio
Case study - Ridimensionamento automatico dei giochi HTML5
Nell'estate del 2010 abbiamo creato Sand Trap, un gioco con cui abbiamo partecipato a un concorso di giochi HTML5 per cellulari. Tuttavia, la maggior parte dei telefoni cellulari mostrava solo una parte del gioco o lo rendeva troppo piccolo,
Case study - Find Your Way to Oz
"Trova la strada per Oz" è un nuovo esperimento di Google Chrome portato sul web da Disney. Ti consente di fare un viaggio interattivo in un circo del Kansas, che ti porta nella terra di Oz dopo che sei stato travolto da una tempesta. Il nostro
Case study - Fai una JAM session con Chrome
Come abbiamo reso fantastica l'interfaccia utente JAM with Chrome è un progetto musicale basato sul web creato da Google. JAM con Chrome consente a persone di tutto il mondo di formare una band e suonare in tempo reale all'interno del browser.
Realizzare 100.000 stelle
Ciao! Mi chiamo Michael Chang e lavoro con il team di Data Arts di Google. Di recente abbiamo completato 100.000 stelle, un esperimento di Chrome che mostra le stelle vicine. Il progetto è stato creato con THREE.js e CSS3D. In questo case study
Case study - Fai una JAM session con Chrome
Come abbiamo creato un audio fantastico JAM with Chrome è un progetto musicale basato sul web creato da Google. JAM con Chrome consente a persone di tutto il mondo di formare una band e suonare in tempo reale all'interno del browser. Noi di DinahMoe
Movi Kanti Revo - Parte 1 - Costruire il mondo 3D
Movi.Kanti.Revo è un nuovo esperimento sensoriale di Chrome creato dal Cirque du Soleil e sviluppato da Subatomic Systems che porta la magia del Cirque du Soleil sul web tramite moderne tecnologie web. L'esperimento è stato creato utilizzando solo
Case study - SONAR, sviluppo di giochi HTML5
La scorsa estate ho lavorato come Technical Lead per un gioco commerciale WebGL chiamato SONAR. Il progetto ha richiesto circa tre mesi ed è stato realizzato completamente da zero in JavaScript. Durante lo sviluppo di SONAR, abbiamo dovuto trovare
Case study - Creazione di Technitone.com
Technitone.com è una fusione di WebGL, Canvas, Web Sockets, CSS3, JavaScript, Flash e la nuova API Web Audio in Chrome. Questo articolo toccherà tutti gli aspetti della produzione: il piano, il server, i suoni, le immagini e alcuni dei flussi di
Case study - Bouncy Mouse
Dopo aver pubblicato Bouncy Mouse su iOS e Android alla fine dello scorso anno, ho imparato alcune lezioni molto importanti. Tra le principali, è emerso che è difficile entrare in un mercato consolidato. Nel mercato saturo degli iPhone, è stato molto
Case study: MathBoard HTML5
MathBoard su iPad, un'applicazione PalaSoftware, è un'applicazione molto raffinata con molte animazioni sottili ma naturali e un aspetto realistico unico. L'obiettivo era realizzare la porta con la massima fedeltà dell'applicazione per iPad in HTML5.
Case study: creare il doodle di Google dedicato a Stanisław Lem
La home page di Google è un ambiente affascinante al fine di programmare. È caratterizzato da molte limitazioni complesse: un'attenzione particolare a velocità e latenza, la necessità di soddisfare tutti i tipi di browser e di lavorare in varie
Case study - Aggiornamenti in tempo reale in Stream Congress
Tramite WebSockets ed EventSource, HTML5 consente agli sviluppatori di creare app web che comunicano in tempo reale con un server. Stream Congress (disponibile nel Chrome Web Store ) fornisce aggiornamenti in tempo reale sul funzionamento del
Case study - Conversione di Wordico da Flash a HTML5
Quando abbiamo convertito il nostro gioco di parole crociate Wordico da Flash ad HTML5, la nostra prima attività è stata dimenticare tutto ciò che sapevamo sulla creazione di un'esperienza utente completa nel browser. Mentre Flash offriva un'API
Case study - Onslaught! Stadio
A giugno 2010 è venuta alla nostra attenzione la notizia che la rivista locale Boing Boing stava organizzando una competizione di sviluppo di giochi. Abbiamo visto questa come una scusa perfetta per creare un gioco semplice e veloce in JavaScript e
Case study - Effetto volta pagina di 20thingsilearned.com
Nel 2010, F-i.com e il team di Google Chrome hanno collaborato a un'app web educativa basata su HTML5 chiamata 20 Things I Learned about Browsers and the Web ( www.20thingsilearned.com ). Una delle idee chiave alla base di questo progetto era che
Case study: imbarazzo con HTML5 Canvas
La scorsa primavera (2010) mi sono interessato al supporto in rapida crescita per HTML5 e le tecnologie correlate. All'epoca, io e un amico ci sfidavamo in competizioni di sviluppo di giochi di due settimane per perfezionare le nostre competenze di
Case study - HTML5 in deviantART muro
Il 7 agosto 2010 deviantART ha festeggiato il suo decimo compleanno. Abbiamo festeggiato il nostro compleanno lanciando uno strumento di disegno HTML5 chiamato deviantART muro. Lo strumento può essere utilizzato sia come applicazione web autonoma sia
Case study - Download tramite trascinamento in Chrome
Il trascinamento è una delle tante funzionalità di HTML 5 ed è supportato in Firefox 3.5, Safari, Chrome e IE. Di recente Google ha implementato una nuova funzionalità che consente agli utenti di Google Chrome di trascinare file dal browser al
How Ray-Ban doubled conversion rate and reduced exit rate by 13% through prerendering using the Speculation Rules API
Learn how Ray-Ban improved LCP by using the Speculation Rules API, and how it improved Ray-Ban's ecommerce platform's business performance.
How QuintoAndar reduced INP by 80%, increasing conversions by 36%
QuintoAndar significantly improved its web performance by reducing its Interaction to Next Paint (INP) by 80%, leading to a 36% increase in conversions year-over-year.
How YouTube improved video performance with the Media Capabilities API
Using the Media Capabilities API lets you better target video codecs, frame rates, and resolutions based on the capabilities of your users' devices.
Forbes
Forbes is re-defining modern web development with Progressive Web App technology.
Wego
There's a new way to deliver amazing user experiences on the web. Travel company Wego has built a successful AMP based Progressive Web App (PWA).
Alibaba
Alibaba.com is the world’s largest online business-to-business (B2B) trading platform, serving 200+ countries and regions. After upgrading their site to a Progressive Web App (PWA), they saw a 76 percent increase in total conversions across browsers.
AliExpress
AliExpress increases conversion rate for new users by 104% with new Progressive Web App Download PDF Case study "Smarter shopping, better living!" is the motto of AliExpress, a website where shoppers can buy everything from baby clothes to