AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

¡Nueva funcionalidad de WEBDEV 2024!
Ayuda / Tutorial WEBDEV / Tutorial - Optimizar un proyecto WEBDEV
  • Lección 1 - Auditorías del proyecto
  • Presentación
  • ¿Qué es una auditoría?
  • Abrir un proyecto
  • Auditoría estática
  • Optimización 1: Procedimiento no ejecutado
  • Optimización 2: Elemento huérfano
  • Optimización 3: Limpieza del proyecto
  • Auditoría dinámica
  • Conclusión

Tutorial - Optimizar un proyecto WEBDEV

Lección 1 - Auditorías del proyecto
Abordaremos los siguientes temas:
  • ¿Qué es una auditoría y cuál es su objetivo?
  • Iniciar y analizar la auditoría estática.
  • Iniciar y analizar la auditoría dinámica.
Durée de la leçon 15 min
Presentación
WEBDEV pone a su disposición varias herramientas de optimización de sitios web. Puede mejorar el rendimiento y evitar errores antes de implementar su sitio web.
Este tutorial explica cómo utilizar algunas de estas herramientas.
En esta lección, vamos a descubrir las diferentes auditorías disponibles, y en la próxima lección, veremos cómo utilizar el analizador de rendimiento.
¡Hemos preparado un proyecto para ayudarle a comprender mejor cómo utilizar estas herramientas!
¿Qué es una auditoría?
Las auditorías proporcionan un conjunto de funcionalidades que permiten:
  • mejorar automáticamente la calidad y el rendimiento de un proyecto,
  • controlar cómo se pone en producción.
Hay dos tipos de auditorías disponibles:
  • Auditoría estática. La auditoría estática analiza un proyecto y sus elementos. Esta auditoría se realiza desde el editor del proyecto.
  • Auditoría dinámica. La auditoría dinámica analiza el comportamiento de un proyecto durante su ejecución. Esta auditoría puede realizarse en modo de prueba o en el entorno de producción.
Vamos a probar estas auditorías en el proyecto "WW_Optimization".

Abrir un proyecto

Este tutorial utiliza el proyecto "WW_Optimization". Para abrir este ejemplo:
  1. Vaya a la página de inicio de WEBDEV (Ctrl +<).
  2. En la página de inicio, haga clic en "Tutorial", luego en "Tutorial - Optimize a WEBDEV project", haga doble clic en "Optimize a project - Exercise".
Advertencia
Este proyecto se utilizará en las diferentes lecciones de este tutorial.
Auditoría estática
La auditoría estática es una funcionalidad del entorno que permite analizar el código fuente de un proyecto con el fin de detectar diferentes problemas y proponer mejoras.
Para iniciar la auditoría estática del proyecto "WW_Optimization":
  1. En la cinta de opciones, vaya a la pestaña "Proyecto", grupo "Auditoría y rendimiento", despliegue "Auditoría estática" y seleccione "Iniciar auditoría estática".
  2. El asistente se abre. Vamos a definir el objetivo de la auditoría estática.
    Asistente de auditoría estática
  3. Seleccione "Ejecutar auditoría estática en todo el proyecto".
  4. Finalice el asistente.
  5. El reporte de auditoría se abre:
    Reporte de la auditoría estática
La auditoría estática incluye:
  • el reporte de auditoría (que veremos en detalle más adelante).
  • el análisis de la biblioteca de la aplicación.
Para obtener más información, consulte Auditoría estática.
Veamos con más detalle los puntos presentados en el reporte.

Optimización 1: Procedimiento no ejecutado

En nuestro proyecto, la auditoría indica que un procedimiento nunca se ejecuta.
En proyectos grandes, es posible que desee crear uno o varios procedimientos para realizar un proceso y que, tras una reorganización del código, el procedimiento ya no se utilice pero permanezca en el proyecto.
Los procedimientos no utilizados sobrecargan innecesariamente los recursos distribuidos a los usuarios finales.
Para solucionar este problema:
  1. Haga clic en el botón [...] para obtener más información. La ventana que contiene la lista de código muerto se abre.
    Código muerto del proyecto
  2. Nunca se llama al procedimiento "ObsoleteProcedure". Esta ventana permite:
    • especificar que el procedimiento se sigue utilizando (botón "Marcar como útil"). En este caso, el procedimiento no se volverá a tener en cuenta en la auditoría.
    • eliminar el procedimiento si no se utiliza (botón "Eliminar").
    • ver el procedimiento (botón "Ver").
    • buscar usos en las cadenas (botón "Buscar").
  3. En nuestro caso, este procedimiento no se utiliza, haga clic en "Eliminar".
  4. Una ventana le pide que confirme la eliminación. Haga clic en "Eliminar" para confirmar la eliminación.
  5. Cierre la ventana de código muerto (haga clic en la "X" de la esquina superior derecha).
En la ventana de auditoría estática, haga clic en el botón "Actualizar" para actualizar el reporte de auditoría.

Optimización 2: Elemento huérfano

