Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress

Acelera WordPress: Optimización de Imágenes

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Speeding Up WordPress.
Speed Up WordPress: Using CDNs, Compression, and Minification

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

En las dos primeras partes de esta serie, hemos revisado el cacheado, la optimización de la base de datos, la compresión, el minimizado, y el uso de un CDN en nuestros sitios web WordPress. En esta parte, vamos a hablar de la optimización de las imágenes y del uso de WordPress con sentido común.

¡A por ello!

Optimización de Imágenes en Wordpress

Es muy probable que los recursos más pesados que tienen que descargar los usuarios de tu sitio web para poder visualizarlo sean las imágenes. Si recapacitamos, es obvio que debemos hacer un uso inteligente de las imágenes que subimos y colocamos en nuestras páginas. Esto implica dos cosas:

  1. Tenemos que utilizar las imágenes con moderación.
  2. Debemos mantener pequeño el tamaño de las imágenes.

Aquí es donde entran en juego las técnicas de optimización.

En este capítulo, vamos a revisar algunos métodos de optimización de imágenes, unos manuales y otros automáticos.

Optimización Manual de Imágenes

Si como a mí te gusta tener el máximo control posible sobre tus imágenes, deberías optimizarlas manualmente. Existen literalmente cientos de tecnicas de optimización y aplicaciones para diferentes formatos de imagen (la mayoría JPGs y PNGs). Te recomiendo dos:

  1. JPEGmini es una excelente aplicación que optimiza tus JPEGs con un algoritmo inteligente y "sin pérdida". No dispone de ajustes (lo cual es una pega) pero realmente hace un buen trabajo reduciendo el tamaño de los archivos (como mínimo un 30%). Está disponible como app para Mac y Windows, pero también como servicio web.
  2. RIOT (Radical Image Optimization Tool) es una herramienta antigua para Windows, pero ofrece una optimización muy efectiva. Puede procesar JPEGs y GIFs mediante varios algoritmos. Yo mismo la uso para optimizar mis archivos PNG. Aunque sus herramientas de optimización para PNG son un poco lentas (especialmente si los archivos PNG son grandes), hace el trabajo a la perfección.

Personalmente, prefiero trabajar de forma manual antes que automática. Preparo y edito mis imágenes en Adobe Photoshop, las guardo "para web" con un 100% de calidad, y después reduzco los tamaños de archivo, con JPEGmini para los archivos en formato JPEG y RIOT para los PNGs.

Optimización Automática Con Plugins De WordPress

Si no quieres enredarte con todo el trabajo manual, hay soluciones automáticas que puedes emplear. Existen opciones del lado del servidor como Kraken PRO y JPEGmini Server, pero nos centraremos en dos muy útiles para el día a día, e incluso para tratar una gran cantidad de imágenes en una sola sesión.

  • WP Smush.it: Siendo el plugin de optimización más popular para Wordpress, WP Smush.it reduce automáticamente cada imagen que subes a través de su API y comprime tus imágenes mediante un algoritmo sin pérdida. También puedes optimizar por lotes las imágenes que ya hayas subido a tu WordPress, lo cual es una gran ventaja.
  • EWWW Image Optimizer: A pesar de su excéntrico nombre, EWWW Image Optimizer es la opción que más me gusta desde el punto de vista de la optimización. Funciona bien con la configuración predeterminada, pero puedes afinar algunos ajustes para conseguir aún mejores resultados. Todos los algoritmos que usa (jpegtran, optipng, pngout y gifsicle) son algoritmos sin pérdida, es decir, no modifica ningún pixel pero reduce los tamaños de tus imágenes re-codificándolas y limpiando los archivos. Es posible que no optimice las imágenes hasta el punto en el lo hace WP Smush.it, pero si no soportas la optimización con pérdida, EWWW Image Optimizer una buena opción.

Usar WordPress Con Sentido Común

Actualización: Parece que Yahoo! ha dejado de mantener Smush, así que sólo podrás comprimir tus imágenes con la versión 1.7.1.1. No obstante el plugin no se abandonará, ya que – los desarrolladores del mismo anunciaron que continuarán manteniéndolo.

