![](https://web.dev/static/images/case-studies-header.png?authuser=8&%3Bhl=fr&hl=fr)
Études de cas
Rendre la référence exploitable grâce à des données utilisateur réelles
Comment RUMvision a intégré des informations de référence à ses données RUM
Libérer le potentiel des requêtes de conteneur CSS: leçons de l'équipe Netflix
Cette étude de cas explique les avantages de l'adoption des requêtes de conteneur chez Netflix.
Comment Tokyu a accéléré la connexion de 12 fois avec les clés d'accès
Découvrez comment Tokyu, une compagnie ferroviaire japonaise, a accéléré le processus de connexion de 12 fois grâce aux clés d'accès, ce qui aide des milliers de voyageurs quotidiens.
Pourquoi Google Sheets a transféré son worker de calcul de JavaScript vers WasmGC
Dans Google Sheets, les calculs étaient initialement effectués sur le serveur, puis sur le client en JavaScript, puis sur le client dans la récupération de mémoire de WebAssembly. Cette étude de cas explique comment et pourquoi.
Moins de fluidité et plus de contrôle: comment Google Meet a amélioré les autorisations audio et vidéo
Cette étude de cas décrit comment l'équipe Google Meet a amélioré les autorisations et l'impact que cela a eu sur les utilisateurs. la satisfaction des réunions.
Comment Disney+ Hotstar a augmenté le nombre de vues hebdomadaires de fiches de 100% sur les appareils de salon en réduisant l'INP de 61%
Découvrez comment Disney+ Hotstar, une application pour smart TV et boîtiers décodeurs, a considérablement amélioré l'engagement des spectateurs grâce à ses efforts pour réduire son INP.
3D interactive sur le Web avec le matériel Google: expériences pédagogiques sur les produits nouvelle génération
Découvrez comment le Web a permis des expériences 3D immersives pour aider les clients à comprendre et explorer les produits physiques.
Découvrez comment la plate-forme de gestion du consentement de PubTech a réduit l'INP sur les sites Web de ses clients jusqu'à 64%, tout en améliorant la visibilité des annonces de 1,5 %.
Découvrez comment la plate-forme de gestion du consentement de PubTech a réduit l'INP sur les sites Web de ses clients jusqu'à 64%, tout en améliorant la visibilité des annonces de 1,5 %.
Des notes partout
Ces deux dernières années, l'équipe d'ingénieurs Goodnotes a travaillé sur un projet visant à étendre l'application de prise de notes iPad à d'autres plates-formes. Cette étude de cas montre comment l'application pour iPad de l'année 2022 est arrivée sur le Web, ChromeOS, Android et Windows grâce aux technologies Web, et WebAssembly a réutilisé le code Swift sur lequel l'équipe travaille depuis plus de dix ans.
Comment Taboola, fournisseur de recommandations de contenus, a utilisé LoAF pour améliorer l'INP jusqu'à 36% sur les sites Web de ses éditeurs partenaires.
Comment Taboola, fournisseur de recommandations de contenus, a utilisé LoAF pour améliorer l'INP jusqu'à 36% sur les sites Web de ses éditeurs partenaires.
CapCut augmente le trafic généré par les résultats naturels de 83% en créant une application Web entièrement fonctionnelle à l'aide de WebAssembly et WebCodecs
Découvrez comment l'une des applications de montage vidéo les plus populaires disponibles sur mobile a créé une version Web entièrement fonctionnelle.
La puissance du Web pour les illustrateurs: comment pixiv utilise les technologies Web pour son application de dessin
Pixiv est un service de communauté en ligne qui permet aux illustrateurs et aux passionnés d'illustration de communiquer entre eux via leurs contenus. Il permet aux utilisateurs de publier leurs propres illustrations. Elle compte plus de 84 millions
Comment Tokopedia a réduit ses coûts opérationnels en améliorant son application Web de vente grâce au machine learning
Cet article explique comment Mitra Tokopedia a réduit ses coûts opérationnels en améliorant son application Web de vendeur grâce au machine learning.
Découvrez comment Trendyol a réduit l'INP de 50%, ce qui a entraîné une augmentation de 1% du taux de clics
Cette étude de cas décrit un workflow étape par étape de débogage et d'amélioration d'INP dans React, utilisé par Trendyol à l'aide d'outils Google tels que PageSpeed Insights (PSI), les outils pour les développeurs Chrome et l'API scheduler.yield.
Comment la PWA Kiwix permet aux utilisateurs de stocker des gigaoctets de données sur Internet pour une utilisation hors connexion
Cette étude de cas explique comment Kiwix, une organisation à but non lucratif, utilise la technologie Progressive Web App et l'API File System Access pour permettre aux utilisateurs de télécharger et de stocker de grandes archives Internet pour une utilisation hors ligne.
Découvrez comment JAPAN a augmenté l'adoption des clés d'accès à 11% et réduit les coûts liés aux mots de passe à usage unique par SMS
En savoir plus sur Yahoo! Japan pour améliorer l'adoption des clés d'accès et l'expérience utilisateur.
Découvrez comment Terrasse a augmenté son taux de clics de 30% grâce au préchargement et accéléré la vitesse de Largest Contentful Paint.
Le préchargement est une technique utilisée pour accélérer le chargement des pages en téléchargeant des ressources, voire des pages entières, qui seront probablement nécessaires dans un avenir proche. Des études ont montré qu'un temps de chargement plus court permet d'augmenter les taux de conversion et d'améliorer l'expérience utilisateur.
Utilité du cache amélioré JAPAN News augmente ses revenus de 9% sur mobile
Les marchands Yahoo! JAPAN News, l'une des plates-formes d'actualités les plus populaires au Japon, a mené des efforts concertés pour améliorer son taux de succès de cache amélioré, ce qui a permis d'améliorer considérablement l'expérience utilisateur et l'activité. Plus précisément, les résultats du test A/B ont montré que les pages utilisant le cache amélioré ont enregistré une augmentation de 9% des revenus publicitaires.
Quête de l'Economic Times pour résoudre l'INP
En réduisant son volume de données de 30 fois et en passant à Next.js, The Ecomonic Times a pu réduire son INP de près de quatre fois, ce qui lui a permis de diminuer de 50% le taux de rebond et de 43% le nombre de pages vues.
Comment redBus a amélioré l'interaction to Next Paint (INP) sur son site Web et augmenté ses ventes de 7%
Les optimisations d'INP ont permis à redBus d'augmenter ses ventes d'environ 7%
Découvrez comment « Slow Roads » intrigue les gamers et les développeurs à travers les incroyables capacités de la 3D dans le navigateur
Découvrez le potentiel de WebGL dans ce jeu de conduite grand public qui offre des paysages infinis générés de manière procédurale. Slow Roads est un jeu de conduite grand public qui met l'accent sur des paysages générés sans cesse de manière
Améliorer le Web : YouTube plus rapide
Il s'agit de la première partie de notre nouvelle série sur l'amélioration de YouTube sur le Web.
Comment Rakuten 24 a investi dans les signaux Web essentiels pour augmenter ses revenus par visiteur de 53,37% et son taux de conversion de 33,13%
En mesurant les signaux Web d'utilisateurs réels, Rakuten 24 a également constaté qu'un bon LCP (Largest Contentful Paint) pouvait entraîner une augmentation du taux de conversion de 61,13%.
Comment les sites Web et le service marketing de GoDaddy ont amélioré de 75 % les signaux Web essentiels pour les clients
Étude de cas sur les modifications mises en œuvre par GoDaddy pour améliorer les performances de millions de sites, ce qui lui a permis d'obtenir de bons scores PageSpeed Insights et Signaux Web essentiels.
Farfetch augmente ses taux de conversion pour améliorer les Signaux Web essentiels
Comment les investissements du marchand de luxe Farfetch pour améliorer les Signaux Web essentiels ont-ils généré de meilleurs résultats commerciaux ?
Les marchands Yahoo! L'authentification sans mot de passe de Yahoo! Japan a permis de réduire les demandes de 25 % et d'accélérer le temps de connexion de 2,6 fois
Les marchands Yahoo! JAPAN a mis en place un système d'identité sans mot de passe. Découvrez leur approche et les conséquences de l'effort.
RebelMouse a boosté la fidélité et l'engagement en optimisant les Signaux Web essentiels
Étude de cas mesurant l'impact global et les avantages des scores de performances élevés sur les Signaux Web essentiels
Une expérience Web moderne sur Adobe Experience Manager avec WorkBox
Les progressive web apps exploitent les possibilités du Web moderne. Adobe a utilisé Workbox pour intégrer ces fonctionnalités à Adobe Experience Manager.
La PWA de MishiPay multiplie ses transactions par 10 et économise 2,5 ans de mise en file d'attente
Découvrez comment la PWA de MishiPay multiplie les transactions par 10 et économise 2,5 ans de mise en file d'attente.
The Economic Times a atteint les seuils des Signaux Web essentiels et amélioré son taux de rebond global de 43 %
L'optimisation des signaux Web essentiels sur le site Web The Economic Times a considérablement amélioré l'expérience utilisateur et réduit considérablement le taux de rebond sur l'ensemble du site.
Terrasse qui a amélioré l'engagement des utilisateurs grâce au mode sombre
Dans cet article, nous allons analyser le parcours de Terra : identifier la taille de la cohorte en mode sombre, appliquer un thème sombre personnalisé et enfin mesurer l'impact de cette implémentation sur ses principaux KPI.
QuintoAndar booste ses taux de conversion et son nombre de pages par session en améliorant les performances de ses pages
Un projet axé sur l'optimisation des Signaux Web essentiels et la migration vers Next.js a entraîné une augmentation de 5% des taux de conversion et de 87% du nombre de pages par session.
Kapwing : un puissant outil de montage vidéo pour le Web
Des entreprises comme Kapwing permettent de créer tous ces contenus vidéo directement sur le Web, à l'aide d'API puissantes (comme IndexedDB et WebCodecs) et d'outils de performances.
SVGcode: une PWA permettant de convertir des images matricielles en images vectorielles SVG
Convertir des images bitmap couleur ou monochromes (PNG, JPG, JPEG, WEBP, AVIF, GIF, etc.) en images vectorielles monochromes ou monochromes (SVG).
L'amélioration des Signaux Web essentiels sur la page d'accueil de Mail.ru a entraîné une augmentation moyenne de 10% des taux de conversion
Plusieurs mois de travail pour améliorer les Signaux Web essentiels sur la page d'accueil de Mail.ru ont permis d'augmenter de 60% le 75e centile du CLS (Cumulative Layout Shift), ce qui a permis d'augmenter la durée moyenne des sessions de 2,7% et les taux de conversion des sections principales de plus de 10%.
Renault a amélioré ses taux de rebond et de conversion en mesurant et en optimisant son Largest Contentful Paint
Cet article explique comment Renault et son partenaire mondial pour les données 55 ont abordé la mesure et l'optimisation des Signaux Web essentiels. L'équipe a analysé les données issues des 10 millions de visites sur ses pages de destination, a constaté une forte corrélation entre Largest Contentful Paint et les conversions, et a redoublé d'efforts sur ses efforts d'optimisation. Nous allons examiner ces points de données et comprendre comment les équipes se sont organisées pour les optimisations.
Swappie a augmenté ses revenus sur mobile de 42% en se concentrant sur les Signaux Web essentiels
Cette étude de cas explique comment l'équipe Swappie a augmenté ses conversions et ses revenus en optimisant son application Web pour les Signaux Web essentiels.
Impact commercial des Signaux Web essentiels
Cet article vous aidera à comprendre la corrélation entre les signaux Web essentiels et les métriques clés de l'activité en examinant des exemples d'entreprises qui ont déjà constaté un impact positif sur leurs utilisateurs et leurs activités.
Comment l'engagement envers les Signaux Web essentiels a permis à Netzwelt d'augmenter ses revenus publicitaires de 18%
Découvrez comment l'éditeur d'actualités allemand Netzwelt a optimisé les signaux Web essentiels pour améliorer l'expérience utilisateur et ses revenus publicitaires.
La PWA de Blibli génère 10 fois plus de revenus par utilisateur que son ancien site Web mobile.
Découvrez comment Blibli a réduit son taux de rebond de 42 %, multiplié par huit son taux de conversion sur mobile et multiplié par 2, 5 le nombre de pages consultées par session.
Amélioration de Cumulative Layout Shift chez Telegraph Media Group
Comment Telegraph, le principal site Web d'actualités du Royaume-Uni, a réussi à améliorer son CLS au 75e centile de 250 %, passant de 0,25 à 0,1 en quelques mois.
Orange: les conversions des nouvelles PWA ont augmenté de 52% sur mobile
La nouvelle PWA offre également un temps de chargement moyen 30% plus rapide que l'ancien site, et a amélioré son taux de rebond de 12% et la profondeur des sessions de 18%.
Mainline Menswear met en œuvre des PWA et enregistre une augmentation de 55% de son taux de conversion
Mainline Menswear met en œuvre une progressive web app (PWA) et enregistre une augmentation de 55% du taux de conversion pour les utilisateurs ayant installé l'application avec des fonctionnalités de mise en cache et hors connexion.
Zalando a réduit le délai d'analyse des performances de 1 jour à 15 minutes grâce à Lighthouse CI
L'équipe Web de Zalando a constaté que l'intégration de Lighthouse CI permettait d'adopter une approche proactive des performances, avec des vérifications d'état automatisées capables de comparer l'engagement actuel à la branche principale pour éviter les régressions de performances.
Le site Web de Lowe' est l'un des sites d'e-commerce les plus performants.
En développant un système automatisé de contrôle et de test des performances, l'équipe Site Speed de Lowe's site Speed teste les demandes d'extraction par rapport aux budgets de performance et évite les baisses de performances lors de la mise en production.
Vodafone: l'amélioration de 31% du LCP a permis d'augmenter les ventes de 8%
En réalisant un test A/B spécifiquement axé sur l'optimisation des signaux Web, Vodafone a constaté qu'une amélioration de 31% du LCP entraînait une augmentation de 8% des ventes, une amélioration de 15% du taux de visites et de consultation du panier, et de 11 %.
Wix a amélioré les performances de son site Web en faisant évoluer son infrastructure
Étude de cas portant sur des modifications majeures introduites par Wix pour améliorer les performances de chargement de millions de sites Web, afin qu'ils puissent obtenir de bons scores PageSpeed Insights et Signaux Web essentiels.
Comment les optimisations CLS ont permis à Yahoo! JAPAN News a augmenté de 15 % le nombre de pages vues par session
En utilisant Search Console et Lighthouse pour surveiller les signaux Web essentiels, l'équipe a découvert des opportunités d'optimisation du score CLS de 0,2, ce qui a entraîné une augmentation de 15 % du nombre de pages vues par session, une augmentation de 13 % de la durée des sessions et une diminution de 1,72 % du taux de rebond.
Agrofy: une amélioration du LCP de 70% corrélée à une réduction de 76% de l'abandon de chargement
Découvrez comment Agrofy a amélioré son taux d'abandon de charge en se concentrant sur les Signaux Web essentiels.
Abandon d'Excalidraw Electron au profit de la version Web
Excalidraw est un tableau blanc virtuel collaboratif qui vous permet d'esquisser facilement des diagrammes qui semblent dessinés à la main. Dans le cadre du projet Excalidraw, nous avons décidé d'abandonner Excalidraw Desktop, un wrapper Electron pour Excalidraw, au profit d'une version Web que vous pouvez et que vous pouviez toujours trouver sur excalidraw.com. Après une analyse approfondie, nous avons décidé que les progressive web apps (PWA) étaient l'avenir sur lequel nous voulons nous appuyer.
Le nombre d'installations de la PWA de l'outil de montage vidéo de Clipchamp enregistre une croissance mensuelle de 97 %
Découvrez comment les PWA, WebAssembly et ChromeOS contribuent à améliorer les performances et l'expérience de 12 millions d'utilisateurs d'un éditeur vidéo Web.
Les utilisateurs de PWA sont 2,5 fois plus susceptibles d'acheter Gravit Designer PRO
Les utilisateurs de PWA sont également 24% plus actifs que tous les autres types d'installation, deviennent des utilisateurs réguliers 31% plus que toutes les autres plates-formes, et plus encore.
JD.ID améliore son taux de conversion sur mobile de 53% grâce aux stratégies de mise en cache, à l'installation et aux notifications push
Comment JD.ID a augmenté son taux de conversion sur mobile global de 53%, son taux de conversion sur mobile de 200 % et son nombre d'utilisateurs actifs par jour de 26%.
Rakuten 24 investit dans les PWA augmente de 450 % la fidélisation de ses utilisateurs
L'installation de son application Web lui a permis d'augmenter le trafic, la fidélisation des visiteurs, les ventes par client et le nombre de conversions.
NDTV a amélioré de 55% son LCP en optimisant les signaux Web essentiels
À l'aide d'outils tels que PageSpeed Insights , web.dev/measure et WebPageTest, l'équipe du NDTV a analysé les domaines d'amélioration potentiels et a investi dans les Signaux Web essentiels pour réussir.
Comment l'accent mis sur les performances Web a permis d'améliorer de 35 % le taux de clics de Tokopedia
Créer un tableau de bord des performances Web et optimiser JavaScript, les ressources et la page d'accueil pour assurer le succès de l'entreprise
Comment la ZDF a créé une PWA vidéo avec le mode sombre et le mode hors connexion
Découvrez comment la ZDF a créé une progressive web app (PWA) avec des fonctionnalités modernes telles que le fonctionnement hors connexion, l'installation et le mode sombre.
Comment la PWA de Goibibo a amélioré les conversions de 60%
Découvrez comment Goibibo, la première agence de voyages en ligne en Inde, a enregistré une augmentation de 60% de ses conversions en créant des expériences utilisateur fiables entre ses PWA et ses applications iOS/Android.
Comment Mercado Libre est optimisé pour les signaux Web (TBT/FID)
Résumé du travail de l'équipe en charge de l'architecture de l'interface de Mercado Libre pour optimiser le FID à l'aide de la métrique de proxy (TBT).
Gagnez des millisecondes, gagnez des millions
Une amélioration de 0,1 seconde dans quatre métriques de vitesse peut améliorer les taux de progression sur l'ensemble de l'entonnoir d'achat.
Étude de cas sur l'API Wake Lock: augmentation de 300% des indicateurs d'intention d'achat sur BettyCrocker.com
Étude de cas sur l'implémentation de l'API Wake Lock sur le site de cuisine BettyCrocker.com
Comment Google a amélioré les performances des annonces grâce à l'attribut "stale-while-revalidate"
Cette étude de cas explique comment Google a augmenté les métriques clés liées à l'activité publicitaire en optimisant les performances de son script d'annonces tiers à l'aide de l'état "obsolète" lors de la revalidation.
La vitesse sur eBay.com
Cette étude de cas explique comment eBay a augmenté ses métriques commerciales clés en optimisant les performances de ses expériences sur le Web et dans les applications.
OYO Lite: une application Web TWA avec le meilleur des applis Web et Android
Découvrez comment une start-up du secteur de l'hôtellerie a créé une application Android basée sur le contenu Web pour accroître considérablement l'engagement utilisateur et réduire la taille des fichiers.
Cinq façons dont AirSHIFT a amélioré les performances d'exécution de son application React
Découvrez comment l'équipe AirSHIFT a utilisé la virtualisation des tables, les données RUM, le chargement différé, les workers Web, les budgets de performance et les hackathons pour optimiser les performances d'exécution de son application React.
Comment Truebil a choisi le Web pour se développer
Cette étude de cas explique comment l'équipe de Truebil a augmenté les conversions et l'engagement en optimisant la rapidité et la fiabilité de son application Web.
OpenSooq a augmenté l'engagement en investissant dans le Web
Découvrez comment l'équipe OpenSooq a utilisé les bonnes pratiques pour créer une progressive web app de place de marché fiable et attrayante.
Comment nous intégrons Google Earth au Web
Améliorer l'accès multinavigateur à Google Earth avec WebAssembly
Intégrer les service workers dans la recherche Google
Lorsque vous recherchez à peu près n'importe quel sujet sur Google, une page de résultats pertinents et pertinents s'affiche. Ce que vous ignoriez probablement, c'est que cette page de résultats de recherche pouvait être affichée par une technologie Web puissante, appelée service worker.
Nikkei atteint un niveau inédit en termes de qualité et de performances grâce à sa PWA de plusieurs pages
Avec une histoire de publication de plus de 140 ans, Nikkei est l'une des sociétés de médias les plus fiables au Japon. Afin d'améliorer l'expérience utilisateur et de développer son activité sur le Web, Nikkei a lancé avec succès une progressive web app en novembre 2017, et obtient d'excellents résultats grâce à cette nouvelle plate-forme.
George.com améliore l'expérience de ses mobinautes grâce à une nouvelle progressive web app
George.com est une grande marque de vêtements au Royaume-Uni, qui appartient à ASDA Walmart. Après être passé à une progressive web app (PWA), la marque a enregistré une augmentation de 31 % du nombre de conversions sur mobile. Les attentes des
La nouvelle progressive web app de BookMyShow génère 80% de conversions en plus
BookMyShow est la plus grande agence de billetterie en Inde, avec 50 millions de visiteurs mensuels. L'entreprise a développé une version améliorée de son site Web mobile à l'aide d'une progressive web app (PWA), en optimisant la vitesse et en supprimant les contraintes liées aux données. Résultat : une augmentation de 80 % du nombre de conversions.
Ele.me améliore les temps de chargement des performances grâce à une progressive web app de plusieurs pages
Ele.me est la plus grande entreprise de commande et de livraison de repas en Chine continentale. L'entreprise a conçu sa progressive web app (PWA) sous la forme d'une application de plusieurs pages pour améliorer son expérience Web mobile. Elle la rend plus rapide et plus fiable lorsque la connexion est irrégulière, tout en répondant à ses besoins opérationnels afin de mieux répondre aux besoins de ses clients.
Tonite de la danse en WebVR
Dance Tonite est une collaboration RV en constante évolution avec le groupe LCD Soundsystem et ses fans. Intégré à WebVR, le projet fonctionne sur toutes les plates-formes (avec et sans RV), ce qui donne aux utilisateurs un rôle différent dans l'expérience en fonction de leur appareil. Jonathan Puckey, Moniker, l'équipe Data Arts de Google et l'équipe Data Arts de Google, créateurs de projets, ont pu atteindre des performances de haute qualité (près de 60 FPS pour 3DoF et 90 FPS pour 6DoF) et une expérience utilisateur attrayante sur toutes les plates-formes grâce à un codebase unique.
La PWA Twitter Lite améliore considérablement l'engagement et réduit la consommation des données
La progressive web app Twitter Lite associe le meilleur du Web moderne et des fonctionnalités natives pour offrir une expérience plus performante, avec des objectifs explicites de chargement instantané, d'engagement utilisateur et de consommation de données réduite.
OLX booste le réengagement sur le Web mobile de 250% grâce à une progressive web app
Pour OLX, la création d'une progressive web app a permis d'augmenter l'engagement de 250% et de réduire le délai avant interactivité des pages de 23%
Ola favorise la mobilité d'un milliard d'Indiens grâce à une progressive web app
Ola est le principal agrégateur de taxis d'Inde. Sa mission acharnée est d'encourager la mobilité d'un milliard d'Indiens. L'entreprise est présente dans plus de 100 villes indiennes grâce à un réseau d'environ 600 000 conducteurs partenaires. Ola
Mynet multiplie par 4 son expérience Web mobile et augmente ses revenus de 25% grâce aux PWA basées sur les pages AMP.
Chaque mois, Mynet propose à plus de 34 millions de visiteurs du contenu et des services liés à l'actualité, aux vidéos, aux jeux, à la finance, à l'information et au divertissement. Après avoir lancé une progressive web app (PWA) utilisant des pages
La nouvelle PWA de MakeMyTrip.com multiplie ses taux de conversion par trois.
Après le lancement d'une progressive web app, MakeMyTrip.com a triplé son taux de conversion sur le Web mobile, tandis que la vitesse de chargement des pages s'est améliorée de 38%.
Infobae multiplie par deux le temps passé sur son site mobile grâce à une progressive web app
Infobae a tiré parti des service workers pour fournir des performances fiables sur des réseaux peu fiables. Sa PWA de pointe a obtenu un score de performances de 93/100 sur Lighthouse, un outil automatisé permettant de mesurer la qualité des pages Web.
Lancôme transforme son site Web mobile en PWA et enregistre une augmentation de 17 % de ses conversions
Pour générer à la fois le trafic et le réengagement, la marque de cosmétiques de luxe Lancôme a lancé une progressive web app (PWA) afin d'offrir une expérience rapide semblable à celle d'une application sur le Web mobile.
Jumia enregistre une augmentation de 33% du taux de conversion et 12 fois plus d'utilisateurs sur les PWA
Le trafic vers les PWA de Jumia a plus de 12 fois dépassé celui de son application native et continue d'augmenter. Jumia a également enregistré une diminution de 50% du taux de rebond
0h h1
0h h1 est un jeu amusant (et addictif) adapté aux mobiles. J'ai toujours aimé les possibilités infinies de la technologie Web, et je me considère comme heureuse de l'avoir adoptée il y a si longtemps, car ces dernières années ont vu les améliorations
Progressive web app chez Voot
Voot.com lance sa progressive web app multimédia en Inde. Quelques jours après l'implémentation, le temps de session par utilisateur a augmenté de 39% et le nombre de vues quotidiennes par utilisateur de 15%. Voot est l'un des meilleurs produits de
Sur la piste du père Noël en tant que PWA
Consulter le site L'application Sur la piste du père Noël a rapidement été mise à niveau vers une progressive web app hors connexion pour la période des fêtes 2016. en partie grâce à la mise en scène actuelle. Chez Google, Sur la piste du père Noël
Principales interactions dans le labo WebVR
Accéder à l'atelier Les concepteurs de sites Web connaissent l'idée du responsive design, c'est-à-dire qu'ils créent un site Web capable de fonctionner sur différents appareils, tels que les téléphones mobiles, les tablettes et les ordinateurs, ainsi
Afficher du texte dans WebVR
Une plate-forme dédiée au storytelling en réalité virtuelle est disponible partout, y compris sur le Web. Grâce à WebVR, les spectateurs peuvent accéder à un site Web, cliquer sur un lien et regarder immédiatement les films d'In sider en RV immersive, y compris avec des casques haut de gamme. Au cours du processus de développement, l'équipe a découvert que l'affichage du texte était difficile dans ce nouvel environnement. Elle a donc créé un exemple utilisant des nuanceurs pour le rendre plus fluide.
Bear 71 et WebVR
Regarder le documentaire WebVR est une API intégrée aux navigateurs qui combine le rendu stéréo et le suivi de la tête en temps réel, ce qui permet de profiter rapidement et facilement de contenus de RV en ligne. WebVR permet aux créateurs de contenu
Matterport VR pour WebVR
Consulter le site Grâce à la prise en charge de WebVR, Matterport permet d'explorer plus facilement des lieux réels dans la réalité virtuelle immersive. Comme il n'y a pas d'application à télécharger, WebVR réduit les abandons et permet aux
Lignes fixes
Les lignes fixes sont une expérience qui vous permet d'explorer des images satellite Google Earth par gestes. En combinant le machine learning, des algorithmes optimisés et la puissance de la carte graphique,ce test est capable de fonctionner efficacement sur le navigateur Web de votre téléphone, sans avoir besoin de serveurs backend. Voici un aperçu de notre processus de développement et des différentes approches que nous avons essayées, qui nous ont mené au résultat final.
The Weather Channel
The Weather Company, une société IBM, répond en moyenne à 40 milliards de demandes de prévisions chaque jour, ce qui aide les gens à planifier leur vie quotidienne et à prendre de meilleures décisions en fonction de la météo.
Compagnie de croisières Carnival
Carnival Cruise Line fournit un service de communication personnalisé et attrayant à ses clients grâce aux notifications push. Télécharger l'étude de cas au format PDF Carnival Cruise Line, l'une des plus grandes entreprises de voyages de loisirs au
Smart Lock pour The Guardian
Télécharger l'étude de cas au format PDF Guardian News & Media (GNM) publie theguardian.com, l'un des plus grands sites d'actualités de qualité anglophone au monde. Depuis le lancement de ses éditions numériques en Australie et aux États-Unis en
Smart Lock pour AliExpress
Télécharger l'étude de cas au format PDF Créée en avril 2010, AliExpress est une place de marché mondiale qui s'adresse aux consommateurs du monde entier. Elle permet aux consommateurs du monde entier d'acheter directement auprès de grossistes et de
Housing.com augmente ses conversions et réduit son taux de rebond de 40% grâce à une nouvelle PWA
Télécharger l'étude de cas au format PDF Housing.com est l'une des plus grandes start-up indiennes. En bonne voie pour recevoir 50 millions de visites cette année, il est devenu l'une des principales plates-formes d'annonces immobilières en ligne en
Mesurer l'impact réel des service workers sur les performances
Mesurer l'impact réel des service workers sur les performances
The Washington Post
AMP aide le Washington Post à augmenter de 23 % le nombre d'utilisateurs connus issus de la recherche sur mobile Télécharger l'étude de cas au format PDF Avec près de 55% de son trafic provenant d'appareils mobiles, le Washington Post sait qu'il est
Créer la progressive web app Google I/O 2016
Créer la PWA Google I/O 2016 à l'aide de composants Web
eXtra Electronics
United eXtra Electronics voit ses ventes e-commerce augmenter de 100% grâce aux notifications push Web Télécharger l'étude de cas au format PDF eXtra est le premier marchand d'électronique grand public et d'électroménager en Arabie saoudite. Il
Jumia
Les notifications push aident Jumia à inverser l'abandon de panier et à multiplier le nombre de conversions par neuf. Télécharger l'étude de cas au format PDF Jumia est l'un des principaux sites Web d'e-commerce en Afrique. La plupart de leurs
BaBe
La progressive web app multinavigateur de BaBe rivalise avec les performances des applications natives. Télécharger l'étude de cas au format PDF Lancée en 2013, BaBe est la plus grande application d'agrégateur d'actualités en Indonésie. Il a été
Konga
Konga réduit sa consommation de données de 92% grâce à sa nouvelle progressive web app Télécharger l'étude de cas au format PDF Lancé en 2012, Konga est un site Web d'e-commerce majeur au Nigeria. Il vend des livres, des réfrigérateurs et des
8 km
5 miles (8 km) diminue son taux de rebond de 50% et augmente ses conversions de 60% grâce à une nouvelle progressive web app Télécharger l'étude de cas au format PDF "Vendez ce que vous avez et achetez ce que vous voulez!" est la devise de 5 miles (8
Suumo
Le principal site d'annonces immobilières au Japon booste les nouvelles annonces grâce aux notifications push Web et enregistre un taux d'ouverture de 31 %. Télécharger l'étude de cas au format PDF SUUMO est le premier site d'immobilier au Japon,
Sessions artistiques virtuelles
Six artistes ont été invités à peindre, dessiner et sculpter en RV.
Net-A-Porter
Net-A-Porter gagne du temps de développement grâce à la bibliothèque Polymer de Google L'équipe NET-A-PORTER a mis en œuvre une conception basée sur des composants sur ses propriétés en ligne à l'aide de la bibliothèque Polymer de Google. Cela a
Flipkart triple son temps passé sur son site grâce à une progressive web app
En 2015, Flipkart, le plus grand site d'e-commerce indien, a adopté une stratégie axée uniquement sur les applications et a fermé temporairement son site Web mobile. L'entreprise a trouvé de plus en plus difficile d'offrir une expérience utilisateur aussi rapide et attrayante que celle de son application mobile. Flipkart a ensuite décidé de repenser son approche de développement. Elle a été attirée par le Web mobile par l'introduction de fonctionnalités permettant de l'exécuter instantanément, de fonctionner hors connexion et de susciter de nouveau l'intérêt des utilisateurs.
Créer un sabre laser avec Polymer
Configurer un projet WebGL avec un FPS élevé avec Polymer
Google+
Nous avons atteint notre objectif de ne jamais télécharger en une seule fois plus de 60 000 fichiers HTML, 60 000 JavaScript et 60 000 CSS !
Au-delà du rack
Beyond the Rack réengage les utilisateurs sur le Web mobile et augmente ses revenus par visite de 26% grâce aux notifications push.
AirHorner.com
AirHorner est une progressive web app simple, mais puissante, qui met en lumière la puissance des service workers et l'API Web Audio pour vous proposer votre propre sirène. Utilisez-le pour agacer vos amis ou collègues, que vous soyez en ligne, hors connexion ou sur un réseau 2G instable.
Service workers en production
Découvrez comment nous avons utilisé des bibliothèques de service worker pour rendre l'application Web Google I/O 2015 rapide et prioritaire en mode hors connexion. L' application Web Google I/O 2015 de cette année a été écrite par l'équipe
Madeon Adventure Machine
Madeon Adventure Machine est une promotion astucieuse pour le nouvel album de Madeon, qui est une boîte à rythmes amusante. Adventure Machine est une application vraiment simple, mais elle fait très bien son travail. En utilisant Web Audio et
Bibliothèque Hummingbird
Bibliothèque Hummingbird: une nouvelle interface rafraîchissante pour Hummingbird, un site de découverte et de suivi des vidéos d'animation populaire. Les fans d'anime (comme moi, le nombre de vues indiqué sur la capture d'écran est bien réel!) sont
Adsy.me
Adsy.me permet de créer facilement et rapidement des microsites pour mobile. Adsy.me est un outil qui permet à n'importe quel utilisateur de créer un (micro) site Web mobile. J'ai immédiatement gagné ma confiance en mangeant sa propre version
Petite Alchimie
Little Alchem: jeu de combinaison amusant et adapté aux mobiles, inspiré par Alchemy, son grand frère. Little Alchemy est un excellent exemple d'utilisation optimale de toutes les dernières fonctionnalités de la plate-forme Web. Elle utilise le
Hacker News Reader
Hacker News Reader: un incroyable lecteur optimisé pour Hacker News. Une expérience de lecture belle et hautement optimisée pour Hacker News. Cette application fonctionne bien et fonctionne bien sur les mobiles, les tablettes et les ordinateurs. Le
Sommet des développeurs Chrome 2014
Le site Web du Chrome Dev Summit 2014 a été conçu en interne par Paul Lewis, et le site Web des CDS expliquait comment créer une expérience Web mobile exceptionnelle pour les visiteurs de conférences.
Joyeux Pixmas
Merry Pixmas: amusez-vous à Noël avec les transformations CSS 3D. Une démo sur le thème de Noël qui fonctionne bien sur ordinateur et sur mobile. Il est même compatible avec de nouvelles couleurs de thème et un fichier manifeste Web pour une
Filtre Web
Web Filters (Filtres Web): filtres d'appareil photo rapides, rapides et défectueux. Une application d'appareil photo Web plutôt géniale qui vous permet d'appliquer des filtres en temps réel. Il enregistre automatiquement l'image sur votre appareil
SVG
SVGOMG: interface responsive, magnifique et matérielle pour SVGO. Conçu par notre propre Jake Archibal, SVGOMG est un exemple presque parfait d'un outil entièrement réactif et performant écrit à l'aide de technologies Web. Elle présente un beau
L'expérience du Hobbit 2014
Ajouter le jeu WebRTC à Hobbit Experience À l'occasion de la sortie du nouveau film sur le Hobbit, "Le Hobbit: La Bataille des Cinq Armées", nous avons travaillé à l'extension de l'expérience Chrome de l'année dernière, Un voyage dans la Terre du
Compiler avec Chrome
Intégrer des briques LEGO® au Web multi-appareils Build with Chrome, un test amusant pour les utilisateurs de Chrome sur ordinateur, lancé à l'origine en Australie, a été relancé en 2014 avec une disponibilité mondiale, des liens avec LE FILM LEGO®
Le Frontal de la Terre du Milieu
Présentation du développement multi-appareil Dans notre premier article sur le développement de l'expérimentation Chrome Un voyage dans la Terre du Milieu, nous nous sommes concentrés sur le développement WebGL pour les appareils mobiles. Dans cet
L'expérience du Hobbit
Donner vie à la Terre du Milieu avec WebGL pour mobile Historiquement, il a été difficile de proposer des expériences interactives, basées sur le Web et axées sur le multimédia sur les mobiles et les tablettes. Les principales contraintes ont été les
Étude de cas : The Sounds of Racer
Racer est un test Chrome multijoueur et multi-appareil. Jeu de voitures miniatures rétro sur plusieurs écrans. Sur un téléphone ou une tablette, Android ou iOS. Tout le monde peut y participer. Aucune application Aucun téléchargement Sur le Web
Étude de cas : Building Racer
Racer est un test Chrome mobile basé sur le Web développé par Active Theory. Jusqu'à cinq amis peuvent connecter leurs téléphones ou tablettes pour courir sur tous les écrans. Armés du concept, de la conception et du prototype du Google Creative Lab,
Étude de cas : Inside World Wide Maze
World Wide Maze est un jeu dans lequel vous devez guider une bille à travers des labyrinthes 3D créés à partir de sites Web pour essayer d'atteindre des points d'arrivée. Le jeu utilise de nombreuses fonctionnalités HTML5. Par exemple, l'événement
Création du Roll It
Roll It est un test Chrome qui revisite un jeu de plage classique en utilisant uniquement le navigateur sur votre téléphone et votre ordinateur. Le navigateur de votre téléphone vous permet de viser et de lancer la bille d'un geste de poignet, tandis
Mise en page Web nouvelle génération – Géant des forêts de National Geographic
Les outils du CSS et de la mise en page du navigateur peuvent permettre de créer des visualisations époustouflantes pour le contenu Web. L'utilisation de fonctionnalités Web telles que les filtres CSS, WebGL, la vidéo HTML5, le SVG, le canevas et les
Étude de cas : expérience Google I/O 2013
Pour susciter l'intérêt des développeurs sur le site Web de Google I/O 2013 avant l'ouverture des inscriptions à la conférence, nous avons développé une série d'expériences et de jeux axés sur les interactions tactiles, l'audio génératif et le
Étude de cas : redimensionnement automatique des jeux HTML5
À l'été 2010, nous avons créé Sand Trap, un jeu que nous avons présenté à un concours de jeux HTML5 pour téléphones mobiles. Toutefois, la plupart des téléphones mobiles n'affichaient qu'une partie du jeu ou le rendaient trop petit, ce qui le rendait
Étude de cas - Trouvez le chemin vers Oz
Find Your Way to Oz est un nouvel test Google Chrome sur le Web, proposé par Disney. Il vous permet de faire un voyage interactif dans un cirque du Kansas, qui vous mène au pays d'Oz après avoir été emporté par une énorme tempête. Notre objectif
Étude de cas : JAM with Chrome
Comment nous avons rendu l'interface utilisateur géniale JAM with Chrome est un projet musical Web créé par Google. JAM with Chrome permet à des utilisateurs du monde entier de former un groupe et de jouer en temps réel dans le navigateur. DinahMoe a
100 000 étoiles
Bonjour! Je m'appelle Michael Chang et je fais partie de l'équipe Data Arts de Google. Nous avons récemment terminé 100 000 étoiles, un test Chrome qui permet de visualiser les étoiles proches. Le projet a été créé avec THREE.js et CSS3D. Dans cette
Étude de cas : JAM with Chrome
Comment nous avons créé un son de qualité JAM with Chrome est un projet musical Web créé par Google. JAM with Chrome permet à des utilisateurs du monde entier de former un groupe et de jouer en temps réel dans le navigateur. DinahMoe a eu le grand
Movi Kanti Revo – Partie 1 – Construire le monde 3D
Movi.Kanti.Revo est une nouvelle expérience Chrome sensorielle conçue par le Cirque du Soleil et développée par Subatomic Systems. Elle fait découvrir l'émerveillement du Cirque du Soleil sur le Web grâce à des technologies Web modernes. Le test a
Étude de cas : SONAR, développement de jeux HTML5
L'été dernier, j'ai travaillé en tant que responsable technique sur un jeu WebGL commercial appelé SONAR. La réalisation du projet a pris environ trois mois et a été entièrement réalisée à partir de zéro en JavaScript. Lors du développement de SONAR,
Étude de cas : création de Technitone.com
Technitone.com associe WebGL, Canvas, Web Sockets, CSS3, JavaScript, Flash et la nouvelle API Web Audio dans Chrome. Cet article aborde tous les aspects de la production: le plan, le serveur, les sons, les visuels et certains des workflows que nous
Étude de cas : Bouncy Mouse
Après avoir publié Bouncy Mouse sur iOS et Android à la fin de l'année dernière, j'ai tiré quelques enseignements très importants. Parmi les principaux points, il a souligné qu'il est difficile de pénétrer un marché établi. Sur le marché saturé de
Étude de cas : MathBoard HTML5
MathBoard sur iPad, une application PalaSoftware, est une application très soignée avec de nombreuses animations subtiles mais naturelles et un aspect réaliste unique. L'objectif était de réaliser la conversion de l'application iPad vers HTML5 avec
Étude de cas – Création du doodle Google Stanisław Lem
La page d'accueil Google offre un environnement fascinant pour coder. Elle s'accompagne de nombreuses restrictions complexes: une attention particulière portée à la vitesse et à la latence, la nécessité de s'adapter à toutes sortes de navigateurs et
Étude de cas : Informations en temps réel dans Stream Congress
Avec WebSockets et EventSource, HTML5 permet aux développeurs de créer des applications Web qui communiquent en temps réel avec un serveur. Stream Congress (disponible sur le Chrome Web Store ) fournit des informations en direct sur le fonctionnement
Étude de cas : Conversion de Wordico de Flash à HTML5
Lorsque nous avons converti notre jeu de mots croisés Wordico de Flash vers HTML5, notre première tâche a été de désapprendre tout ce que nous savions sur la création d'une expérience utilisateur riche dans le navigateur. Alors que Flash proposait
Étude de cas : Onslaught! Salle
En juin 2010, nous avons appris que le magazine local Boing Boing organisait un concours de développement de jeux. Nous avons vu cela comme une excellente excuse pour créer un jeu simple et rapide en JavaScript et <canvas>. Nous nous sommes
Étude de cas : Effet de page tournée sur 20thingsilearned.com
En 2010, F-i.com et l'équipe Google Chrome ont collaboré sur une application Web éducative basée sur HTML5 intitulée 20 Things I Learned about Browsers and the Web ( www.20thingsilearned.com ). L'une des idées clés de ce projet était qu'il serait
Étude de cas : s'emmêler avec le canevas HTML5
Au printemps dernier (2010), je me suis intéressé à la prise en charge croissante du HTML5 et des technologies associées. À l'époque, un ami et moi-même nous défiions mutuellement lors de compétitions de développement de jeux de deux semaines pour
Étude de cas : Glisser-déposer de téléchargements dans Chrome
Le glisser-déposer est l'une des nombreuses fonctionnalités de HTML 5. Il est compatible avec Firefox 3.5, Safari, Chrome et IE. Google a récemment déployé une nouvelle fonctionnalité qui permet aux utilisateurs de Google Chrome de faire glisser des
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.
BILIBILI taps MediaPipe's on-device web AI solution to improve video stream UX and boost session duration by +30%
Learn how the web enabled immersive 3D experiences to help customers understand and explore physical products.
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
Case Study - HTML5 in deviantART muro
On August 7, 2010, deviantART celebrated its 10th birthday. We celebrated our birthday by launching an HTML5 drawing tool called deviantART muro. The tool can be used as a stand-alone web application as well as a lightweight drawing tool for adding