La auditoría indica que nuestro proyecto contiene un elemento huérfano.
Al igual que con los procedimientos, puede que se creen ventanas o reportes para realizar una prueba rápida, y luego se guarden y se olviden. La presencia de elementos huérfanos en el archivo ejecutable sobrecarga de manera innecesaria los recursos distribuidos a los usuarios finales.
Para solucionar este problema:
  1. Haga clic en el botón [...] para obtener más información. La ventana que muestra los elementos huérfanos se abre.
    Elementos huérfanos en el proyecto
  2. Nunca se llama a la página "PAGE_Unused_Page". La ventana que muestra la lista de elementos huérfanos permite:
    • especificar que el elemento se sigue utilizando (botón "Marcar como útil"). En este caso, la página no se seguirá teniendo en cuenta en la auditoría. Esta opción puede ser útil cuando se utiliza una página de prueba específica para un proyecto de desarrollo, por ejemplo.
    • eliminar la página si no se utiliza (botón "Eliminar").
    • ver la página (botón "Ver").
    • buscar usos en las cadenas (botón "Buscar").
  3. En nuestro caso, "PAGE_Unused_Page" no se utiliza, haga clic en "Eliminar".
  4. Cierre la ventana de elementos huérfanos (haga clic en la "X" de la esquina superior derecha).
En la ventana de auditoría estática, haga clic en el botón "Actualizar" para actualizar el reporte de auditoría.

Optimización 3: Limpieza del proyecto

Nuestro proyecto contiene varios archivos que no se utilizan. Puede limpiar el proyecto para conservar solo los elementos necesarios. Esto impide que la instalación cliente se sobrecargue con archivos no utilizados: imágenes, archivos externos, etc.
Para solucionar este problema:
  1. Haga clic en el botón [...] para obtener más información.
  2. El asistente de limpieza del proyecto se abre. Este asistente muestra los archivos no utilizados que se pueden eliminar.
  3. Pase a la etapa siguiente.
  4. Seleccione el tipo de limpieza. Puede:
    • crear un archivo zip con los archivos no utilizados.
    • mover los archivos no utilizados a un directorio específico.
  5. Conserve la opción predeterminada y pase a la etapa siguiente.
  6. Finalice el asistente.
El proyecto se ha optimizado siguiendo todos los consejos de la auditoría estática. La auditoría estática permite obtener el estado general del código fuente del proyecto. Nuestro consejo: ¡realícela de forma regular!
Veamos qué ocurre en tiempo de ejecución cuando se inicia la auditoría dinámica.
Auditoría dinámica
La auditoría dinámica permite analizar la ejecución de la aplicación. La auditoría detecta problemas como:
  • Consumo excesivo de la memoria,
  • Lentitud de los algoritmos utilizados,
  • Errores "ocultos" en tiempo de ejecución,
  • etc.
Una auditoría dinámica puede realizarse en un entorno de pruebas o en una aplicación real.
El proyecto "WW_Optimization" contiene una página específica que desencadena errores que pueden ser detectados por la auditoría dinámica.
Vamos a iniciar la auditoría dinámica y la prueba del proyecto al mismo tiempo.

Para iniciar la auditoría dinámica del proyecto "WW_Optimization":
  1. En la cinta de opciones, en la pestaña "Proyecto", en el grupo "Modo de prueba", despliegue "Modo de prueba" y seleccione "Depurar proyecto con la auditoría activada". La prueba del proyecto inicia.
  2. Haga clic en "PÁGINA DE PRUEBA DE LA AUDITORÍA DINÁMICA".
  3. Haga clic en los diferentes botones de la página.
    • Al final de cada proceso, se muestra un mensaje toast para indicar que el proceso ha terminado.
      Observación: Espere a que se muestre el toast antes de hacer clic en otro botón.
    • Para la opción "Aserción y Excepción", se muestra una aserción: haga clic en "Continuar" para ver el mensaje como un toast.
  4. Detenga la prueba de sitio.
  5. La ventana del reporte de la auditoría dinámica se abre.
    Reporte de la auditoría dinámica
Analicemos esta ventana:
  • La parte superior de la ventana le permite elegir las opciones de visualización de los datos. Puede:
    • seleccionar una visualización cronológica (basada en el orden en que ocurrieron los eventos), o una visualización general para agrupar los diferentes tipos de problemas. Cuando los datos se muestran en orden cronológico, una línea de tiempo muestra la posición y la importancia de los problemas.
    • seleccionar el tipo de problema que se mostrará (error, aserción, etc.). Esto le permite centrarse en los errores más importantes.
  • La parte inferior de la ventana muestra los diferentes eventos que ocurrieron y que pueden causar problemas en la aplicación.
En este ejemplo, la auditoría dinámica detecta varios problemas:
  • Una instrucción SWITCH para la que no se ejecuta la instrucción CASE,
  • Una aserción desencadenada,
  • Una excepción desencadenada,
  • La asignación de un archivo de imagen que no existe a un control Imagen. Por cada problema, un botón "... " permite acceder a los detalles del evento. Si el evento está relacionado con una línea de código específica, el botón Abrir editor de código le permite abrir el editor de código directamente en el lugar correspondiente para solucionar el problema.
Advertencia
Esta lección solo presenta una visión general de la auditoría dinámica, no corregiremos todos los errores.
Cierre la ventana de la auditoría dinámica.
Conclusión
Las auditorías estáticas y dinámicas son dos herramientas esenciales que le ayudan a identificar rápidamente problemas o cuellos de botella en la aplicación.
Estas herramientas también están disponibles en el cuadro de mando del proyecto.
En la próxima lección, utilizaremos otra herramienta: el analizador de rendimiento.
Información adicional: La auditoría dinámica de un proyecto también se puede realizar cuando se implementa el sitio. Puede utilizar la función dbgEnableAudit para iniciar la auditoría dinámica.
Para obtener más información, consulte Auditoría dinámica.
Tabla de contenidoSiguiente lección
Versión mínima requerida
  • Versión 2024
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 08/12/2023

Señalar un error o enviar una sugerencia | Ayuda local