Las Progressive Web APPs (PWA) son una nueva tecnología en el mundo de las aplicaciones móviles. De momento solo está implementada en navegadores Chrome y para sistemas operativos Android.
PWA es un proyecto que brinda la mejor usabilidad de una web con la integración de una APP, permitiendo incluir un acceso directo en la pantalla de nuestro móvil, e incluso trabajar con toda la web a través de cache y de forma Offline. Es como un híbrido que aúna características de una página web con los beneficios de una APP nativa.
El imparable uso del móvil ha dado lugar a nuevas tecnologías que permiten al usuario una mejor navegación y usabilidad, en este campo, nace la PWA que aúna lo mejor de una web y lo mejor de una app nativa.
Una de las características es la posibilidad que ofrece de trabajar sin conexión. Las PWA incluyen el almacenamiento del contenido en el caché al abrir la app por primera vez, después de esta primera visita, el contenido puede estar disponible sin necesidad de conexión.
Una Progressive Web Apps solicita al usuario que instale la aplicación en la pantalla de inicio de su dispositivo lo que supone una mayor visibilidad de marca para el negocio ya que se incorporará un icono con el logo de la empresa en la pantalla del dispositivo.
Otra de las ventajas es que al abrir una PWA online se accede siempre a la versión actualizada de la aplicación y no como en el caso de las nativas que requieren de actualizaciones por parte del usuario.
En digitalDot realizamos integraciones de Progressive Web APP sobre cualquier web corporativa o tienda online, trabajando con los mejores gestores de contenido como WordPress, Joomla o Drupal, e incluso sobre tecnologías web de Ecommerce como son Magento, Woocomerce o Prestashop.
Ahora nos toca meternos en faena y os vamos a mostrar la última adaptación que hemos realizado de una Web sobre PWA en Joomla.
Primeramente, os dejaremos un listado de puntos imprescindibles que debemos revisar en nuestra web, recomendaciones directamente de Google: Progressive Web App Checklist
Tras el análisis encontramos una web con un 58% en puntuación PWA, por lo que revisamos la implantación y la adaptación.
Para activar los servicios worker necesitaremos estos 3 ficheros en el root de nuestra página web.
Una vez subido debemos añadir las etiquetas siguientes antes del fin de </head> en nuestro caso en nuestro Template se encuentra en el index.php
| <meta name="viewport" content="width=Device-width, user-scalable=no" /> <meta name="theme-color" content="#000"/>
<link rel="manifest" href="manifest.json" /> |
Ahora debemos incluir nuestra llamada al pwabuilder-sw.js con la siguiente sintaxis antes de la etiqueta </body> en nuestro caso también se encontraba en el fichero de estructura del Template elegido en Joomla.
| <script> if (navigator.serviceWorker.controller) { console.log('[PWA Builder] active service worker found, no need to register') } else { //Register the ServiceWorker navigator.serviceWorker.register('pwabuilder-sw.js', { scope: './' }).then(function(reg) { console.log('Service worker has been registered for scope:'+ reg.scope); }); } </script> |
Ahora descargamos la librería manup.js y la copiamos a la raíz de nuestro directorio web
Y añadimos la línea a nuestro template, también justo antes de </body>
| <script src="manup.js"></script> |
Al volver a pasar nuestro informe de Lighthouse Report hemos aumentando nuestro rendimiento un 4%, hemos llegado a un 100% en SEO y Posicionamiento.
Y obtenemos un 81% de puntuación en Progressive Web APP, ahora vamos a comprobar si tenemos reconocido el manifest.json entrando con Chrome, iniciando el modo desarrollo y usando la pestaña Aplication.
Reparando algunos errores y dando un poco de tiempo a la implantación hemos conseguido obtener un 100% de puntuación en nuestra Progressive web APP.
La competencia en el mundo online es brutal por lo que no vale solamente con tener una web si no que hay que tenerla al día de las nuevas tecnologías que se están imponiendo, en la mayoría de los casos, para mejorar la experiencia de los usuarios.
Si tenéis una página web o tienda online y queréis seguir estando al día os invitamos a que os pongáis en contacto con el equipo de desarrollo web de digitalDot y juntos poder seguir estando presentes en el mundo online.
A comienzos de enero de 2026, nuestro equipo de seguridad web de digitalDot identificó dos vulnerabilidades relevantes en el módulo gsnippetsreviews para PrestaShop, un módulo verificado y ampliamente utilizado en tiendas online basadas en esta plataforma. La detección se produjo a raíz de una incidencia real en un cliente nuestro,…
Si tienes una tienda online, seguro que te suena esta película: inviertes en tráfico, la gente entra, mira, añade al carrito… y desaparece. O compra una vez y no vuelve. Y mientras tanto, tú mandas algún newsletter suelto de vez en cuando, con un cupón y “a ver si cuela”.…
Google ha vuelto a poner en marcha su maquinaria de actualizaciones de algoritmo, y la comunidad SEO está atenta a los cambios que esto implica. En el año 2023, Google ha lanzado cuatro actualizaciones de núcleo, en marzo, agosto, octubre y noviembre. Aunque Google no proporciona detalles específicos sobre los…
La Unión Europea ha aprobado el Reglamento de Inteligencia Artificial (AI Act), la primera normativa integral del mundo diseñada para regular el diseño, desarrollo, uso y comercialización de sistemas de IA en la UE. Además si no lo cumples, puedes pagar una multa de hasta 35 millones de euros.El objetivo…
La Prestashop Developer Conference de noviembre de 2025 ha sido un evento clave para la comunidad de desarrolladores, agencias y tiendas online que trabajan con la plataforma Prestashop. Durante la conferencia, se anunciaron novedades de Prestashop, nuevas funcionalidades y mejoras significativas que cambiarán la forma en que interactuamos con la…
Canva ha vuelto a revolucionar el mundo del diseño con su Canva World Tour 2025, presentando una oleada de novedades que combinan inteligencia artificial, automatización y creatividad sin límites. Lo que antes era una herramienta para hacer posts bonitos, ahora es un ecosistema completo de diseño, marketing y análisis que…
Competir por las palabras clave de la competencia en Google Ads es una práctica cada vez más común entre las marcas que buscan ganar visibilidad y captar clientes potenciales. Tanto Google como Microsoft Ads permiten pujar por el nombre de un competidor, pero hacerlo sin una estrategia sólida puede resultar…
Tener una tienda online no se trata únicamente de vender productos. También implica cumplir con una normativa y serie de obligaciones legales que garantizan la transparencia, la protección de datos y los derechos de los consumidores. En digitalDot, como agencia de marketing digital, diseño y desarrollo web, ayudamos a ecommerce…
En un entorno digital cada vez más enfocado en la privacidad, la capacidad de medir con precisión el rendimiento de las campañas se ha convertido en un desafío crítico. Las restricciones de los navegadores y el bloqueo de anuncios limitan la visibilidad sobre el comportamiento del usuario, afectando directamente a…