{"id":5123,"date":"2019-10-23T10:00:48","date_gmt":"2019-10-23T13:00:48","guid":{"rendered":"https:\/\/www.brasilwebhost.com.br\/blog\/?p=5123"},"modified":"2020-10-22T15:30:12","modified_gmt":"2020-10-22T18:30:12","slug":"o-que-sao-os-progressive-web-apps-pwa-e-por-que-voce-deve-se-importar","status":"publish","type":"post","link":"https:\/\/www.brasilwebhost.com.br\/blog\/o-que-sao-os-progressive-web-apps-pwa-e-por-que-voce-deve-se-importar\/","title":{"rendered":"O que s\u00e3o os Progressive Web Apps (PWA) e por que voc\u00ea deve se importar"},"content":{"rendered":"\n

N\u00e3o \u00e9 segredo para ningu\u00e9m que os \u00faltimos anos representaram um crescimento not\u00e1vel no uso de smartphones, tanto no Brasil quanto no mundo inteiro.<\/p>\n\n\n\n

Inclusive, vale destacar que atualmente os smartphones recebem muito mais acessos que os desktops.<\/p>\n\n\n\n

Consequentemente as empresas est\u00e3o investindo mais para desenvolver apps<\/a> para celular. Mas por acaso voc\u00ea sabe quanto custa um aplicativo<\/a>?<\/p>\n\n\n\n

Para muitas empresas ele pode ser um investimento bastante alto dado o capital dispon\u00edvel. Assim, elas optam pela elabora\u00e7\u00e3o de progressive web apps.<\/p>\n\n\n\n

N\u00e3o sabe o que \u00e9 isso? Bom, se ficou curioso acompanhe este artigo at\u00e9 o final pois falaremos tudo o que voc\u00ea precisa saber sobre o assunto. 
<\/p>\n\n\n\n

O que s\u00e3o os Progressive Web Apps?<\/h2>\n\n\n\n

Os progressive web apps s\u00e3o uma tend\u00eancia bastante recente, mas que prometem trazer grandes resultados para as a\u00e7\u00f5es de marketing digital.<\/p>\n\n\n\n

Para explicar o que s\u00e3o eles, vamos come\u00e7ar com um exemplo pr\u00e1tico, se assim podemos dizer.<\/p>\n\n\n\n

Alguma vez na vida voc\u00ea j\u00e1 teve a impress\u00e3o de, ao navegar em um site no celular, estar utilizando um aplicativo. <\/p>\n\n\n\n

Bom, se a resposta for sim, provavelmente voc\u00ea j\u00e1 usufruiu de um progressive web app. Mas iremos explicar o conceito de forma mais aprofundada.<\/p>\n\n\n\n

Basicamente, os PWA s\u00e3o softwares que transformam os navegadores em reais plataformas de apps.<\/p>\n\n\n\n

Para muitos, inclusive, eles preenchem a lacuna presente entre os sites e aplicativos m\u00f3veis. <\/p>\n\n\n\n

A nova tecnologia permite \u00e0s empresas possu\u00edrem um aplicativo nativo que roda diretamente no navegador de seus usu\u00e1rios. <\/p>\n\n\n\n

Em outras palavras, voc\u00ea pode disponibilizar um app para seus clientes utilizarem sem que seja necess\u00e1rio um download pr\u00e9vio.
<\/p>\n\n\n\n

Qual \u00e9 a import\u00e2ncia dos PWA?<\/h2>\n\n\n\n

Agora que voc\u00ea j\u00e1 conhece um pouco mais sobre este novo software, deve estar se perguntando qual \u00e9 a import\u00e2ncia dela, n\u00e3o \u00e9 mesmo?<\/p>\n\n\n\n

Bom, a grande verdade \u00e9 que muitas empresas se beneficiar\u00e3o com esta tecnologia inovadora.<\/p>\n\n\n\n

Inclusive, sites gigantescos como o Facebook e o Twitter j\u00e1 est\u00e3o se aproveitando dela. E entre os principais motivos para isso, podemos citar:<\/p>\n\n\n\n

  1. tempos de carregamento mais r\u00e1pidos;<\/li>
  2. interface de usu\u00e1rio aprimorada;<\/li>
  3. grande conveni\u00eancia e acesso.<\/li><\/ol>\n\n\n\n

    Todos esses benef\u00edcios, consequentemente, poder\u00e3o proporcionar usu\u00e1rios muito mais engajados para o seu site. <\/p>\n\n\n\n

    Al\u00e9m disso, de certa forma voc\u00ea pode beneficiar as pessoas. Isso porque ningu\u00e9m gosta de ter v\u00e1rios apps ocupando espa\u00e7o em seu celular.<\/p>\n\n\n\n

    Assim, desenvolver um progressive web app pode colaborar para tornar a vida de seus usu\u00e1rios mais din\u00e2mica e n\u00e3o acabar com a mem\u00f3ria do celular deles.<\/p>\n\n\n\n

    Tamb\u00e9m devemos pensar que a simples necessidade de instalar um app pode fazer com que voc\u00ea perca uma s\u00e9rie de clientes.<\/p>\n\n\n\n

    Os ppw diminuem as etapas entre a descoberta do app e a experi\u00eancia que o indiv\u00edduo ter\u00e1 com ele, eliminando a fase do download.<\/p>\n\n\n\n

    Quais s\u00e3o as principais caracter\u00edsticas dos PWA?<\/h2>\n\n\n\n

    Agora que voc\u00ea j\u00e1 est\u00e1 por dentro do assunto e sabe o que s\u00e3o os PWA e qual a sua import\u00e2ncia, est\u00e1 na hora de entender quais s\u00e3o as principais caracter\u00edsticas.<\/p>\n\n\n\n

    Algumas delas j\u00e1 foram citadas anteriormente, entretanto vamos list\u00e1-las abaixo para facilitar ainda mais a sua compreens\u00e3o:<\/p>\n\n\n\n

    • Progressivo: a plataforma deve atender qualquer usu\u00e1rio. Logo,n\u00e3o importa o navegador ou sistema operacional utilizado;<\/li>
    • Responsivo: o PWA deve se adequar a diferentes formatos de exibi\u00e7\u00e3o, ou seja, desktop, tablet, mobile ou qualquer outro dispositivo que, eventualmente, possa surgir;<\/li>
    • Trabalhar offline: se manter funcional, mesmo operando em redes ociosas ou offline;<\/li>
    • App-like: adotar layout, recursos e navega\u00e7\u00e3o semelhantes aos aplicativos (arquitetura de shell de aplicativo);<\/li>
    • Atualizado: deve manter-se atualizado, oferecendo atualiza\u00e7\u00f5es cont\u00ednuas, por\u00e9m, discretas aos usu\u00e1rios (service worker);<\/li>
    • Seguro: o PWA deve ser disponibilizado via HTTPS, para evitar invas\u00f5es e adultera\u00e7\u00f5es durante a troca de dados;<\/li>
    • Encontr\u00e1vel: pode ser encontrado como um \u201caplicativo\u201d em mecanismos de busca e locais em que, normalmente, se encontram apps nativos (como a tela inicial de um dispositivo);<\/li>
    • Engaj\u00e1vel: permite o reengajamento do usu\u00e1rio por meio de mensagens, emails ou notifica\u00e7\u00f5es push;<\/li>
    • Instal\u00e1vel: confere aos usu\u00e1rios a op\u00e7\u00e3o de instalar o aplicativo em suas telas iniciais, sem a necessidade de acessar uma loja de apps;<\/li>
    • Link\u00e1vel: n\u00e3o requer instala\u00e7\u00e3o complexa e \u00e9 facilmente compartilh\u00e1vel por meio da URL.<\/li><\/ul>\n\n\n\n

      Agora voc\u00ea j\u00e1 conhece as caracter\u00edsticas e vantagens dos Progressive Web Apps.<\/p>\n\n\n\n

      Lembre-se que implement\u00e1-los em sua empresa pode ser uma excelente estrat\u00e9gia, ideal para alavancar os seus neg\u00f3cios.<\/p>\n","protected":false},"excerpt":{"rendered":"

      N\u00e3o \u00e9 segredo para ningu\u00e9m que os \u00faltimos anos representaram um crescimento not\u00e1vel no uso de smartphones, tanto no Brasil quanto no mundo inteiro. Inclusive, vale destacar que atualmente os smartphones recebem muito mais acessos que os desktops. Consequentemente as empresas est\u00e3o investindo mais para desenvolver apps para celular. Mas…<\/p>\n","protected":false},"author":3,"featured_media":5124,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10],"tags":[653],"yoast_head":"\nO que s\u00e3o os Progressive Web Apps (PWA) e por que voc\u00ea deve se importar | Blog - Brasil Web Host<\/title>\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.brasilwebhost.com.br\/blog\/o-que-sao-os-progressive-web-apps-pwa-e-por-que-voce-deve-se-importar\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O que s\u00e3o os Progressive Web Apps (PWA) e por que voc\u00ea deve se importar | Blog - Brasil Web Host\" \/>\n<meta property=\"og:description\" content=\"N\u00e3o \u00e9 segredo para ningu\u00e9m que os \u00faltimos anos representaram um crescimento not\u00e1vel no uso de smartphones, tanto no Brasil quanto no mundo inteiro. Inclusive, vale destacar que atualmente os smartphones recebem muito mais acessos que os desktops. Consequentemente as empresas est\u00e3o investindo mais para desenvolver apps para celular. Mas…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.brasilwebhost.com.br\/blog\/o-que-sao-os-progressive-web-apps-pwa-e-por-que-voce-deve-se-importar\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Brasil Web Host\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brasilwebhost\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-23T13:00:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-22T18:30:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.brasilwebhost.com.br\/blog\/wp-content\/uploads\/2019\/10\/pexels-photo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1365\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@brasilwebhost\" \/>\n<meta name=\"twitter:site\" content=\"@brasilwebhost\" \/>\n<meta name=\"twitter:label1\" value=\"Written by\">\n\t<meta name=\"twitter:data1\" value=\"Gabriel Benato\">\n\t<meta name=\"twitter:label2\" value=\"Est. reading time\">\n\t<meta name=\"twitter:data2\" value=\"3 minutos\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#organization\",\"name\":\"Brasil Web Host\",\"url\":\"https:\/\/www.brasilwebhost.com.br\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/brasilwebhost\/\",\"https:\/\/www.instagram.com\/brasilwebhost\/\",\"https:\/\/www.linkedin.com\/company\/35638258\/admin\/\",\"https:\/\/www.youtube.com\/user\/brasilwebhost\",\"https:\/\/br.pinterest.com\/empresabwh\/\",\"https:\/\/twitter.com\/brasilwebhost\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#logo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/www.brasilwebhost.com.br\/blog\/wp-content\/uploads\/2019\/09\/logo.png\",\"width\":330,\"height\":54,\"caption\":\"Brasil Web Host\"},\"image\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.brasilwebhost.com.br\/blog\/\",\"name\":\"Blog - Brasil Web Host\",\"description\":\"Conhe\\u00e7a as vantagens de ser nosso cliente e usufruir do melhor atendimento.\",\"publisher\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.brasilwebhost.com.br\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/o-que-sao-os-progressive-web-apps-pwa-e-por-que-voce-deve-se-importar\/#primaryimage\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/www.brasilwebhost.com.br\/blog\/wp-content\/uploads\/2019\/10\/pexels-photo.jpg\",\"width\":2048,\"height\":1365},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/o-que-sao-os-progressive-web-apps-pwa-e-por-que-voce-deve-se-importar\/#webpage\",\"url\":\"https:\/\/www.brasilwebhost.com.br\/blog\/o-que-sao-os-progressive-web-apps-pwa-e-por-que-voce-deve-se-importar\/\",\"name\":\"O que s\\u00e3o os Progressive Web Apps (PWA) e por que voc\\u00ea deve se importar | Blog - Brasil Web Host\",\"isPartOf\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/o-que-sao-os-progressive-web-apps-pwa-e-por-que-voce-deve-se-importar\/#primaryimage\"},\"datePublished\":\"2019-10-23T13:00:48+00:00\",\"dateModified\":\"2020-10-22T18:30:12+00:00\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.brasilwebhost.com.br\/blog\/o-que-sao-os-progressive-web-apps-pwa-e-por-que-voce-deve-se-importar\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/o-que-sao-os-progressive-web-apps-pwa-e-por-que-voce-deve-se-importar\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/o-que-sao-os-progressive-web-apps-pwa-e-por-que-voce-deve-se-importar\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#\/schema\/person\/f2a0b8c85be379997ea055e0a1877eec\"},\"headline\":\"O que s\\u00e3o os Progressive Web Apps (PWA) e por que voc\\u00ea deve se importar\",\"datePublished\":\"2019-10-23T13:00:48+00:00\",\"dateModified\":\"2020-10-22T18:30:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/o-que-sao-os-progressive-web-apps-pwa-e-por-que-voce-deve-se-importar\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/o-que-sao-os-progressive-web-apps-pwa-e-por-que-voce-deve-se-importar\/#primaryimage\"},\"keywords\":\"app\",\"articleSection\":\"Dicas\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.brasilwebhost.com.br\/blog\/o-que-sao-os-progressive-web-apps-pwa-e-por-que-voce-deve-se-importar\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#\/schema\/person\/f2a0b8c85be379997ea055e0a1877eec\",\"name\":\"Gabriel Benato\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.brasilwebhost.com.br\/blog\/#personlogo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a49431593a7e9427c17943cd2bd0712b?s=96&d=mm&r=g\",\"caption\":\"Gabriel Benato\"},\"description\":\"Suporte t\\u00e9cnico Brasil Web Host\",\"sameAs\":[\"https:\/\/www.brasilwebhost.com.br\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/posts\/5123"}],"collection":[{"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=5123"}],"version-history":[{"count":2,"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/posts\/5123\/revisions"}],"predecessor-version":[{"id":5477,"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/posts\/5123\/revisions\/5477"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/media\/5124"}],"wp:attachment":[{"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=5123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=5123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.brasilwebhost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=5123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}