Análisis de rendimiento del patrón PRPL para la carga de un progressive web APP /

Recientemente, en el ámbito de las páginas o aplicaciones web, se ha introducido un concepto conocido como Aplicaciones Web Progresivas o PWA's (por su nombre en inglés: Progressive Web Apps). Este término se utiliza para clasificar aplicaciones web que cumplen con un grupo de requisitos como l...

Descripción completa

Detalles Bibliográficos
Autor principal: Quintero Villarreal, José Darío (sustentante)
Otros Autores: Vargas G., Yadira A. (asesora)
Formato: Tesis Libro
Lenguaje:Spanish
Publicado: Panamá : Universidad Tecnológica de Panamá, 2020.
Materias:
LEADER 06476nam a2200457 i 4500
003 PA-PaUTB
005 20231016094040.0
007 ta
008 221205s2020 pn ad||frm||| 000 0 spa d
040 |a Sistema de Bibliotecas de la Universidad Tecnológica de Panamá 
041 0 |a spa 
082 0 4 |a 006.4  |b Q568  |q PA-PaUTB  |2 22 
100 1 |a Quintero Villarreal, José Darío,  |e sustentante  |9 6816 
245 1 |a Análisis de rendimiento del patrón PRPL para la carga de un progressive web APP /   |c José Quintero ; asesor Yadira Vargas. 
264 3 1 |a Panamá :  |b Universidad Tecnológica de Panamá,  |c 2020. 
300 |a xii, 86 hojas :  |b ilustraciones, gráficas ;  |c 28 cm.  
336 |a texto  |b txt  |2 rdacontent 
337 |a no mediado  |b n  |2 rdamedia 
338 |a volumen  |b nc  |2 rdacarrier 
502 |a Tesis (  |b Maestría ). --  |c Universidad Tecnológica de Panamá. Facultad de Ingeniería de Sistemas Computacionales. Maestría en Desarrollo de Software,   |d 2020. 
504 |a Incluye bibliografía, hojas 78 - 86 y anexos, hojas ii - xv. 
505 0 |a 1. Aspectos generales. -- 2. Marco teórico. -- 3. Metodología de trabajo. -- 4. Análisis de resultados. (Tomado de la fuente) 
506 0 |a No se presta a domicilio. 
520 |a Recientemente, en el ámbito de las páginas o aplicaciones web, se ha introducido un concepto conocido como Aplicaciones Web Progresivas o PWA's (por su nombre en inglés: Progressive Web Apps). Este término se utiliza para clasificar aplicaciones web que cumplen con un grupo de requisitos como lo son: adaptabilidad a diferentes tamaños de pantalla, uso eficiente de recursos, tiempos mínimos de carga, funcionamiento offline, entre otros. Estos permiten, en concepto, llevar a los usuarios una experiencia de aplicación móvil nativa, así como aumentar el alcance de los usuarios en dispositivos móviles bajo condiciones de desempeño adversas, como lo son ancho de banda limitado o capacidad de cómputo reducida. Con el objetivo de promover la implementación de este tipo de aplicaciones, se presenta el patrón PRPL (del inglés Push, Render, Pre-cache, Lazy-load), originado en Google, mismo proponente del concepto de PWA. Este patrón dicha la utilización de la técnica de HTTP "server push", para un rápido despliegue inicial, para luego precargar en caché el resto de la funcionalidad crítica y dejar el remanente de los recursos para ser cargado y ejecutado bajo demanda. De esta forma, se brinda una retroalimentación temprana al usuario, se optimiza la experiencia de este y se cumplen las métricas requeridas para clasificar una página web como un PWA. En el presente trabajo se realiza un análisis del impacto de la implementación de este patrón en un PWA. Para esto, hemos definido un experimento, en el cual se toma un PWA existente y se genera una copia idéntica en funcionalidad, pero eliminando las técnicas indicadas por el patrón. Se identifican un conjunto de métricas enfocadas en el usuario, para las cuales está diseñado el parón PRPL. Luego ambos sujetos son sometidos a una prueba de rendimiento para evaluar su desempeño sobre estas métricas y determinar e impacto del uso del patrón. Para nuestro experimento, hemos tomado como sujeto de pruebas un sitio de noticias, por ser un caso de uso ampliamente aplicado y por la disponibilidad de opciones de código abierto para ser utilizadas, entre otros factores. Para la ejecución de pruebas, se evaluaron múltiples herramientas y se optó por WebPageTest de CatchPoint, una plataforma de ejecución de pruebas de rendimiento web, que funciona de forma remota y con diversos agentes de ejecución, por su versatilidad y por ser una única plataforma en la cual se pueden ejecutar múltiples pruebas bajo diferentes parámetros y plataformas, así como su capacidad de recopilación de resultados. En términos de métricas, se utilizaron un grupo de métricas enfocadas en el usuario, que miden el tiempo a diferentes hitos en la carga de la PWA como lo son el primer despliegue, el primer despliegue visualmente significativo, el primer despliegue útil para el usuario, el tiempo a interactividad y el tiempo total de bloqueo. Se encuentra, que el patrón PRPL está muy cercanamente ligado a la definición de PWA, por lo que luego de remover el patrón del sujeto de prueba original, la versión resultante, por definición, no califica de PWA. En términos de rendimiento, se encuentra una notable mejora de las métricas en visitas subsecuentes al sitio web, así como un mucho mejor rendimiento en condiciones adversas, donde una sola carga puede tomar mucho tiempo, debido al uso de técnicas dictadas por el patrón. Sin embargo, se reconoce que en anchos de banda ampliamente disponibles mundialmente o bajo conexiones relativamente estables, el uso del patrón no hace mucha diferencia en términos de rendimiento. Se recomienda realizar un análisis del acceso a ancho de banda y dispositivos de la población objetivo de usuarios de la aplicación web para evitar esfuerzo innecesario. También, se identifican otros escenarios en donde la implementación de un PWA con el patrón PRPL resulta beneficiosa, como lo son aplicaciones de mercado masivo, la implementación de estrategias de captura de usuarios y primera presencia web. (resumen tomado de la fuente)  
526 |a LDESO 
541 1 |a José Quintero.  |c DUTP  |d Recibido: 2021/11/23.  |e 143629.  |h $100.00.  
650 1 7 |a Desarrollo de sitios web  |2 LEMB  |9 2139 
650 2 7 |a Servidores web  |2 LEMB  |9 5632 
650 2 7 |a Patrones de diseño de software  |2 LEMB  |9 6821 
650 2 7 |a Interfaces de usuarios (Computadores)  |2 LEMB  |9 2716 
650 2 7 |a Teléfonos celulares  |2 LEMB  |9 657 
650 2 7 |a Sistemas operativos (Computadores)  |2 LEMB  |9 2105 
650 2 7 |a Tesis y disertaciones académicas  |2 LEMB  |9 604 
653 0 |a Ingeniería de Sistemas Computacionales 
653 0 |a Maestría en Ingeniería de Software 
700 1 |a Vargas G., Yadira A.,  |e asesora  |9 6820 
942 |2 ddc  |c TESISM 
946 |a 37966  |b Maria Karamañites  |c 37966  |d Maria Karamañites 
999 |c 143629  |d 143629 
952 |0 0  |1 0  |2 ddc  |4 0  |6 TM_006_400000000000000_Q568  |7 1  |8 TESMAE  |9 178264  |a BUT  |b BUT  |d 2023-10-09  |e DUTP  |g 100.00  |l 0  |o TM 006.4 Q568  |p 800134061  |r 2023-10-09  |t e.1  |w 2023-10-09  |x Digitalizada  |y TESISM 
952 |0 0  |1 0  |2 ddc  |4 0  |6 TM_006_400000000000000_Q568  |7 1  |8 TESMAE  |9 178265  |a BUT  |b BUT  |d 2023-10-09  |e DUTP  |g 100.00  |l 0  |o TM 006.4 Q568  |p 800136135  |r 2023-10-09  |t e.2  |w 2023-10-09  |x Digitalizada  |y TESISM