Pruebas y comparativa de plugins para optimizar imágenes

Las imágenes representan aproximadamente poco más de la mitad del peso total de un sitio; dada esta estadística, no es extraño que sea necesario destinar un tiempo considerable a actualizar las imágenes de nuestros sitios, pues de no hacerlo podemos incurrir en la furia de los usuarios y de Google, que seguro nos mandará al infierno de la tercera página de resultados y más allá, donde seguramente nadie nos encontrará. Aquí es donde entra la ayuda y esta viene en forma de plugins de WordPress para optimizar imágenes, los cuales se encargan de procesar todos los medios que vamos subiendo a nuestro sitio (algunos de formas más o menos automatizadas) y con ello vamos mejorando en el tema de las distintas herramientas de medición que hay por ahí.

El único problema radica en que hay una oferta bastante amplia en el repositorio, y eso dificulta el poder elegir un plugin. Para que no tengas que pasar por una decena de plugins buscando cual te conviene más aquí les traigo este banco de pruebas donde analizo varios plugins de optimización de imágenes y les presento pruebas de porqué pienso que algunos de ellos son los mejores que podrán encontrar. Sin más rollo de por medio, les dejo estas pruebas a su disposición para realizar una elección sólida e informada de el mejor plugin para optimizar imágenes según sus necesidades.

Leer másPruebas y comparativa de plugins para optimizar imágenes

Cómo optimizar imágenes para WordPress

Túnel a toda velocidad

Introducción

Esta es la primera entrega sobre como optimizar imágenes para WordPress, en respuesta a las optimizaciones sugeridas de GTmetrix. Aunque con pocos artículos, como pueden notar mi costumbre es hacer artículos muy largos y a fondo, en vez de cien articulitos (técnica de algunos sitios para jalar y retener visitas); de esta manera siempre encontrarás en un solo lugar todo lo que quieras sobre optimizar de imágenes para WordPress en un sólo lugar, sin tener que brincar entre cien posts. De ser necesario, actualizaré el artículo con lo que le haga falta.

¿Porqué optimizar imágenes?

La respuesta es fácil: son la mayor parte del total descargado de tu sitio; es decir, consumen la mayor parte del ancho de banda que se usa para ver tu sitio. Por lo tanto, optimizar imágenes debe ser un paso importante en tu estrategia de posicionamiento. Desgraciadamente, lo más fácil es ir a Google, buscar un tema en particular, tomar cualquier imágen que te venga en gana, y empotrarla en tu contenido. Tristemente, terminarás con una página que pesa 10 o más megabytes, un crimen cuando en la actualidad GTmetrix reporta que el tamaño promedio de una página es 2.5 MB, y eso para mi ya es lo suficientemente alto. Y recuerda: mientras más grande sea el tamaño total de tu página, más tiempo de descarga, y mientras más tiempo de descarga…los usuarios se van a otro sitio. Y si ahí tienes tu negocio, adiós dinero.

Gráfica de pie de promedio de bytes por tipo de contenido
Promedio de bytes por tipo de contenido en un sitio (tomado de Kinsta)

Qué aprenderás en esta guía para optimizar imágenes

A diferencia de otros artículos que se centran en plugins para optimizar imágenes para WordPress, en este la intención es que entiendas desde los conceptos básicos de imágenes y sus términos, hasta pasar por conceptos de optimización y finalmente llegar a tocar temas de como WordPress procesa imágenes, y claro, tocando también el tema de los plugins que nos pueden ayudar a optimizar las imágenes en WordPress. En concreto, atacaremos 3 recomendaciones de GTmetrix: Optimize images, Specify image dimensions, y Serve scaled images.

Leer másCómo optimizar imágenes para WordPress

Cómo mejorar la velocidad de WordPress con GTmetrix

Velocímetro de auto

Mejorar la velocidad de WordPress es algo obligado en estos días; en la mayoría de los casos, una instalación promedio de WordPress con algunos plugins, llamadas a medios sociales, un slider vistoso, y varias malas elecciones con imágenes y otros medios nos dejan con páginas que tardan varios minutos en cargar, pues tienen que bajar varios megabytes (recientemente optimicé una que al inicio tardaba 12 segundos en cargar, y tenía 12mb de tamaño total)…y eso sólo nos dejará con problemas y clientes perdidos. Afortunadamente existen varias herramientas de medición, una de ellas es GTmetrix y se ha vuelto bastante popular en últimas fechas, por ello que la elegí para empezar esta guía.

Introducción a GTmetrix

GTmetrix es una popular herramienta en línea que escanea tu sitio y te ofrece un reporte muy completo de dos conjuntos de métricas (PageSpeed de Google y YSlow de Yahoo), que a su vez otorgan un grado en base a la calidad de desempeño de tu sitio. Ese conjunto de métricas o reglas te ofrecen consejos de que tienes que mejorar para optimizar la velocidad de tu sitio. Adicionalmente, GTmetrix ofrece otras métricas muy útiles que ayudarán a que encuentres cuellos de botella que una vez solucionados te ayudarán a mejorar la velocidad de carga de WordPress.

Este primer artículo funcionará a modo de introducción a la herramienta GTmetrix, su interfaz y como funciona, y después dedicaré un artículo por recomendación que ofrezca GTmetrix en concreto, y se irán ligando en este mismo artículo al final. Mi intención es ir a fondo en cada tema tanto como se pueda; no pretendo hacer estos tutoriales para sólo ofrecer los mismos plugins que la mayoría de otros blogs ofrecen en sus artículos, sino cavar profundo en cada tema de modo que se comprenda.

¿Porqué es importante optimizar la velocidad de un sitio web?

Por una razón muy sencilla: los usuarios son muy desesperados. Si llegan a tu sitio y este tarda una eternidad en cargar, simple y sencillamente se van; adiós venta, adiós descarga de tu ebook, adiós usuario; “es malo para la experiencia“, dicen los que saben. Y espera, ni siquiera tiene que ser una eternidad; de acuerdo con declaraciones de Google, “dos segundos es el umbral aceptable para sitios de ecommerce. En Google, apuntamos a medio segundo.” Ahora bien, lo que digan ellos bien puede valer un pepino, pues curiosamente y como veremos más adelante en esta serie de artículos, algunas de las tecnologías que más alentan un sitio (y las más difíciles de optimizar) vienen precisamente de…adivinaste, Google. ¡Pero no nos adelantemos!

Leer másCómo mejorar la velocidad de WordPress con GTmetrix

Do NOT follow this link or you will be banned from the site!