O que é PWA? \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 18 Horas 53 Min 30 Seg Tempo restante da oferta: 18 53 30 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) O que é PWA? [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) # O que é PWA? Veja neste artigo o que é PWA. [ Ana Paula de Andrade ](https://www.treinaweb.com.br/blog/autor/ana-paula-andrade) 6 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/12/o_que_e_pwa.png) Progressive Web App ou simplesmente PWA é uma metodologia utilizada por desenvolvedores que busca oferecer ao usuário uma experiência similar ao uso de um aplicativo nativo sem a necessidade de instalação. Em palavras mais simples, o usuário estará acessando uma página web utilizando o seu smartphone, porém vivendo a experiência de um usuário que está acessando um aplicativo nativo, já que os navegadores atuais colaboram com seus recursos modernos para tornar esta experiência ainda mais agradável e intuitiva. [ ![PWA - Progressive Web Apps](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/pwa.svg) Curso PWA - Progressive Web Apps Conhecer o curso ](https://www.treinaweb.com.br/curso/progressive-web-apps) ## Principais características de um PWA Diversas são as empresas que utilizam PWA, dentre elas: Pinterest, Twitter, Trivago, Lancôme, entre outras. Dentre as suas diversas características listadas de acordo com o Google Developers, podemos citar: 1. Progressivo: Funcional em qualquer que seja o contexto independente do navegador que o usuário esteja utilizando. 2. Responsivo: Adaptação do site a qualquer tamanho de tela, seja um smartphone ou uma TV Smart, por exemplo. 3. Independente de conectividade: Utiliza tecnologias que garantem o funcionamento das principais funcionalidades da aplicação sem a necessidade de conectividade, podendo também ser acessado por redes que possuem baixa qualidade. 4. Semelhante a aplicativos: Como disse anteriormente, o usuário terá a mesma experiência que utilizar um aplicativo (mesma estrutura visual, por exemplo). 5. Sempre atualizados: Como uma PWA nada mais é que um site que se adapta à tela do smartphone, todas as alterações feitas no site são refletidas na PWA. 6. Seguro: Pois são fornecidas pelo protocolo HTTPS. 7. Descobríveis: Aplicações PWA são reconhecidas facilmente pelos mecanismos de buscas como um App. 8. Reenvolvente - Facilita o reengajamento com recursos como notificações push. 9. Instalável: Mesmo não havendo a necessidade de instalação, caso o usuário queira fixá-lo em sua tela principal, é possível, dispensando assim a necessidade de abrir o navegador. O mesmo irá se comportar semelhante a um aplicativo (fixado em tela principal). 10. Linkável: Compartilhado facilmente por URL. ## Vantagens de um PWA As características por si só já são bastante vantajosas na utilização do PWA, mas podemos incrementar esta lista com as seguintes vantagens: - A complexidade do desenvolvimento de um PWA comparado a um aplicativo nativo é um dos grandes atrativos em sua utilização, já que basta alguma alterações em uma página web para que ela se comporte como uma PWA; - Tempo estimado para o seu desenvolvimento é menor do que o tempo utilizado na construção de um aplicativo mobile; - Possui foco no baixo consumo de dados, permitindo que diversos usuários tenham acesso à aplicação sem consumir muita banda; - Menor custo para o desenvolvimento, já que, caso a empresa já possua um site, o mesmo poderá ser “transformado” em um PWA, diminuindo assim os custos com uma equipe de desenvolvimento mobile, entre outros. [ ![IA Para Devs - Criando aplicações assistidas por IA com Gemini CLI](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/ia-para-devs.svg) Curso IA Para Devs - Criando aplicações assistidas por IA com Gemini CLI Conhecer o curso ](https://www.treinaweb.com.br/curso/ia-para-devs-criando-aplicacoes-assistidas-por-ia-com-gemini-cli) ## Desvantagem de um PWA Como já dizia o ditado, “nem tudo na vida são flores”, e isso também pode ser aplicado ao PWA. As suas vantagens são diversas, como citadas acima, mas as desvantagens também existem e podemos listá-las como: - A principal desvantagem de um PWA é a limitação no uso de recursos de hardware dos dispositivos. Caso uma aplicação necessite acessar diversos deles, o aplicativo nativo seria o mais indicado; - Não constam em lojas de aplicativos e por isso não podem ser baixados diretamente por lá; - Por ser utilizado direto no navegador, não possuem integração com qualquer outro aplicativo; - Não possui interface tão fluida quanto a de uma aplicação nativa, entre outros. ## Podemos concluir que… O que devemos pensar é que o desenvolvedor não deve optar pela escolha de um PWA ou de uma aplicação nativa, mas sim analisar a sua situação como um todo na hora de se decidir qual utilizar. A maioria das aplicações possuem as duas opções, tanto o PWA quanto a aplicação nativa, pois como vimos durante todo o artigo, as vantagens de uma aplicação nativa no momento também se sobressaem à criação de um PWA, já que o mesmo também possui algumas limitações. Desta forma, entender as características de um PWA em relação a uma aplicação nativa é uma excelente forma de adequar às suas reais necessidades. Uma aplicação nativa trará todos os recursos disponíveis do seu projeto, enquanto a PWA trará toda a velocidade e será acessível a todos os usuários (principalmente aos que possuem acesso limitado à conexão). Antes de se perguntar se **[deve transformar o seu site em um PWA](https://www.treinaweb.com.br/blog/devo-transformar-meu-site-em-uma-pwa/ "deve transformar o seu site em um PWA")**, é importante analisar as suas reais necessidades em transformá-lo e adequar o seu negócio à necessidade do seu cliente, que é o mais importante a ser considerado! :) - [ #JavaScript ](https://www.treinaweb.com.br/blog/tag/javascript) - [ #pwa ](https://www.treinaweb.com.br/blog/tag/pwa) Autor ![Ana Paula de Andrade](//secure.gravatar.com/avatar/76297b487187c82ae476e823018dbfc0?d=mm) ## Ana Paula de Andrade Graduanda em Sistemas de Informação pelo Instituto Federal da Bahia. É responsável pelo atendimento ao cliente, gerenciamento de redes sociais e revisão de cursos, além da redação de artigos para o blog da TreinaWeb. [Todos os artigos](https://www.treinaweb.com.br/blog/autor/ana-paula-andrade) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2017/11/13144813/devo-transformar-meu-site-em-uma-pwa-400x280.jpg) [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 9 anos atrás ## [ Devo transformar meu site em uma PWA? ](https://www.treinaweb.com.br/blog/devo-transformar-meu-site-em-uma-pwa) Você sabe o que é uma PWA? Será que vale a pena transformar o seu site em uma? Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2017/12/13103521/chrome53-400x280.png) [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 9 anos atrás ## [ Novidades do Chrome 63 para os desenvolvedores ](https://www.treinaweb.com.br/blog/novidades-do-chrome-63-para-os-desenvolvedores) Veja algumas das novidades presentes no Chrome 63, última versão do navegador a ser lançada em 2017. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2024/04/sistemas-mensageria-min-400x280.png) [ Arquitetura de Software ](https://www.treinaweb.com.br/blog/categoria/arquitetura-de-software) 3 anos atrás ## [ O que é e quais as diferenças entre Kafka, RabbitMQ e AWSSQS ](https://www.treinaweb.com.br/blog/o-que-e-e-quais-as-diferencas-entre-kafka-rabbitmq-e-awssqs) Confira nesse artigo o que são sistemas de mensageria, o que são e quais as diferenças entre Kafka, RabbitMQ e AWSSQS. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/12/TS-ZOD-400x280.jpg) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 3 anos atrás ## [ O que é o Zod? ](https://www.treinaweb.com.br/blog/o-que-e-o-zod) Neste artigo vamos ter uma introdução sobre o Zod, uma biblioteca de declaração e validação de dados em TypeScript e criar um exemplo de como utilizá-la. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/11/Clean-Architecture-400x280.png) [ Arquitetura de Software ](https://www.treinaweb.com.br/blog/categoria/arquitetura-de-software) 3 anos atrás ## [ O que vem a ser a Clean Architecture? ](https://www.treinaweb.com.br/blog/o-que-vem-a-ser-a-clean-architecture) Confira nesse artigo uma introdução do que é a Clean Architecture, quais seus componentes e os benefícios ao utilizar essa arquitetura. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/08/code-review-400x280.png) [ Engenharia de Software ](https://www.treinaweb.com.br/blog/categoria/engenharia-de-software) 3 anos atrás ## [ O que é code review e quais são os benefícios? ](https://www.treinaweb.com.br/blog/o-que-e-code-review-e-quais-sao-os-beneficios) Confira neste artigo o que vem a ser o code review e quais são os benefícios de colocar isso em prática no seu time. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/05/closure-400x280.jpg) [ Desenvolvimento ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento) 4 anos atrás ## [ O que é Closure ](https://www.treinaweb.com.br/blog/o-que-e-closure) Neste artigo, veremos o que é Closure e por que é tão importante entendê-lo para saber o que acontece por debaixo dos panos na linguagem. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/02/CSS-JS-400x280.jpg) [ CSS ](https://www.treinaweb.com.br/blog/categoria/css) 4 anos atrás ## [ O que é PostCSS e suas funcionalidades ](https://www.treinaweb.com.br/blog/o-que-e-postcss-e-suas-funcionalidades) Neste artigo veremos uma ferramenta que vem auxiliando muito os desenvolvedores durante seus projetos, sendo ela, PostCSS. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/12/BFF-400x280.jpg) [ Arquitetura de Software ](https://www.treinaweb.com.br/blog/categoria/arquitetura-de-software) 4 anos atrás ## [ O que é BFF? ](https://www.treinaweb.com.br/blog/o-que-e-bff) Conheça neste artigo o pattern arquitetural BFF (Backend For Frontend). Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/11/O-QUE-E-HTML-400x280.jpg) [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 4 anos atrás ## [ O que é HTML? ](https://www.treinaweb.com.br/blog/o-que-e-html) No artigo de hoje, será abordado o tema HTML, nele irá conter desde sua história, quem o criou e como deve ser montada sua estrutura. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/10/o-que-e-e-como-comecar-com-golang-400x280.jpg) [ Desenvolvimento Back-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-back-end) 4 anos atrás ## [ O que é e como começar com Go (Golang)? ](https://www.treinaweb.com.br/blog/o-que-e-e-como-comecar-com-golang) Neste artigo vamos ter o contato inicial com a linguagem Go (Golag) e aprender um pouco sobre as suas características e como funciona a sua sintaxe. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/09/EVENT-STORMING-400x280.jpg) [ Arquitetura de Software ](https://www.treinaweb.com.br/blog/categoria/arquitetura-de-software) 4 anos atrás ## [ O que é o Event Storming? ](https://www.treinaweb.com.br/blog/o-que-e-o-event-storming) Em situações complexas, pode ser complicado enxergar as fronteiras entre domínios, subdomínios e bounded contexts. Para auxiliar nessa missão, existe uma técnica que pode ser utilizada: trata-se do Event Storming. Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **18h 53min 30s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58