{"id":9877,"date":"2020-04-19T18:14:00","date_gmt":"2020-04-19T21:14:00","guid":{"rendered":"https:\/\/geekblogti.wpengine.com\/?p=9877"},"modified":"2024-09-24T18:27:59","modified_gmt":"2024-09-24T21:27:59","slug":"pwa-o-que-e-vale-a-pena","status":"publish","type":"post","link":"https:\/\/www.geekhunter.com/pt/blog\/pwa-o-que-e-vale-a-pena\/","title":{"rendered":"PWA: o que \u00e9? Vale a pena?"},"content":{"rendered":"\r\n<p class=\"wp-block-paragraph\">O que \u00e9 PWA? De forma direta, PWA \u00e9 uma sigla para <em>Progressive Web Apps<\/em> ou Aplica\u00e7\u00e3o Web Progressiva, numa tradu\u00e7\u00e3o livre.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">De uma maneira bem resumida, PWA visa proporcionar uma experi\u00eancia de uso de uma p\u00e1gina web pelo smartphone semelhante a de um aplicativo mobile.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Quer saber mais? Neste artigo abordarei tudo o que h\u00e1 de mais relevante sobre o universo de PWA, continue a leitura.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Por que precisamos de PWA?<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">\u00c9 fato que houve um crescimento exponencial de usu\u00e1rios de smartphones na \u00faltima d\u00e9cada. Atualmente, mais de 60% da web acontece na palma de sua m\u00e3o, via dispositivos mobile (Dados retirados da <strong><a href=\"https:\/\/www.statista.com\/statistics\/284202\/mobile-phone-internet-user-penetration-worldwide\/\" target=\"_blank\" rel=\"noreferrer noopener\">pesquisa de uso mobile do Statista<\/a><\/strong>).<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">E os motivos pela qual precisamos de PWA s\u00e3o dos mais variados:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>portabilidade<\/li>\r\n<li>limita\u00e7\u00f5es de hardware<\/li>\r\n<li>f\u00e1cil acesso \u00e0 web<\/li>\r\n<li>aumento do n\u00famero de servi\u00e7os on-line<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Com mais usu\u00e1rios nos smartphones, a otimiza\u00e7\u00e3o da experi\u00eancia do usu\u00e1rio nestes dispositivos \u00e9 fundamental.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Para empresas menores, que geralmente n\u00e3o t\u00eam aplicativos nativos devido a restri\u00e7\u00f5es or\u00e7ament\u00e1rias ou de tempo, o uso de PWA \u00e9 uma grande oportunidade para conquistar clientes, oferecendo uma boa experi\u00eancia dentro de suas possibilidades.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Alguns usu\u00e1rios podem preferir um aplicativo em vers\u00e3o Web para evitar o download e a instala\u00e7\u00e3o em fun\u00e7\u00e3o de restri\u00e7\u00f5es de hardware ou mem\u00f3ria de seu aparelho.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Dependendo do setor de atua\u00e7\u00e3o da empresa, esse pode ser um fator relevante a ser levado em conta.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Caracter\u00edsticas de um PWA<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">De acordo com o <a href=\"https:\/\/infrequently.org\/2015\/06\/progressive-apps-escaping-tabs-without-losing-our-soul\/\" target=\"_blank\" rel=\"noreferrer noopener\">Alex Russell<\/a>, do Google, um Progressive Web App deve ser:<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>Progressivo:<\/strong> Funcionar para qualquer usu\u00e1rio, independentemente do navegador, pois \u00e9 criado com aprimoramento progressivo como princ\u00edpio fundamental.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>Responsivo: <\/strong>Se adequar a qualquer formato: desktop, smartphone, tablet ou o que for inventado a seguir.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>Independente de conectividade:<\/strong> Aprimorado com service workers para trabalhar off-line ou em redes de baixa qualidade.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>Semelhante a aplicativos:<\/strong> Parecer com aplicativos, com intera\u00e7\u00f5es e navega\u00e7\u00e3o de estilo de aplicativos, pois \u00e9 compilado no modelo de shell de aplicativo.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>Atual:<\/strong> Deve estar sempre atualizado gra\u00e7as ao processo de atualiza\u00e7\u00e3o do service worker.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>Seguro:<\/strong> Fornecido via HTTPS para evitar invas\u00f5es e garantir que o conte\u00fado n\u00e3o seja adulterado.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>Descobr\u00edvel:<\/strong> Poder ser identificado como &#8220;aplicativo&#8221; gra\u00e7as aos manifestos W3C e ao escopo de registro do service worker, que permitem que os mecanismos de pesquisa os encontrem.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>Reenvolvente:<\/strong> Facilitar o reengajamento com recursos como notifica\u00e7\u00f5es push.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>Instal\u00e1vel:<\/strong> Permitir que os usu\u00e1rios salvem os aplicativos mais \u00fateis em suas telas iniciais sem precisar acessar uma loja de aplicativos.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>Link\u00e1vel:<\/strong> Compartilhado facilmente por URL, n\u00e3o requer instala\u00e7\u00e3o complexa.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Como funciona um PWA?<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Um PWA possui alguns componentes t\u00e9cnicos que trabalham juntos para fazer o aplicativo web funcionar como deveria, s\u00e3o estes:<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" class=\"wp-image-9888\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/04\/pwaaaaa-1024x276.jpeg\" alt=\"pwa\" \/>\r\n<figcaption>Componentes t\u00e9cnicos de um PWA<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Service Worker<\/h3>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Nossos aplicativos web conversam diretamente com a internet e, se n\u00e3o houver rede, n\u00e3o tem aplicativo web.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">No primeiro acesso, o<strong> service worker<\/strong> armazena os recursos necess\u00e1rios no cache do navegador e quando o usu\u00e1rio visitar o aplicativo novamente, o service worker verifica o cache e retorna com o resultado antes mesmo de verificar a rede.<br \/><br \/>Caso n\u00e3o saiba, um service worker \u00e9 um componente de c\u00f3digo JavaScript que funciona como um proxy entre o navegador e a rede.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Ele gerencia as notifica\u00e7\u00f5es por push e ajuda a criar o aplicativo web offline usando a API de cache do navegador.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Isso pode turbinar o desempenho do seu aplicativo, esteja o dispositivo conectado ou n\u00e3o \u00e0 Internet.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Manifest<\/h3>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">O arquivo <strong>Manifest<\/strong> \u00e9 um arquivo JSON que cont\u00e9m as informa\u00e7\u00f5es do seu aplicativo, como o \u00edcone a ser exibido quando adicionado \u00e0 tela inicial, o nome abreviado do aplicativo, a cor do plano de fundo ou o tema.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Um exemplo do arquivo Manifest.json:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">{\r\n\"short_name\": \"Gabba\",\r\n\"name\": \"Gabba Hey\",\r\n\"icons\": [\r\n{\r\n\"src\": \"\/images\/gabba.png\",\r\n\"type\": \"image\/png\",\r\n\"sizes\": \"192x192\"\r\n},\r\n{\r\n\"src\": \"\/images\/icons-512.png\",\r\n\"type\": \"image\/png\",\r\n\"sizes\": \"512x512\"\r\n}\r\n],\r\n\"start_url\": \"\/home\/?source=pwa\",\r\n\"background_color\": \"#3367D6\",\r\n\"display\": \"standalone\",\r\n\"scope\": \"\/home\/\",\r\n\"theme_color\": \"#3367D6\"\r\n}<\/pre>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>HTTPS<\/strong><\/h3>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Como os service workers interceptam as solicita\u00e7\u00f5es de rede e podem modificar os resultados, o PWA requer o uso de HTTPS.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">N\u00e3o h\u00e1 nada de especial aqui, mas \u00e9 importante ressaltar a presen\u00e7a do protocolo HTTPS por motivos de seguran\u00e7a.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Quais as vantagens do PWA?<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Existem in\u00fameros pontos positivos na utiliza\u00e7\u00e3o de ferramentas progressivas de web, como:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Podem ser usados independente do navegador ou dispositivo;<\/li>\r\n<li>Funcionam offline gra\u00e7as ao service worker;<\/li>\r\n<li>Permitem o envio de push notifications;<\/li>\r\n<li>Permite adicionar um \u00edcone na tela inicial do dispositivo;<\/li>\r\n<li>Atualiza automaticamente;<\/li>\r\n<li>Experi\u00eancia similar a um aplicativo nativo.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Existe alguma desvantagem ao usar PWA?<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Tudo depende da utiliza\u00e7\u00e3o, pode n\u00e3o ser o melhor uso quando voc\u00ea necessitar de algum requisito, como:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>NFC<\/li>\r\n<li>Bluetooth<\/li>\r\n<li>Suporte cross-browser (cada navegador \u00e9 um universo diferente);<\/li>\r\n<li>N\u00e3o estar\u00e3o na loja de aplicativos dos sistemas operacionais<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Como j\u00e1 dito, tudo depende de como ser\u00e1 aplicado o PWA. E se voc\u00ea estiver trabalhando em um grande projeto, n\u00e3o h\u00e1 a necessidade de optar entre uma coisa ou outra.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Voc\u00ea pode utilizar tanto um aplicativo nativo quanto um PWA juntos, como fazem a Microsoft e o Facebook, por exemplo. S\u00e3o experi\u00eancias similares, por\u00e9m diferentes, para p\u00fablicos diferentes conforme suas necessidades.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>Onde encontrar bons exemplos de PWA?<\/strong><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Voc\u00ea pode encontrar bons <strong>exemplos de PWA<\/strong> para fins de estudo ou uso profissional aqui.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Quer saber mais sobre o mundo do desenvolvimento web? Confira este artigo sobre a origem e o futuro do <a href=\"https:\/\/www.geekhunter.com\/pt\/blog\/mercado-front-end-da-origem-ate-o-futuro\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>front-end<\/strong><\/a>!<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>O que \u00e9 PWA? De forma direta, PWA \u00e9 uma sigla para Progressive Web Apps ou Aplica\u00e7\u00e3o Web Progressiva, numa tradu\u00e7\u00e3o livre. De uma maneira bem resumida, PWA visa proporcionar uma experi\u00eancia de uso de uma p\u00e1gina web pelo smartphone semelhante a de um aplicativo mobile. Quer saber mais? Neste artigo abordarei tudo o que [&hellip;]<\/p>\n","protected":false},"author":167,"featured_media":9880,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-9877","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimiento-de-software"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.5 (Yoast SEO v28.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>PWA: o que \u00e9? vale a pena? Quais as vantagens e desvantagens?<\/title>\n<meta name=\"description\" content=\"Neste artigo abordamos tudo o que h\u00e1 de mais novo e relevante sobre o universo de PWA. Ficou curioso? Acesse e saiba mais!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PWA: o que \u00e9? Vale a pena?\" \/>\n<meta property=\"og:description\" content=\"O que \u00e9 PWA? De forma direta, PWA \u00e9 uma sigla para Progressive Web Apps ou Aplica\u00e7\u00e3o Web Progressiva, numa tradu\u00e7\u00e3o livre. De uma maneira bem resumida,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Geekhunter\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/geekhunterbr\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-19T21:14:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-24T21:27:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/04\/pwa-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"620\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Geekhunter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@geekhunterbr\" \/>\n<meta name=\"twitter:site\" content=\"@geekhunterbr\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Geekhunter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/pwa-o-que-e-vale-a-pena\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/pwa-o-que-e-vale-a-pena\\\/\"},\"author\":{\"name\":\"Geekhunter\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/person\\\/9f62b173345139f7bbdaf55312c3d400\"},\"headline\":\"PWA: o que \u00e9? Vale a pena?\",\"datePublished\":\"2020-04-19T21:14:00+00:00\",\"dateModified\":\"2024-09-24T21:27:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/pwa-o-que-e-vale-a-pena\\\/\"},\"wordCount\":916,\"publisher\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/pwa-o-que-e-vale-a-pena\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/pwa-2.png\",\"articleSection\":[\"Desenvolvimiento de software\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/pwa-o-que-e-vale-a-pena\\\/\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/pwa-o-que-e-vale-a-pena\\\/\",\"name\":\"PWA: o que \u00e9? vale a pena? Quais as vantagens e desvantagens?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/pwa-o-que-e-vale-a-pena\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/pwa-o-que-e-vale-a-pena\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/pwa-2.png\",\"datePublished\":\"2020-04-19T21:14:00+00:00\",\"dateModified\":\"2024-09-24T21:27:59+00:00\",\"description\":\"Neste artigo abordamos tudo o que h\u00e1 de mais novo e relevante sobre o universo de PWA. Ficou curioso? Acesse e saiba mais!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/pwa-o-que-e-vale-a-pena\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/pwa-o-que-e-vale-a-pena\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/pwa-o-que-e-vale-a-pena\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/pwa-2.png\",\"contentUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/pwa-2.png\",\"width\":1280,\"height\":620,\"caption\":\"PWA\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/pwa-o-que-e-vale-a-pena\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mundo TI\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/category\\\/mundo-ti\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Desenvolvimiento de software\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/category\\\/mundo-ti\\\/desenvolvimiento-de-software\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"PWA: o que \u00e9? Vale a pena?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/\",\"name\":\"Blog de TI\",\"description\":\"Dicas para o RH e profissionais da \u00e1rea TI\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\",\"name\":\"GeekHunter\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/icon-1.png\",\"contentUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/icon-1.png\",\"width\":300,\"height\":300,\"caption\":\"GeekHunter\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/geekhunterbr\\\/\",\"https:\\\/\\\/x.com\\\/geekhunterbr\",\"https:\\\/\\\/www.instagram.com\\\/geekhunterbr\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/geekhunter-brasil\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@GeekHunterOfficial\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/person\\\/9f62b173345139f7bbdaf55312c3d400\",\"name\":\"Geekhunter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"caption\":\"Geekhunter\"},\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/author\\\/matias\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"PWA: o que \u00e9? vale a pena? Quais as vantagens e desvantagens?","description":"Neste artigo abordamos tudo o que h\u00e1 de mais novo e relevante sobre o universo de PWA. Ficou curioso? Acesse e saiba mais!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/","og_locale":"pt_BR","og_type":"article","og_title":"PWA: o que \u00e9? Vale a pena?","og_description":"O que \u00e9 PWA? De forma direta, PWA \u00e9 uma sigla para Progressive Web Apps ou Aplica\u00e7\u00e3o Web Progressiva, numa tradu\u00e7\u00e3o livre. De uma maneira bem resumida,","og_url":"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/","og_site_name":"Blog Geekhunter","article_publisher":"https:\/\/www.facebook.com\/geekhunterbr\/","article_published_time":"2020-04-19T21:14:00+00:00","article_modified_time":"2024-09-24T21:27:59+00:00","og_image":[{"width":1280,"height":620,"url":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/04\/pwa-2.png","type":"image\/png"}],"author":"Geekhunter","twitter_card":"summary_large_image","twitter_creator":"@geekhunterbr","twitter_site":"@geekhunterbr","twitter_misc":{"Escrito por":"Geekhunter","Est. tempo de leitura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/#article","isPartOf":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/"},"author":{"name":"Geekhunter","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/person\/9f62b173345139f7bbdaf55312c3d400"},"headline":"PWA: o que \u00e9? Vale a pena?","datePublished":"2020-04-19T21:14:00+00:00","dateModified":"2024-09-24T21:27:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/"},"wordCount":916,"publisher":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/04\/pwa-2.png","articleSection":["Desenvolvimiento de software"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/","url":"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/","name":"PWA: o que \u00e9? vale a pena? Quais as vantagens e desvantagens?","isPartOf":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/#primaryimage"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/04\/pwa-2.png","datePublished":"2020-04-19T21:14:00+00:00","dateModified":"2024-09-24T21:27:59+00:00","description":"Neste artigo abordamos tudo o que h\u00e1 de mais novo e relevante sobre o universo de PWA. Ficou curioso? Acesse e saiba mais!","breadcrumb":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.geekhunter.com/pt/blog\/pwa-o-que-e-vale-a-pena\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/#primaryimage","url":"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2020\/04\/pwa-2.png","contentUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2020\/04\/pwa-2.png","width":1280,"height":620,"caption":"PWA"},{"@type":"BreadcrumbList","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/pwa-o-que-e-vale-a-pena\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.geekhunter.com/pt/blog\/"},{"@type":"ListItem","position":2,"name":"Mundo TI","item":"https:\/\/www.geekhunter.com/pt/blog\/category\/mundo-ti\/"},{"@type":"ListItem","position":3,"name":"Desenvolvimiento de software","item":"https:\/\/www.geekhunter.com/pt/blog\/category\/mundo-ti\/desenvolvimiento-de-software\/"},{"@type":"ListItem","position":4,"name":"PWA: o que \u00e9? Vale a pena?"}]},{"@type":"WebSite","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#website","url":"https:\/\/www.geekhunter.com\/pt\/blog\/","name":"Blog de TI","description":"Dicas para o RH e profissionais da \u00e1rea TI","publisher":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.geekhunter.com/pt/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization","name":"GeekHunter","url":"https:\/\/www.geekhunter.com\/pt\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2024\/10\/icon-1.png","contentUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2024\/10\/icon-1.png","width":300,"height":300,"caption":"GeekHunter"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/geekhunterbr\/","https:\/\/x.com\/geekhunterbr","https:\/\/www.instagram.com\/geekhunterbr\/","https:\/\/www.linkedin.com\/company\/geekhunter-brasil\/","https:\/\/www.youtube.com\/@GeekHunterOfficial"]},{"@type":"Person","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/person\/9f62b173345139f7bbdaf55312c3d400","name":"Geekhunter","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","caption":"Geekhunter"},"url":"https:\/\/www.geekhunter.com\/pt\/blog\/author\/matias\/"}]}},"_links":{"self":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts\/9877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/comments?post=9877"}],"version-history":[{"count":0,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts\/9877\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/media\/9880"}],"wp:attachment":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/media?parent=9877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/categories?post=9877"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/tags?post=9877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}