{"id":9127,"date":"2018-08-07T08:11:48","date_gmt":"2018-08-07T06:11:48","guid":{"rendered":"https:\/\/www.makingscience.com\/blog\/que-son-las-pwa\/"},"modified":"2018-08-07T08:11:48","modified_gmt":"2018-08-07T06:11:48","slug":"que-son-las-pwa","status":"publish","type":"post","link":"https:\/\/www.makingscience.com\/es\/blog\/que-son-las-pwa\/","title":{"rendered":"\u00bfQU\u00c9 SON LAS PWA?"},"content":{"rendered":"
\u00bfQU\u00c9 SON LAS PWA?<\/div>\n
A d\u00eda de hoy seguro que has o\u00eddo hablar de las PWA, pero quiz\u00e1s no sepas lo que son. Desde Making Science vamos a arrojar un poco de luz sobre esta tecnolog\u00eda.<\/span> En un mundo en el que la mayor\u00eda del tr\u00e1fico es consumido desde m\u00f3viles, tener nuestra web adaptada a cualquier dispositivo es una ventaja competitiva en el mercado. <\/span> Una <\/span>Progressive Web App<\/b> no es otra cosa que una <\/span>web que mediante una tecnolog\u00eda puede comportarse como una app nativa<\/b> en los dispositivos m\u00f3viles. Ya que esto le permite tener acceso a todas las funcionalidades de los diferentes dispositivos m\u00f3viles (c\u00e1mara, micr\u00f3fono, geolocalizaci\u00f3n, orientaci\u00f3n del tel\u00e9fono, etc.) tal y como har\u00eda una app tradicional.<\/span> Con las PWA <\/span>se consigue unificar lo mejor de las apps y lo mejor de una p\u00e1gina web tradicional.<\/b> \u00bfC\u00f3mo funciona?<\/b> Las PWA constan de tres elementos clave que son: Manifest, Service Workers y Responsive.<\/span> <\/p>\n
    \n
  1. Manifest:<\/b> este c\u00f3digo va a permitir la instalaci\u00f3n de la PWA en el escritorio de un dispositivo.<\/span><\/li>\n
  2. Service Workers:<\/b> es un script que corre en segundo plano que va a permitir a la app almacenarse en cach\u00e9 cuando se carga la primera vez. As\u00ed, en las pr\u00f3ximas visitas, podremos acceder al contenido sin conexi\u00f3n. Asimismo, tambi\u00e9n da soporte a las notificaciones push.<\/span><\/li>\n
  3. Responsive:<\/b> El desarrollo responsive del site permite que este se visualice correctamente en cualquier dispositivo. API Geolocalizaci\u00f3n y Media API: Permite el acceso a la ubicaci\u00f3n, micr\u00f3fono y c\u00e1mara del dispositivo.<\/span><\/li>\n<\/ol>\n

    \u00bfEntonces qu\u00e9 ventajas tiene una PWA?<\/b> <\/p>\n

      \n
    • La principal ventaja radica en que <\/span>no es necesario desarrollar una nueva plataforma<\/b>, si no que es suficiente con introducir la tecnolog\u00eda PWA. De este modo, en poco tiempo nuestro sitio web funcionar\u00e1 como una app en los dispositivos m\u00f3viles de nuestros visitantes. <\/span><\/li>\n
    • El <\/span>proceso de instalaci\u00f3n es muy sencillo<\/b> y no requiere de un app market para que los usuarios accedan a ella.<\/span><\/li>\n
    • Encontrarla es muy sencillo<\/b> ya que se hace desde el buscador de nuestro navegador.<\/span><\/li>\n
    • Permite el<\/span> env\u00edo de notificaciones push<\/b>.<\/span><\/li>\n
    • Las <\/span>actualizaciones<\/b> se realizan de<\/span> manera autom\u00e1tica.<\/b><\/li>\n
    • Se puede <\/span>acceder sin conexi\u00f3n.<\/b><\/li>\n
    • La <\/span>carga<\/b> se realiza pr\u00e1cticamente <\/span>de forma instant\u00e1nea.<\/b><\/li>\n
    • No supone gasto adicional de memoria.<\/b><\/li>\n
    • Su <\/span>desarrollo es m\u00e1s econ\u00f3mico que el de una app.<\/b><\/li>\n
    • Permite <\/span>compartir la web mediante env\u00edo de url,<\/b> cosa que una app no permite hacer.\u00a0<\/span><\/li>\n<\/ul>\n

      Gracias a todas las ventajas que hemos descrito, desarrollar tu sitio web como una <\/span>PWA <\/b>propiciar\u00e1 un aumento de la fidelizaci\u00f3n y de la tasa de conversi\u00f3n de los usuarios en nuestro sitio web.<\/i><\/b> Y, a su vez, permitir\u00e1 optimizar la experiencia de usuario.<\/span><\/div>\n","protected":false},"excerpt":{"rendered":"

      \u00bfQU\u00c9 SON LAS PWA? A d\u00eda de hoy seguro que has o\u00eddo hablar de las PWA, pero quiz\u00e1s no sepas lo que son. Desde Making Science vamos a arrojar un poco de luz sobre esta tecnolog\u00eda. En un mundo en el que la mayor\u00eda del tr\u00e1fico es consumido desde m\u00f3viles, tener nuestra web adaptada a […]<\/p>\n","protected":false},"author":21,"featured_media":9128,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[68],"class_list":["post-9127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology-ai","tag-web-development"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/posts\/9127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/comments?post=9127"}],"version-history":[{"count":0,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/posts\/9127\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/media\/9128"}],"wp:attachment":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/media?parent=9127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/categories?post=9127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/tags?post=9127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}