como servir contenido comprimido en gzip con esp8266 5d6e663346a42 - Electrogeek

Cómo servir contenido comprimido en Gzip con ESP8266 Deja un comentario

server spiffs gzip - Electrogeek

Continuamos con las entradas del ESP8266, esta vez viendo cómo servir contenido estático comprimido en Gzip desde la memoria SPIFFS.

En la entrada anterior hemos visto cómo servir ficheros (html, js, css, o cualquier otro) desde el sistema de ficheros SPIFFS. Ya adelantamos que era la forma adecuada de servir contenido estático.

Sin embargo, conviene que optimicemos el tamaño de los ficheros servidos. Especialmente es importante en cualquier tipo de servidor, pero aún más en un procesador de baja potencia como el ESP8266.

Existen varias opciones como minificar el contenido servido. Otra de las más habituales y convenientes es comprimir los ficheros servidos habitualmente en formato Gzip.

De hecho, la mayoría de los servidores sirven los ficheros comprimidos, y los navegadores modernos están preparados para descomprimir los ficheros de forma transparente para el usuario.

Servir ficheros comprimidos permite enviar ficheros entre 2 a 5 veces más pequeños (aprox), lo cual es menor carga para el servidor, menor ancho de banda y mejor velocidad de transmisión. El esfuerzo de descomprimir es pequeño y recae sobre los clientes, no sobre el servidor.

¿Es posible modificar nuestro servidor desde SPIFFS para servir ficheros Gzip? Por supuesto que sí. De hecho, funciona a las mil maravillas y es una medida muy conveniente para mejorar significativamente el rendimiento del ESP8266 como servidor.

De hecho, es muy sencillo. El Sketch principal queda igual al ejemplo anterior, con el siguiente contenido.

El mayor cambio lo tenemos en el fichero ‘ESP8266_Utils_Server.hpp’, donde hemos añadido la función ‘HandleFileReadGzip’ que nos va a permitir gestionar las peticiones de ficheros Gzip.

Como vemos, esta función comprueba si existe el fichero solicitado. Si no existe, comprueba si existe la versión comprimida (.gz). Si tampoco lo encuentra, devuelve ‘File Not Found’.

Por último, tenemos que modificar nuestra definición del comportamiento del servidor en ‘Server.hpp’ para que use la nueva y mejorada versión.

Por otro lado, cogemos los ficheros de nuestra carpeta ‘data’ y los comprimimos en formato Gzip, por ejemplo, empleando el programa 7-Zip.

Lo subimos todo y accedemos a la página servida para comprobar que, efectivamente, funciona y estamos sirviendo ficheros comprimidos. ¡Así de sencillo!

esp8266 servidor spiffs hello world - Electrogeek

Comprimir los ficheros es una mejora muy importante, sobre todo si incluimos en nuestro código librerías y frameworks en JavaScript «pesados». Notaremos una mejora de rendimiento muy importante.

Este es ya un ejemplo bastante funcional y apropiado de cómo servir contenido estático con el ESP8266. Pero ¿es posible mejorarlo? Por supuesto que sí. Y lo veremos en la próxima entrada haciendo un servidor asíncrono. ¡Hasta pronto!

Descarga el código

Todo el código de esta entrada está disponible para su descarga en GitHub.

github logo - Electrogeek

 

Si te ha gustado esta entrada y quieres leer más sobre ESP8266 puedes consultar la sección
tutoriales de ESP8266

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

0
    0
    Tu Carrito
    Tu carrito esta vacíoVolver a la tienda
    Enviar Whatsapp
    Hola 👋
    ¿En qué podemos ayudarte?