Según informes no oficiales pero fiables, Yahoo ha dejado de mantener Smush.it :( En cualquier caso, ¡no todo está perdido! Estamos trabajando como maniácos aquí en WPMU DEV para ofrecerte una mejor experiencia, gratuita y más estable, e independiente de nuestra versión pro del plugin que será suministrada en nuestra próxima actualización. Esperamos tenerla disponible para tí muy, muy pronto... mientras tanto, por favor, quédate con nosotros, merecerá la pena, prometido.

Aunque tengas en cuenta todos los consejos de esta serie de tutoriales, apliques cada pieza de código, y uses todos los plugins mencionados, todavía puedes fallar en la optimización de la velocidad de tu web. Por ello esta es la sección es la pieza más importante de todas: sentido común.

¿A qué me refiero con "sentido común"? Principalmente al hecho de "ser cuidadoso y prudente", pero déjame explicarme mejor.

Elegir un Buen Proveedor de Alojamiento

Optimiza tu web todo lo que quieras; pero si el rendimiento de tu servidor es pobre, el de tu web también lo será. Este es el motivo por el que debes elegirlo sabiamente.

  • No compruebes sólo cuántos gigabytes de espacio y ancho de banda te prometen – comprueba también las especificaciones del hardware del servidor.
  • Elige un plan de alojamiento que se ajuste a las necesidades de tu sitio web. Si tienes un exitosa web de eCommerce, no contrates un plan de alojamiento compartido.
  • Y lo más importante, busca en la web y lee opiniones sobre la empresa de "hosting": ¿Cómo son sus tiempos de actividad?, ¿Tiene caídas el servicio? ¿Qué tal funciona el servicio de soporte al cliente?

Elige (O Crea) un Tema de Calidad para WordPress

He visto muchos temas para WordPress – tanto gratuitos como de pago – que tenían un aspecto impresionante, pero con un código pésimo. Los temas para WordPress con diseño increíble pero con código de mala calidad es una de las principales causas de un sitio web WordPress lento. Deberías o bien elegir un tema teniendo en cuenta su rendimiento o crear tu propio tema para WordPress (o que te lo hagan).

Es posible que te preguntes, "¿Cómo se supone que voy a saber la calidad de optimización de un tema?", realmente no es muy complicado. Escoge un tema, después escanea sus páginas de muestra (¡no sólo la página de inicio!) en GTmetrix para comprobar sus resultados en Google PageSpeed y Yahoo! YSlow, y con qué eficiencia se cargan los recursos que emplea mediante la vista del "Timeline". Y para la carga del servidor, no tienes mucho que comprobar si no lo puedes testear por ti mismo y tienes que depender de los plugins para la caché.

Reducir el Número de Plugins

Esto es obvio: Si un plugin carga sus recursos o ejecuta operaciones sobre la base de datos en el front-end, valora si realmente lo necesitas. Si realmente no lo necesitas, prescinde de él.

Puedes hacer un test sobre el rendimiento de tus plugins con el plugin P3 (Plugin Performance Profiler) y ver qué plugins hacen un uso excesivo de recursos.

Mantén Wordpress, los Plugins, y los Temas Seguros y Actualizados

Este punto es un poco tópico – por eso lo he dejado para el final de esta serie – pero esto no significa que sea erróneo: Debes mantener todo actualizado y seguro.

  • Y para mantener las cosas al día, no hay mucho que comentar: Simplemente actualízalas. Estar actualizado podría mejorar la velocidad de tu web porque los desarrolladores del núcleo de WordPress, los plugins y los temas trabajan constantemente para conseguir un código cada vez más eficiente.
  • Y en cuanto a la seguridad, puedes encontrar varios plugins de seguridad en Wordpress.org. Asegúrate de echarles un vistazo, compara las opiniones de expertos sobre los mismos, y emplea uno que se ajuste a tus necesidades. Mantener tu web segura no hará que tu web sea más rápida, pero mantendrá su velocidad si (o cuando) tu web sea atacada.

Final de la Serie

En la era de la información, servirla de forma rápida y eficiente es esencial. No soportamos ya nada que no responda con rapidez, si no es así, sentimos que estamos malgastando nuestro tiempo. Y hablamos de de segundos y milisegundos. No es un hecho bueno de por sí, pero en un mundo así, tenemos que jugar con las reglas impuestas por las circunstancias.

Hay miles de artículos sobre cómo mejorar la velocidad de WordPress, por eso pretendía aportar algo diferente. Mientras preparaba esta serie dividida en tres partes, tenía una cosa en mente: escribir contenido imperecedero sobre la optimización de la velocidad de WordPress. Por supuesto, existirán mejores plugins o técnicas más inteligentes, pero los aspectos centrales sobre la optimización de WordPress deberían ser estables – al menos hasta que alcancemos la era cuántica. Espero que hayas disfrutado leyendo tanto como yo lo he hecho realizándolo.

¿Quieres añadir algo? Comparte tus opiniones con nosotros dejando tu comentario aquí abajo. Y si te ha gustado esta serie, ¡no olvídes compartir los artículos con tu amigos!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.