Evaluando propuestas

Optimización Html siguiendo directrices de google analytics

Publicado el 24 Junio, 2019 en Programación y Tecnología

Sobre este proyecto

Abierto

Aplicar en un Site programado en HTML (.ASPX)  que tiene Home page, listas de marcas, posts y fichas de marcas las mejoras que recomiendo Google Analytics para optmizar el page speed.

Que son los siguientes:

Oportunidad
Ahorro estimado
Elimina los recursos que bloqueen el renderizado
1,05 s
Hay recursos que bloquean el primer renderizado de la página. Te recomendamos que muestres los elementos js/css críticos insertados y pospongas todos los js/styles que no sean críticos. Más información

Publica imágenes con formatos de próxima generación
0,6 s
Los formatos como jpeg 2000, jpeg xr y webp comprimen mejor las imágenes que los formatos png o jpeg, lo que hace que se descarguen más rápido y consuman menos datos.





Elimina archivos CSS sin usar
0,45 s
Elimina las reglas inactivas de las hojas de estilo y retrasa la carga de las CSS que no se utilicen para el contenido de la mitad superior de la página. Así, se reducirán los bytes consumidos innecesariamente por la actividad de red. Más información.



URL    Tamaño (kB)    Ahorro potencial (kB)
/css/main.min.css?v=4.5.1

Pospón la carga de imágenes que no aparecen en pantalla
0,15 s
Te recomendamos que uses la carga diferida con imágenes ocultas y que no aparecen en pantalla una vez que todos los recursos críticos hayan terminado de cargarse para reducir el tiempo hasta que la página es interactiva.

Asegúrate de que el texto permanece visible mientras se carga la fuente web
Utiliza la función de CSS font-display para que los usuarios vean el texto mientras se carga la fuente web. Más información

Minimiza el trabajo del hilo principal 6,1 s
Te recomendamos que reduzcas el tiempo de análisis, compilación y ejecución de JavaScript. Para ello, puedes utilizar cargas útiles de JS más pequeñas.




Categoría    Duración
Script Evaluation    3.316 ms
Style & Layout    1.039 ms
Other    871 ms
Script Parsing & Compilation    303 ms
Rendering    281 ms
Parse html & css    261 ms
garbage collection    49 ms

publica recursos estáticos con una política de caché eficaz se han encontrado 30 recursos
una duración en caché más larga puede aumentar el número de visitas repetidas a tu página.
URL    Tiempo de vida en caché    Tamaño (kB)

Reduce el tiempo de ejecución de JavaScript 3,5 s
Te recomendamos que reduzcas el tiempo de análisis, compilación y ejecución de JavaScript. Para ello, puedes utilizar cargas útiles de JS más pequeñas. Más información
URL    Tiempo de CPU total    Evaluación de la secuencia de comandos    Análisis de la secuencia de comandos
Other    1.991 ms    112 ms    17 ms
…1.11.2/jquery.min.js
(ajax.googleapis.com)    923 ms    680 ms    17 ms
/pagead/ads?client=…
(googleads.g.doubleclick.net)    845 ms    689 ms    48 ms
/pagead/show_ads.js
(pagead2.googlesyndication.com)    538 ms    305 ms    47 ms
…r20190131/show_ads_impl.js
(pagead2.googlesyndication.com)    494 ms    458 ms    31 ms
…current/osd.js?cb=%2Fr20100101
(www.googletagservices.com)    461 ms    414 ms    13 ms
…js/adsbygoogle.js
(pagead2.googlesyndication.com)    271 ms    178 ms    15 ms
/analytics.js
(www.google-analytics.com)    171 ms    164 ms    7 ms
/gtag/js?id=UA-2333617-4
(www.googletagmanager.com)    124 ms    114 ms    9 ms
…current/osd_listener.js?cache=r20110914
(www.googletagservices.com)    88 ms    77 ms    11 ms
/js/main.min.js?v=4.5.1
(www.inf.com)    61 ms    42 ms    19 ms
…r20110914/abg_lite.js
(tpc.googlesyndication.com)    52 ms    21 ms    32 ms

Evita un tamaño excesivo de DOM1.051 elementos
Los desarrolladores de navegadores recomiendan que las páginas contengan menos de 1500 elementos de DOM.


Lo ideal es conseguir una profundidad de árbol inferior a 32 elementos y a 60 elementos secundarios por cada elemento principal. Los DOM de gran tamaño aumentan el uso de la memoria, hacen que los cálculos de estilo duren más y generan costosos reinicios del flujo del diseño. Más información.



Estadística    Elemento    Valor
Total de elementos DOM        1,051
Profundidad máxima de DOM    <a href="/fl-75/franquicias/Accesorios-de-moda-y-joyas.aspx" title="Franquicias Accesorios de moda y joyas">    18
Número máximo de elementos secundarios    <select name="ctl00$ctlC$search$ddlSector1" id="ctl00_ctlC_search_ddlSector1">    32
Minimiza la profundidad de las solicitudes críticasSe han encontrado 6 cadenas
Las cadenas de solicitud crítica que se muestran a continuación indican qué recursos son de alta prioridad. Te recomendamos que reduzcas la longitud de las cadenas, disminuyas el tamaño de los recursos o pospongas la descarga de recursos innecesarios para mejorar la carga de la página. Más información.



Latencia de ruta crítica máxima:890 ms
Navegación inicial


To set budgets for the quantity and size of page resources, add a budget.json file. Learn more.
Resource Type    Requests    Transfer Size
Total    61    861 KB
Script    18    413 KB
Image    27    217 KB
Font    3    132 KB
Document    5    54 KB
Stylesheet    2    43 KB
Other    6    4 KB
Media    0    0 KB
Third-party    36    464 KB
Auditorías aprobadas (12)

Categoría Programación y Tecnología
Subcategoría Programación Web
¿Cuál es el alcance del proyecto? Bug o cambio pequeño
¿Es un proyecto o una posición? Un proyecto
Actualmente tengo Tengo las especificaciones
Disponibilidad requerida Según se necesite
Experiencia en este tipo de proyectos Sí (He administrado este tipo de proyectos anteriormente)
Roles necesarios Programador

Plazo de Entrega: No definido

Habilidades necesarias

Otros proyectos publicados por A.