SEO Rendimiento web bajo 31% (Optimización de la pagina)

[vazeri]

Los valores otorgados por google insights otorgan un valor de 31/100 de optimización, es ideal que se optimicen todos los puntos remarcados por google insights para mejorar la puntuación idealmente a un valor mayor a 85 y por lo tanto la posición de la pagina en el buscador

https://developers.google.com/speed/pagespeed/insights/?hl=es

[JuanCZD]

Hola estoy trabajando en esta mejora ya que actualmente estamos en 29/100, te aviso @vazeri para que no vallamos a estar modificando las imágenes y lo de mas para no estar trabajando doble, ¿tengo entendido entre mas acercado a 100 estemos es mejor? estoy en lo correcto.

[JuanCZD]

revisando la web de tu repositorio maneja un 29% optimice las imágenes al punto de que no perdieran tanta calidad y quedo con 48% (esta en mi repositorio https://juanczd.github.io/ProtoWeb/ ) por favor revisa la calidad de las imágenes en mi cel se ven bien pero ya ves que esta chafa.

Realizo el escaneo "PageSpeed Insights" en "https://juanczd.github.io/ProtoWeb/" me arroja que hay que optimizar imágenes pero si las sigo comprimiendo ya pierden calidad.

Voy revisando posible mejoras, como la "Especificar caché de navegador" y otras.
Sale esta opción Minificar HTML
y dice esto:

Compactar el código HTML, incluido cualquier código CSS y JavaScript insertado que contenga, puede ahorrar una gran cantidad de bytes de datos y acelerar los tiempos de descarga y análisis.

Pero yo creo que ese tipo de cosas se podrían hacer pero hasta el final para no revolver todo el código, por el momento es todo.

@vazeri

[vazeri]

@JuanCZD
Si asi es entre mas se acerque a 100 es mejor,
La optimización de imágenes debes dejarlas en

Imágenes con muchos colores en JPG con 80% de calidad en JPG
Imagenes de pocos colores o vectores en PNGs en 8bits con transparencia alpha
Imágenes menores al 100px pequeñas o animadas GIFs o PNG 8bit, lo que de menor tamaño

La compactación de codigo solo se refiere a remover los espacios vacios del código, y remover codigo no utilizado, tambien te puedes apoyar de codacy https://www.codacy.com/ ,(creo que tienes que usar tu propia cuenta pero intenta con este link https://www.codacy.com/app/vazeri/ProtoWeb/dashboard) implemente una medalla en el README del master, para revisar que es lo que anda mal en el proyecto, actualmente tenemos una calificacion de B por el codigo, idealmente debe ser A

[vazeri]

reviso tu branch

[vazeri]

Saludos, confirmo lo que dices, con los cambios que has realizado de momento va en 48%

Pero yo creo que ese tipo de cosas se podrían hacer pero hasta el final para no revolver todo el código, por el momento es todo.

Puede sonar apresurado pero estamos muy cerca del "final" del proyecto de las "ediciones graficas" https://github.com/Ahorratec/ProtoWeb/projects , terminando los problemas actuales podemos pasarnos a otro tema y generar una nueva lista de problemas/pendientes

Solo dos observaciones las imagenes de dos colores (o pocos colores) deberian quedar con un tamaño menor como PNGs de 8 bits y no se deberia notar compresión para nada

Del resto de las Imagenes con muchos colores, deben quedar bien como JPG, de las que comprimiste la unica que se nota degradada de todas estas es la de MQTT, pero solo si te enfocas en buscar la compresión

@JuanCZD Acabo de unir tu branch con el master, para seguir haciendo modificaciones usando tu estado actual, antes de hacerlo saque un release 1.0.4 por si hechamos a perder algo

[JuanCZD]

Hola @vazeri voy a tratar de vectorisar algunas imágenes para ponerlas como funtes personalizadas y que consuma menos recurso para ver si se logra mejorar el rendimiento web.

A ver que tal me va.

Sobre #3 hay un interesado en colaborar @TopherHamn con los fondos realmente ya no entendí cual es la falla, sera el ultimo fondo que se ve medio distorsionado al hacer zoom (-), hay te lo menciona para que lo cheques.

Sin mas por el memento espero tener resultados pronto

[vazeri]

me avisas los cambios en tamaños y porque la ultima vez que intente utilizar SVGs me salieron mas pesados que un PNG

[vazeri]

Vectorize gran parte de las imagenes actualmente vamos en 51%, es cosa de seguir y mantener las mejoras constantes en paralelo mientras editamos y trabajamos

Continuare vectorizando lo que se pueda vectorizar

[vazeri]

Realize correccion de errores en el navegador, minimize y comprimir varios archivos , 53% v1.0.5

[vazeri]

En escritorio ya va en 65%

[vazeri]

para analisis futuros usar www.ahorratec.org (realice un par de optimizaciones en el servidor que no se reflejan en la web publicada en github pages

)