Tengo un sitio web y actualmente uso un subconjunto muy pequeño de bootstrap 5.0 y mi propio archivo CSS. También uso algo de jQuery para comportamientos simples de desplazamiento/formulario, y font-awesome para íconos.

Ejecuto un análisis de cobertura en las herramientas de desarrollo de Chrome e informa lo siguiente:

No estoy demasiado preocupado por custom.css, aunque desde el punto de vista del rendimiento, tengo curiosidad por saber por qué SASS no me dice qué etiquetas no se usan y, lo que es más importante, cómo mi CSS resiste las métricas de rendimiento.

Estos son los CDN de los que extraigo bibliotecas
En la cabeza

• cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css
• cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css
• ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js
• personalizado.css

En la parte inferior del cuerpo, no diferido

• cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js

Mis preguntas para llevar

1. ¿Cuáles son los buenos estándares de análisis y reducción de las bibliotecas/paquetes antes mencionados?
2. ¿Cuáles son las mejores formas de medir y clasificar el rendimiento de la carga? (uso excesivo de CSS, redundancia, anidamiento, etc.)

No relacionado con esta pregunta
Hay un error en el descuento de las tablas. En la tabla anterior, debajo de la columna biblioteca/paquete, informaría esto si tuviera períodos entre los niveles de dominio de la biblioteca en la tercera fila ( bootstrap.bundle.min.js versus bootstrap bundle min js )

Su publicación parece contener un código que no tiene el formato correcto como código. Sangre todo el código > por 4 espacios usando el botón de la barra de herramientas de código o el método abreviado de teclado CTRL+K. Para obtener más ayuda con la edición, >haga clic en el icono [?] de la barra de herramientas

¿A quién debo informar esto?

Como siempre, su ayuda es muy apreciada.

¡Salud!