
Padrões de apps da Web
Uma coleção de padrões comuns para a criação de aplicativos da Web.
- Como tornar a meta de referência acionável com dados reais do usuário
- Liberando o poder das consultas de contêiner do CSS: lições da equipe da Netflix
- Como a Tokyu conseguiu fazer login 12 vezes mais rápido com chaves de acesso
- Por que o app Planilhas Google transferiu o worker de cálculo de JavaScript para o WasmGC?
- Menos atrito e mais controle: como o Google Meet melhorou as permissões de áudio e vídeo
- BILIBILI usa a solução de IA da Web no dispositivo da MediaPipe para melhorar a UX do stream de vídeo e aumentar a duração da sessão em 30%
- Como o Disney+ Hotstar aumentou as visualizações semanais de cards em 100% nos dispositivos de sala de estar reduzindo o INP em 61%
- 3D interativo na Web com hardware do Google: experiências educativas de produtos de última geração
- Como a plataforma de gestão de consentimento da PubTech's reduziu o INP nos sites dos clientes em até 64% e aumentou a visibilidade dos anúncios em até 1,5%
- Boas notas em todos os lugares
- Como o provedor de recomendações de conteúdo Taboola usou o LoAF para melhorar o INP em até 36% para os sites parceiros editores.
- CapCut aumenta o tráfego orgânico em 83% criando um app da Web totalmente funcional com WebAssembly e WebCodecs
- O poder da Web para ilustradores: como o Pixiv usa tecnologias da Web no app de desenho
- Como a Tokopedia reduziu os custos operacionais ao melhorar o app da Web do vendedor usando o machine learning
- Como a Trendyol reduziu o INP em 50%, resultando em um aumento de 1% na taxa de cliques
- Como o Kiwix PWA permite que os usuários armazenem gigabytes de dados da Internet para uso off-line
- Como o Yahoo! Japão aumentou a adoção de chaves de acesso para 11% e reduziu os custos de OTP por SMS
- Como a pré-busca ajudou a Terra a aumentar a taxa de cliques dos anúncios em 30% e acelerar a Maior exibição de conteúdo.
- Como o cache de avanço e retorno ajudou o Yahoo! JAPAN News aumenta a receita em 9% em dispositivos móveis
- Em busca da correção do INP
- Como a redBus melhorou a interação do site com a próxima pintura (INP) e aumentou as vendas em 7%
- Como esse jogo intriga jogadores e desenvolvedores, destacando os recursos surpreendentes do 3D no navegador
- Como criar uma Web melhor: um YouTube mais rápido
- Como o investimento da Rakuten 24 nas Principais métricas da Web aumentou a receita por visitante em 53,37% e a taxa de conversão em 33,13%
- Como o serviço de marketing e sites da GoDaddy melhorou as Principais métricas da Web em 75%
- Varejista de luxo Farfetch tem taxas de conversão mais altas para melhorar as Core Web Vitals
- A autenticação sem senha do Yahoo! JAPAN's autenticação sem senha reduziu as consultas em 25% e acelerou o tempo de login em 2,6 vezes
- Como a RebelMouse aumentou a fidelidade e o engajamento otimizando as Principais métricas da Web
- Uma experiência moderna da Web no Adobe Experience Manager com o WorkBox
- O PWA do MishiPay aumenta as transações em 10 vezes e economiza 2,5 anos de filas
- Como o The Economic Times ultrapassou os limites das Principais métricas da Web e melhorou a taxa de rejeição em 43%
- Como a Terra melhorou o engajamento dos usuários graças ao modo escuro
- Como a QuintoAndar aumentou as taxas de conversão e as páginas por sessão ao melhorar o desempenho
- Kapwing: edição avançada de vídeos para a Web
- SVGcode: um PWA para converter imagens rasterizadas em gráficos vetoriais SVG
- Melhorias nas Principais métricas da Web na página inicial do Mail.ru resultaram em um aumento médio de 10% nas taxas de conversão
- Como a Renault melhorou as taxas de rejeição e conversão medindo e otimizando a Maior exibição de conteúdo
- Como a Swappie aumentou a receita de dispositivos móveis em 42% ao focar nas Principais métricas da Web
- O impacto comercial das Principais métricas da Web
- Como o compromisso com as Principais métricas da Web aumentou as receitas de publicidade da Netzwelt em 18%
- O PWA da Blibli's gera 10 vezes mais receita por usuário do que o site móvel anterior da empresa.
- Melhoria da mudança de layout cumulativa no Telegraph Media Group
- Laranja: o novo PWA converte 52% melhor em dispositivos móveis
- Mainline Menswear implementa PWA e tem aumento de 55% na taxa de conversão
- Como a Zalando reduziu o tempo de feedback de desempenho de 1 para 15 minutos com o Lighthouse CI
- O site da Lowe's está entre os sites de e-commerce com desempenho mais rápido
- Vodafone: uma melhoria de 31% no LCP aumentou as vendas em 8%
- Como o Wix melhorou o desempenho do site desenvolvendo a infraestrutura
- Como as otimizações da CLS aumentaram o Yahoo! Japan News's visualizações de página por sessão em 15%
- Agrofy: melhoria de 70% no LCP correlacionada com uma redução de 76% no abandono no carregamento
- Suspensão do uso do Excalidraw Electron em favor da versão da Web
- Os usuários do PWA têm 2,5 vezes mais chances de comprar o Gravit Designer PRO.
- As instalações do PWA do editor de vídeos da Clipchamp têm um crescimento mensal de 97%
- JD.ID melhora a taxa de conversão em dispositivos móveis em 53% com estratégias de armazenamento em cache, instalação e notificações push
- Investimento da Rakuten 24 em PWAs aumenta a retenção de usuários em 450%
- A NDTV alcançou uma melhoria de 55% no LCP ao otimizar para as Principais métricas da Web
- Como o foco no desempenho da Web melhorou a taxa de cliques da Tokopedia em 35%
- Como a ZDF criou um PWA de vídeo com modo off-line e escuro
- Como o PWA da Goibibo aumentou as conversões em 60%
- Como o Mercado Livre otimizou as Métricas da Web (TBT/FID)
- Milissegundos, ganhe milhões
- Estudo de caso da API Wake Lock: aumento de 300% nos indicadores de intenção de compra no site BettyCrocker.com
- Como o Google melhorou a performance dos anúncios com o recurso obsoleto durante a revalidação
- Compre velocidade no eBay.com
- OYO Lite: um TWA com o melhor dos apps Android e da Web
- Cinco maneiras pelas quais o AirSHIFT melhorou o desempenho do ambiente de execução do app React
- Como a Truebil transformou a Web no canal de crescimento
- Como a OpenSooq aumentou o engajamento investindo na Web
- Como estamos disponibilizando o Google Earth na Web
- Como levar os service workers à Pesquisa Google
- Nikkei alcança um novo nível de qualidade e desempenho com seu PWA de várias páginas
- George.com aprimora a experiência do cliente em dispositivos móveis com o novo Progressive Web App
- O novo Progressive Web App do BookMyShow aumenta as conversões em 80%
- Ele.me melhora o tempo de carregamento da performance com um Progressive Web App de várias páginas
- Tonite de dança na WebVR
- Ola impulsiona a mobilidade para um bilhão de indianos com o Progressive Web App
- O novo PWA da MakeMyTrip.com triplica as taxas de conversão
- 0hH1
- Infobae aumenta o tempo gasto no site móvel com um Progressive Web App
- Jumia tem aumento de 33% na taxa de conversão, 12 vezes mais usuários no PWA
- Lancôme recria site móvel como PWA e aumenta conversões em 17%
- Mynet quadruplicou a experiência na Web para dispositivos móveis, aumentando a receita em 25% com o PWA baseado em AMP
- OLX aumenta o reengajamento na Web para dispositivos móveis em 250% com um Progressive Web App
- O Twitter Lite PWA aumenta significativamente o engajamento e reduz o uso de dados
- Progressive Web App na Voot
- Siga o Papai Noel como um PWA
- Matterport VR para WebVR
- Urso 71 e WebVR
- Renderização de texto na WebVR
- Principais interações no laboratório da WebVR
- Linhas terrestres
- Linha de cruzeiro Carnival
- The Weather Channel
- Smart Lock para o guardião
- Smart Lock para AliExpress
- Housing.com aumenta as conversões e reduz a taxa de rejeição em 40% com o novo PWA
- Como medir o impacto do desempenho no mundo real dos service workers
- The Washington Post
- Como criar o Progressive Web App do Google I/O 2016
- Eletrônicos eXtra
- Jumia
- BaBe
- Konga
- 8 milhas
- Suumo
- Sessões virtuais de arte
- Portador Net-A
- Flipkart triplica tempo no site com Progressive Web App
- Criar um sabre de luz com o Polymer
- Google+
- Além da prateleira
- AirHorner.com
- Service Workers em produção
- Biblioteca Beija-flor
- Máquina de Aventura Madeon
- Adsy.me
- Little Alchemy
- Leitor de notícias Hacker
- Chrome Dev Summit 2014
- Feliz Pixmas
- SVGOM
- Filtro da Web
- A Experiência do Hobbit 2014
- Crie com o Chrome
- O front-end da Terra-média
- A Experiência do Hobbit
- Estudo de caso - Building Racer
- Estudo de caso: The Sounds of Racer
- Estudo de caso: Inside World Wide Maze
- Criando o Roll-It
- Layout da Web de última geração: National Geographic Forest Giant
- Estudo de caso: redimensionamento automático de jogos HTML5
- Estudo de caso: Google I/O 2013 Experiment
- Estudo de caso: Encontre seu caminho até Oz
- Estudo de caso: JAM com Chrome
- Fazendo 100.000 estrelas
- Estudo de caso: JAM com Chrome
- Movi Kanti Revo - Parte 1: Construindo o mundo 3D
- Estudo de caso: SONAR, desenvolvimento de jogos HTML5
- Estudo de caso: criação do Technitone.com
- Estudo de caso: Bouncy Mouse
- Estudo de caso: HTML5 MathBoard
- Estudo de caso: criação do doodle Stanisław Lem do Google
- Estudo de caso: atualizações em tempo real no Stream Congress
- Estudo de caso - Conversão do Wordico de Flash para HTML5
- Estudo de caso - Onslaught! Arena
- Estudo de caso - Efeito Page Flip do 20thingsilearned.com
- Estudo de caso: como usar o HTML5 Canvas
- Estudo de caso - HTML5 no deviantART muro
- Estudo de caso - Download por arrastar e soltar no Chrome
- How Ray-Ban doubled conversion rate and reduced exit rate by 13% through prerendering using the Speculation Rules API
- How QuintoAndar reduced INP by 80%, increasing conversions by 36%
- How YouTube improved video performance with the Media Capabilities API
- Forbes
- Wego
- Alibaba
- AliExpress