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.
El comercio online ya no es lo que solía ser. Ahora, no solo tienes que preocuparte de que tu tienda funcione bien, sino que también debes estar listo para que agentes de inteligencia artificial hagan el trabajo por ti. Esto es posible gracias a UCP (Universal Commerce Protocol), un protocolo…
El cumplimiento normativo ya no es algo que las empresas puedan dejar de lado en España. Desde la entrada en vigor de la Ley 2/2023 de protección de informantes, muchas organizaciones han tenido que adaptarse e implantar un canal de denuncias que permita comunicar irregularidades de forma segura y confidencial.…
Hubo un tiempo en el que mirar el posicionamiento en Google y mirar los clics era casi la misma película. Si subías posiciones, subían las visitas. Si entrabas en primera página, había premio. No era un sistema perfecto, pero al menos la lógica general se entendía. Ahora la cosa se…
Si vendes online a consumidor final, esta ley te afecta directamente. El Real Decreto Legislativo 1/2007, que aprueba la Ley General para la Defensa de los Consumidores y Usuarios, es la norma que regula las ventas B2C en España. No depende del sector, ni del tamaño de tu empresa, ni…
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,…
Cuando nos planteamos tener una web enseguida nos salta la duda de cómo se va a llamar. El dominio, es ese nombre, único y exclusivo, que vamos a otorgar a nuestra página, ecommerce o blog y que permitirá a los usuarios acceder a nuestra web. La elección de un dominio…
Si tienes una tienda online y has estado monitoreando tu tráfico en los últimos meses, es posible que hayas notado la aparición de un nuevo parámetro en tus URLs: ?srsltid. Esto ha comenzado a generar confusión entre dueños de tiendas y expertos en SEO, debido a cómo afecta la atribución…
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…