{"id":19972,"date":"2024-08-23T09:00:00","date_gmt":"2024-08-23T07:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=19972"},"modified":"2024-10-17T17:47:05","modified_gmt":"2024-10-17T15:47:05","slug":"pwa-que-son-progressive-web-apps","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/","title":{"rendered":"Progressive Web Apps: \u00bfQu\u00e9 son las PWA?"},"content":{"rendered":"\n<p>En 2024, las Progressive Web Apps (PWA) han revolucionado el mundo digital, ofreciendo experiencias web m\u00e1s r\u00e1pidas y eficientes que nunca. Desde grandes corporaciones hasta peque\u00f1as empresas, las PWA est\u00e1n transformando c\u00f3mo interactuamos con la tecnolog\u00eda en la vida diaria. En este art\u00edculo exploraremos y analizaremos las <strong>PWA: \u00bfQu\u00e9 son las Progressive Web Apps?<\/strong> \u00a1Te lo cuento!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 son las Progressive Web Apps?<\/h2>\n\n\n\n<p>Las Progressive Web Apps son un tipo de aplicaci\u00f3n web que opera tanto como p\u00e1gina web, como de aplicaci\u00f3n m\u00f3vil en cualquier dispositivo. Estas aplicaciones se comportan como una p\u00e1gina web normal, pero nos ofrecen caracter\u00edsticas propias de las apps m\u00f3viles como su velocidad, capacidad de funcionar sin conexi\u00f3n, lanzar notificaciones push, o usar elementos del propio dispositivo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Caracter\u00edsticas de las PWA<\/h2>\n\n\n\n<p>Actualmente, la mayor\u00eda de webs tienen <strong>dise\u00f1o responsive<\/strong>, es decir, un dise\u00f1o que les permite adaptarse a diferentes dispositivos. Lo mismo pasa con las PWAs, estas se adaptan a cualquier dispositivo. Si quieres saber m\u00e1s sobre esto, aqu\u00ed te dejo un art\u00edculo sobre el <a href=\"https:\/\/carontestudio.com\/blog\/diseno-mobile-first-responsive-web\/\">dise\u00f1o responsive<\/a>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"427\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/08\/rob-hampson-cqFKhqv6Ong-unsplash.jpg\" alt=\"PWA: \u00bfQu\u00e9 son las Progressive Web Apps? Caracter\u00edsticas\" class=\"wp-image-20527\" style=\"width:377px;height:auto\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/08\/rob-hampson-cqFKhqv6Ong-unsplash.jpg 640w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/08\/rob-hampson-cqFKhqv6Ong-unsplash-300x200.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n<\/div>\n\n\n<p>Las PWA se <strong>actualizan autom\u00e1ticamente<\/strong> y de manera constante. No hay necesidad de descargar las nuevas versiones.<\/p>\n\n\n\n<p>Una de las caracter\u00edsticas m\u00e1s importantes es su rapidez. Al apoyarse en el almacenamiento en cach\u00e9, es capaz de mostrar los contenidos al usuario casi al instante. Este <strong>almacenamiento en cach\u00e9<\/strong> permite tambi\u00e9n el acceso offline, ya que la PWA es capaz de cargar la estructura b\u00e1sica de la app, o la App Shell, aunque no pueda recoger contenido nuevo de la red.<\/p>\n\n\n\n<p>Adem\u00e1s se pueden subir a la AppStore y Google Play como si fuesen aplicaciones nativas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Elementos necesarios para una Progressive Web App<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Manifiesto de la aplicaci\u00f3n<\/h3>\n\n\n\n<p>El Manifiesto es un archivo <strong>JSON<\/strong> que usan Android y Chrome. Aqu\u00ed, se especifican las caracter\u00edsticas de la app. Algunas de estas caracter\u00edsticas son el nombre, el icono, los colores, la orientaci\u00f3n, descripci\u00f3n, URL o display. Aqu\u00ed te dejo un ejemplo de un manifiesto.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{\n  \"short_name\": \"MiPWA\",\n  \"name\": \"Mi Aplicaci\u00f3n Web Progresiva\",\n  \"icons\": &#91;\n    {\n      \"src\": \"\/images\/logo.svg\",\n      \"type\": \"image\/svg+xml\",\n      \"sizes\": \"512x512\"\n    },\n    {\n      \"src\": \"\/images\/logo-192.png\",\n      \"type\": \"image\/png\",\n      \"sizes\": \"192x192\"\n    },\n    {\n      \"src\": \"\/images\/logo-512.png\",\n      \"type\": \"image\/png\",\n      \"sizes\": \"512x512\"\n    }\n  ],\n  \"id\": \"\/?source=pwa\",\n  \"start_url\": \"\/?source=pwa\",\n  \"background_color\": \"#3367D6\",\n  \"display\": \"standalone\",\n  \"scope\": \"\/\",\n  \"theme_color\": \"#3367D6\", \n  \"description\": \"Este es un ejemplo de manifiesto\",  \n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Service Workers<\/h3>\n\n\n\n<p>Service Workers es una API de JavaScript capaz de instalar un script en el cliente. Este script hace las funciones de un proxy entre el navegador y el servidor. Una <strong>Service Worker <\/strong>puede mandar informaci\u00f3n a ciertas direcciones, recibir notificaciones push, interceptar peticiones de cliente, almacenar datos en cach\u00e9 o actualizar la p\u00e1gina, entre otras cosas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTTPS<\/h3>\n\n\n\n<p>Estas aplicaciones emplean el protocolo <strong>HTTPS<\/strong>, que posibilita el acceso seguro y cifrado. Adem\u00e1s, se usan tecnolog\u00edas como <strong>TLS <\/strong>para cifrar las PWA.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Icono<\/h3>\n\n\n\n<p>Para poder instalarse en los dispositivos, las PWA necesitan de un icono para su <strong>acceso directo<\/strong>. Este icono debe estar disponible en varios tama\u00f1os para los diferentes tipos de pantallas en los que se vaya a ver. Este estar\u00e1 declarado en el manifiesto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ventajas de las Progressive Web Apps<\/h2>\n\n\n\n<p>Estas son las principales ventajas que ofrecen las Aplicaciones Web Progresivas.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pueden lanzar notificaciones push en el dispositivo.<\/li>\n\n\n\n<li>Los tiempos de carga son menores.<\/li>\n\n\n\n<li>Mejor experiencia de usuario que las Web Apps.<\/li>\n\n\n\n<li>Menor tasa de rebote.<\/li>\n\n\n\n<li>Indexables y enlazables.<\/li>\n\n\n\n<li>Desarrollo multiplataforma.<\/li>\n\n\n\n<li>Facilidad de instalaci\u00f3n.<\/li>\n\n\n\n<li>Posibilidad de acceso offline.<\/li>\n\n\n\n<li>Mejor SEO que las Web Apps.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Desventajas de las PWA<\/h2>\n\n\n\n<p>No todo va a ser positivo, las Aplicaciones Web Progresivas tambi\u00e9n tienen desventajas. Estas son algunas de ellas: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>El desarrollo de estas aplicaciones, puede ser m\u00e1s costoso. <\/li>\n\n\n\n<li>Consumen datos, tiempo y espacio en el dispositivo. <\/li>\n\n\n\n<li>Las PWA, no pueden acceder a todas las funcionalidades del dispositivo, como por ejemplo la huella dactilar o el Bluetooth. <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Ejemplos de Progressive Web Apps<\/h2>\n\n\n\n<p>Aqu\u00ed te dejo unos ejemplos de Aplicaciones Web Progresivas populares.<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"339\" height=\"339\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/pinterest-1.png\" alt=\"PWA: \u00bfQu\u00e9 son las Progressive Web Apps? Logo Pinterest\" class=\"wp-image-19978\" style=\"width:112px;height:auto\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/pinterest-1.png 339w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/pinterest-1-300x300.png 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/pinterest-1-150x150.png 150w\" sizes=\"auto, (max-width: 339px) 100vw, 339px\" \/><\/figure>\n<\/div>\n\n\n<p><a href=\"https:\/\/www.pinterest.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Pinterest<\/strong><\/a>: Las primeras aplicaciones nativas de Pinterest fueron un fracaso, la experiencia de usuario era muy mala, ya que los contenidos tardaban mucho en cargar. El equipo de Pinterest decidi\u00f3 empezar el desarrollo de cero con una PWA de tan solo 150 KB. Esta app usa<strong> image lazy loading<\/strong>, lo que permite al usuario seguir navegando mientras se cargan las im\u00e1genes. Esto resulto en un %843 de nuevos usuarios.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background\" style=\"background-color:#ffffff00;color:#ffffff00\"\/>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/spotify.png\" alt=\"PWA: \u00bfQu\u00e9 son las Progressive Web Apps? Logo Spotify\" class=\"wp-image-19976\" style=\"width:124px;height:auto\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/spotify.png 512w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/spotify-300x300.png 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/spotify-150x150.png 150w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n<\/div>\n\n\n<p><strong><a href=\"https:\/\/open.spotify.com\/intl-es\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Spotify<\/a><\/strong>: El objetivo de la PWA de Spotify, era captar nuevos usuarios en su versi\u00f3n gratuita y ofrecerles una calidad de producto incre\u00edble, y conseguir que adquiriesen la versi\u00f3n de pago. Este objetivo lo superaron pasando de un %26,6 de usuarios que pasan al plan premium, a un %46 tras el lanzamiento de la PWA.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background\" style=\"background-color:#ffffff00;color:#ffffff00\"\/>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/uber.png\" alt=\"PWA: \u00bfQu\u00e9 son las Progressive Web Apps? Logo Uber\" class=\"wp-image-19977\" style=\"width:118px;height:auto\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/uber.png 512w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/uber-300x300.png 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/uber-150x150.png 150w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n<\/div>\n\n\n<p><strong><a href=\"https:\/\/www.uber.com\/es\/es-es\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Uber<\/a><\/strong>: El equipo de Uber desarroll\u00f3 <strong>Fusion.js<\/strong> para su PWA, un Framework para agilizar la aplicaci\u00f3n, aumentar las interacciones y hacer la aplicaci\u00f3n m\u00e1s amigable para el usuario. Esto result\u00f3 en una PWA incre\u00edblemente r\u00e1pida, con una velocidad de carga de 3 segundos, incluso en una conexi\u00f3n 2G.<\/p>\n\n\n\n<p>Si quieres ver m\u00e1s casos de \u00e9xito, puedes visitar la p\u00e1gina de <a href=\"https:\/\/www.pwastats.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">estad\u00edsticas de PWA.<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background\" style=\"background-color:#ffffff00;color:#ffffff00\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n<\/div><\/div>\n\n\n\n<p>Como habr\u00e1s podido ver, las <strong>Progressive Web Apps<\/strong> nos ofrecen muchas ventajas para mejorar nuestros datos. Muchas empresas han optado ya por desarrollar PWAs, y t\u00fa, \u00bfTe animas a crear tu primera Aplicaci\u00f3n Web Progresiva? \u00a1Cu\u00e9ntanos en comentarios!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PWA: \u00bfQu\u00e9 son las Progressive Web Apps? Te contamos las caracter\u00edsticas, ventajas y usos de esta tecnolog\u00eda de la que tanto se esta hablando.<\/p>\n","protected":false},"author":22,"featured_media":19990,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[94,50],"tags":[],"class_list":["post-19972","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-programacion-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Progressive Web Apps: \u00bfQu\u00e9 son las PWA? - Caronte Web Studio<\/title>\n<meta name=\"description\" content=\"PWA: \u00bfQu\u00e9 son las Progressive Web Apps? Te contamos las caracter\u00edsticas, ventajas y usos de esta tecnolog\u00eda de la que tanto se est\u00e1 hablando\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progressive Web Apps: \u00bfQu\u00e9 son las PWA? - Caronte Web Studio\" \/>\n<meta property=\"og:description\" content=\"PWA: \u00bfQu\u00e9 son las Progressive Web Apps? Te contamos las caracter\u00edsticas, ventajas y usos de esta tecnolog\u00eda de la que tanto se est\u00e1 hablando\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de maketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-23T07:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-17T15:47:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/pwa-thumbnail.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Irune Guinea\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Irune Guinea\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/pwa-que-son-progressive-web-apps\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/pwa-que-son-progressive-web-apps\\\/\"},\"author\":{\"name\":\"Irune Guinea\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/300ad5e85146a39ec7ea40f21abc8b38\"},\"headline\":\"Progressive Web Apps: \u00bfQu\u00e9 son las PWA?\",\"datePublished\":\"2024-08-23T07:00:00+00:00\",\"dateModified\":\"2024-10-17T15:47:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/pwa-que-son-progressive-web-apps\\\/\"},\"wordCount\":867,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/pwa-que-son-progressive-web-apps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/pwa-thumbnail.jpg\",\"articleSection\":[\"Dise\u00f1o web\",\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/pwa-que-son-progressive-web-apps\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/pwa-que-son-progressive-web-apps\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/pwa-que-son-progressive-web-apps\\\/\",\"name\":\"Progressive Web Apps: \u00bfQu\u00e9 son las PWA? - Caronte Web Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/pwa-que-son-progressive-web-apps\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/pwa-que-son-progressive-web-apps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/pwa-thumbnail.jpg\",\"datePublished\":\"2024-08-23T07:00:00+00:00\",\"dateModified\":\"2024-10-17T15:47:05+00:00\",\"description\":\"PWA: \u00bfQu\u00e9 son las Progressive Web Apps? Te contamos las caracter\u00edsticas, ventajas y usos de esta tecnolog\u00eda de la que tanto se est\u00e1 hablando\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/pwa-que-son-progressive-web-apps\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/pwa-que-son-progressive-web-apps\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/pwa-que-son-progressive-web-apps\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/pwa-thumbnail.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/pwa-thumbnail.jpg\",\"width\":1250,\"height\":737},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/pwa-que-son-progressive-web-apps\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progressive Web Apps: \u00bfQu\u00e9 son las PWA?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/300ad5e85146a39ec7ea40f21abc8b38\",\"name\":\"Irune Guinea\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3002e85ac73b53aad9f60e3f1b230ffa3c9dcfcf1167b8cc8131a093f97a15da?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3002e85ac73b53aad9f60e3f1b230ffa3c9dcfcf1167b8cc8131a093f97a15da?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3002e85ac73b53aad9f60e3f1b230ffa3c9dcfcf1167b8cc8131a093f97a15da?s=96&d=mm&r=g\",\"caption\":\"Irune Guinea\"},\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/irune\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progressive Web Apps: \u00bfQu\u00e9 son las PWA? - Caronte Web Studio","description":"PWA: \u00bfQu\u00e9 son las Progressive Web Apps? Te contamos las caracter\u00edsticas, ventajas y usos de esta tecnolog\u00eda de la que tanto se est\u00e1 hablando","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:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/","og_locale":"es_ES","og_type":"article","og_title":"Progressive Web Apps: \u00bfQu\u00e9 son las PWA? - Caronte Web Studio","og_description":"PWA: \u00bfQu\u00e9 son las Progressive Web Apps? Te contamos las caracter\u00edsticas, ventajas y usos de esta tecnolog\u00eda de la que tanto se est\u00e1 hablando","og_url":"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2024-08-23T07:00:00+00:00","article_modified_time":"2024-10-17T15:47:05+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/pwa-thumbnail.jpg","type":"image\/jpeg"}],"author":"Irune Guinea","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Irune Guinea","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/"},"author":{"name":"Irune Guinea","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/300ad5e85146a39ec7ea40f21abc8b38"},"headline":"Progressive Web Apps: \u00bfQu\u00e9 son las PWA?","datePublished":"2024-08-23T07:00:00+00:00","dateModified":"2024-10-17T15:47:05+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/"},"wordCount":867,"commentCount":0,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/pwa-thumbnail.jpg","articleSection":["Dise\u00f1o web","Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/","url":"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/","name":"Progressive Web Apps: \u00bfQu\u00e9 son las PWA? - Caronte Web Studio","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/pwa-thumbnail.jpg","datePublished":"2024-08-23T07:00:00+00:00","dateModified":"2024-10-17T15:47:05+00:00","description":"PWA: \u00bfQu\u00e9 son las Progressive Web Apps? Te contamos las caracter\u00edsticas, ventajas y usos de esta tecnolog\u00eda de la que tanto se est\u00e1 hablando","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/pwa-thumbnail.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/06\/pwa-thumbnail.jpg","width":1250,"height":737},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/pwa-que-son-progressive-web-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Progressive Web Apps: \u00bfQu\u00e9 son las PWA?"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/300ad5e85146a39ec7ea40f21abc8b38","name":"Irune Guinea","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/3002e85ac73b53aad9f60e3f1b230ffa3c9dcfcf1167b8cc8131a093f97a15da?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3002e85ac73b53aad9f60e3f1b230ffa3c9dcfcf1167b8cc8131a093f97a15da?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3002e85ac73b53aad9f60e3f1b230ffa3c9dcfcf1167b8cc8131a093f97a15da?s=96&d=mm&r=g","caption":"Irune Guinea"},"url":"https:\/\/carontestudio.com\/blog\/author\/irune\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/19972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=19972"}],"version-history":[{"count":39,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/19972\/revisions"}],"predecessor-version":[{"id":21112,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/19972\/revisions\/21112"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/19990"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=19972"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=19972"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=19972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}