Vamos a agregar otro tipo de optimización :
Una que surgió despues del post anterior y que tiene que ver con el "peso" y los "tipos" de archivos utilizados para las imágenes ... me tocó revisar un sitio hecho en WordPress que presentaba caídas permanentemente y una de las razones era por su alto tráfico y sin un caché
🙂 ... al analizar las imágenes de la portada casi la totalidad estaban en formato
.PNG lo cual es altamente ineficiente dado que en promedio la misma imágen se puede reducir a solo un 10% del peso original al convertirla a formato
.JPG
Respecto al formato en general la idea es utilizar imágenes del mismo tamaño que se van a visualizar en pantalla, muchas veces se almacenan imágenes que tienen una resolución mayor a la resolución que aparecen en pantalla ... por ejemplo en pantalla la imágen se presenta con 400 pixeles de ancho, pero el archivo original tiene 2048 pixeles de ancho y pesa 10 veces más.
Otra ventaja que tiene el formato .JPG es que permite
comprimir la imágen reduciendo un poco la calidad pero que muchas veces es imperceptible al ojo, lo importante es que también se puede reducir el peso.
Si hacemos un ejemplo práctico ... supongamos que hay 5 imágenes .PNG que pesan en promedio 450K c/u en la portada, al convertirlas a .JPG con un poco de compresión podríamos llegar fácilmente a unos 45K por cada una ... o sea redujimos el "peso" de la página de 2,25 Mb a solo 225 Kb ... si hay 10.000 visitas diarias implicaría reducir el tráfico desde 22,5 Gb a solo 2,25 Gb o sea un ahorro de 20 Gigabytes que no es nada de despreciable ... esto obviamente en forma "bruta" sin considerar todos los caches que puedan estar instalados.
La mayoría de las cámaras digitales hoy en día pueden tomar sin problemas fotos de 3.000 o más pixeles de ancho, pero ninguna pantalla va a permitir visualizarlas a full resolución por lo que cada vez es mas importante procesar previamente todas las imágenes ... la alta resolución solo tiene sentido para la impresión en alta calidad o en gran formato.
También me ha tocado ver scanners que quedan configurados "por defecto" para almacenar las imágenes en formato .PNG o incluso algunos formatos mucho mas antiguos como .TIF ... recomendación entonces utilizar .JPG, del tamaño que se va a visualizar y con algún nivel de compresión, esto es muy común también cuando se envían documentos digitalizados por e-mail ... varias veces me ha tocado "matar" correos que llevan atachado un documento de una página que pesa 30 o 40 Megas porque lo escanearon a 2400 dpi
🙂
Una herramienta bastante simple de usar, liviana, gratuita y en español que podríamos recomendar para solucionar todos estos problemas de formatos, compresión e imágenes en general podría ser :
http://www.dotpdn.com/files/Paint.NET.3.5.10.Install.zip
Algunos utilizan programas mucho mas "pesados" y complejos como PhotoShop ... pero eso es como salir a cazar patos con un tanque
🙂
También existen algunas herramientas que permiten analizar y visualizar el "peso" de una página web y detectar cuando hay imágenes muy pesadas y que requieren algún tipo de procesamiento, por ejemplo :
Pingdom Tools
Ya vendrán nuevas optimizaciones ... hasta la próxima
🙂