Translation
EspañolEnglishEuskaraCatalàFrançaisGalegoDeutschРусский

WordPress Plugin: Css Sprites for Google PageSpeed.

Posted by in Css Sprite, Proyectos Personales on 6 sep, 2012

WordPress Plugin: Css Sprites for Google PageSpeed.

Estas ultimas semanas he estado trabajando en un plugin para automatizada de de manera dinamica y desatendida para asegurar una correcta de los blogsque usen .

El plugin ya esta en produccion, puede observar en funcionamiento en este blog. Basicamente lo que hace es convertir todas las imagenes presentes en la pagina en un del cual mendiante CSS lo y posiciona en la web.

Esta practica es fundamental en cualquier blog ya que esta poniendo especial interes en la velocidad de carga de la web e inlcuir todas las imagenes en una acelera enormente ese proceso.

Así la imagen que generaria en base a la pagina principal de este blog seria esta:

 

Se puede observar todos los elementos presentes incluidos en el sprite. De hecho haciendo click con el boton derecho sobre esta misma imagen y viendo su codigo html se puede comprobar como no es una tag de imagen, si no un div con una porcion del sprite asignada.

Css sprite ademas cachea las imágenes generadas para no tener que crearlas cada vez que se carga la pagina ya que es un proceso muy costoso para los servidores. Asi aunque la primera carga sea un poco mas lenta el resto no deberian resentirse en absoluto.

Se usa un algoritmo en casos de las ampliaciones de imágenes para impedir la perdida de calidad asociada al convertir una imagen mas pequeña en una mas grande.

El plugin actualmetne de menu de opciones en el cual se pueden excluir algunas imagenes de su inclusion en el sprite. En casos en los que la imagen es redimensionada a una muy pequeña (por ejemplo 16×16 pixeles) y es importante su resolucion no es recomendable tratarlas como un sprite.

Ademas de información sobre el espacio actual que ocupa la carpeta de dispone de un boton para borrar el contenido de la .

Ademas de un chequeo planificado que comprueba las imagenes que no se han visto en mas de 7 dias.

La razón de esto es que en algunos blogs donde las imágenes cambien constantemente pueden llegar a crear muchos archivos, los mas antiguos de los cuales no volverían a ser usados. No tendría sentido que esos sprites sigan presentes en el disco ocupando espacio.

Este plugin es perfectamente compatible con otros plugins de cache como WP-Supercache o W3 Total Cache.

Aun quedan algunos bugs por corregir, como por ejemplo la generación de imágenes, ya que en algunos casos recorta un pixel de mas dando lugar a ver trozos de otras capturas.

Ahora la pregunta que me surge es ¿ Debería liberarlo en el repositorio de wordpress para su uso libre y gratuito? ¿O debería usarlo solo para los blogs que se alojen en mi hosting?

 

3 Comments

  1. 21 mar, 2013

    Espero que en el repositorio de wordpress para su uso libre y gratuito. Gracias por tu trabajo!

  2. 12 abr, 2013

    repository!!

  3. 20 abr, 2013

    Give it away for free. when you have enough follower and users you charge for the updates and upgrades ;-)

Deja un comentario