Compartir a través de

procedimientos recomendados de rendimiento de ASP.NET Core Blazor

Nota:

Esta no es la versión más reciente de este artículo. Para la versión actual, consulte la versión de .NET 9 de este artículo.

Advertencia

Esta versión de ASP.NET Core ya no se admite. Para obtener más información, consulte la política de soporte de .NET y .NET Core. Para la versión actual, consulte la versión de .NET 9 de este artículo.

Importante

Esta información hace referencia a un producto en versión preliminar, el cual puede sufrir importantes modificaciones antes de que se publique la versión comercial. Microsoft no ofrece ninguna garantía, expresa o implícita, con respecto a la información proporcionada aquí.

Para la versión actual, consulte la versión de .NET 9 de este artículo.

Blazor está optimizado para un alto rendimiento en escenarios de interfaz de usuario de aplicaciones más realistas. Sin embargo, el mejor rendimiento depende de los desarrolladores que adopten los patrones y características correctos.

Nota:

Los ejemplos de código de este nodo de artículos adoptan tipos de referencia que aceptan valores NULL (NRT) y análisis estáticos de estado NULL del compilador de .NET, que se admiten en ASP.NET Core en .NET 6 o posterior.

Compilación anticipada (AOT)

La compilación AOT compila el código .NET de una Blazor aplicación directamente en WebAssembly nativo para la ejecución directa por parte del navegador. Las aplicaciones compiladas con AOT dan lugar a aplicaciones más grandes que tardan más tiempo en descargarse, pero las aplicaciones compiladas por AOT suelen proporcionar un mejor rendimiento en tiempo de ejecución, especialmente para las aplicaciones que ejecutan tareas que consumen mucha CPU. Para obtener más información, consulte Herramientas de creación de ASP.NET Core Blazor WebAssembly y compilación anticipada (AOT).

Métricas y seguimiento

Las métricas y las funcionalidades de seguimiento le ayudan a supervisar y diagnosticar el rendimiento de las aplicaciones, realizar un seguimiento de las interacciones del usuario y comprender el comportamiento de los componentes en entornos de producción.

Configuración

Para habilitar Blazor las métricas y el seguimiento en la aplicación, configure OpenTelemetry con los siguientes medidores y orígenes de actividad en el archivo de Program la aplicación donde se registran los servicios:

builder.Services.ConfigureOpenTelemetryMeterProvider(meterProvider =>
{
    meterProvider.AddMeter("Microsoft.AspNetCore.Components");
    meterProvider.AddMeter("Microsoft.AspNetCore.Components.Lifecycle");
    meterProvider.AddMeter("Microsoft.AspNetCore.Components.Server.Circuits");
});

builder.Services.ConfigureOpenTelemetryTracerProvider(tracerProvider =>
{
    tracerProvider.AddSource("Microsoft.AspNetCore.Components");
});

Medidores de rendimiento

Para obtener más información sobre los siguientes medidores de rendimiento, consulte ASP.NET métricas integradas de Core.

Medidor Microsoft.AspNetCore.Components:

  • aspnetcore.components.navigation: realiza un seguimiento del número total de cambios de ruta en la aplicación.
  • aspnetcore.components.event_handler: mide la duración del procesamiento de eventos del navegador, incluida la lógica de negocios.

Medidor Microsoft.AspNetCore.Components.Lifecycle:

  • aspnetcore.components.update_parameters: mide la duración de los parámetros del componente de procesamiento, incluida la lógica de negocios.
  • aspnetcore.components.render_diff: realiza un seguimiento de la duración de los lotes de procesamiento.

Medidor Microsoft.AspNetCore.Components.Server.Circuits:

En las aplicaciones Blazor del lado del servidor, se incluyen métricas adicionales específicas del circuito:

  • aspnetcore.components.circuit.active: muestra el número de circuitos activos actualmente en memoria.
  • aspnetcore.components.circuit.connected: realiza un seguimiento del número de circuitos conectados a los clientes.
  • aspnetcore.components.circuit.duration: mide la duración del circuito y proporciona el recuento total de circuitos.

Seguimiento de Blazor

Para obtener más información sobre las siguientes actividades de seguimiento, consulte métricas integradas de ASP.NET Core.

Las nuevas funcionalidades de seguimiento de actividad usan el Microsoft.AspNetCore.Components origen de actividad y proporcionan tres tipos principales de actividades de seguimiento: ciclo de vida del circuito, navegación y control de eventos.

Seguimiento del ciclo de vida del circuito:

Microsoft.AspNetCore.Components.CircuitStart: realiza un seguimiento de la inicialización del circuito con el formato Circuit {circuitId}.

  • Etiqueta: aspnetcore.components.circuit.id
  • Vínculo: actividad HTTP

Seguimiento de navegación:

Microsoft.AspNetCore.Components.RouteChange: realiza un seguimiento de los cambios de ruta con el formato Route {route} -> {componentType}.

  • Etiquetas
    • aspnetcore.components.circuit.id
    • aspnetcore.components.route
    • aspnetcore.components.type
  • Enlaces
    • Seguimiento de HTTP
    • Seguimiento del circuito

Seguimiento del manejo de eventos:

Microsoft.AspNetCore.Components.HandleEvent: realiza un seguimiento del control de eventos con el formato Event {attributeName} -> {componentType}.{methodName}.

  • Etiquetas
    • aspnetcore.components.attribute.name
    • aspnetcore.components.circuit.id
    • aspnetcore.components.method
    • aspnetcore.components.type
    • error.type
  • Enlaces
    • Seguimiento de HTTP
    • Seguimiento del circuito
    • Seguimiento del enrutador