Acelerando WordPress Optimización de Imagen

En las dos primeras partes de esta serie, revisamos el almacenamiento en caché, la optimización de la base de datos, la compresión, la minificación y el uso de un CDN con nuestros sitios web de WordPress. En esta última parte, hablaremos sobre la optimización de imágenes y el uso de WordPress con sentido común..

Vamos a empezar!

Optimización de imágenes en WordPress.

Es muy probable que las imágenes en sus páginas sean los activos más grandes en su sitio web que los visitantes descarguen. Ahora que lo pienso, es obvio que deberíamos ser inteligentes en cuanto a cargar y usar imágenes en nuestras páginas. Eso significa dos cosas: 

  1. Necesitamos usar imágenes con moderación.
  2. Necesitamos mantener los tamaños de imagen pequeños. 

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

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

Optimización manual de imágenes

Si eres como yo y quieres tener el mayor control posible sobre tus imágenes, debes optimizarlas manualmente. Hay literalmente cientos de técnicas y aplicaciones de optimización de imagen para varios formatos de imagen (principalmente JPEG y PNG). Recomiendo dos:

  1. JPEGmini es una excelente aplicación que optimiza sus archivos JPEG con un algoritmo de optimización inteligente y con "pérdida". No tiene ninguna configuración (que es un rollo) pero hace un buen trabajo reduciendo el tamaño de los archivos (al menos el 30%). Se presenta en aplicaciones de Windows y Mac, junto con un servicio web..
  2. RIOT (Herramienta de optimización de imagen radical) Es una herramienta de optimización antigua pero muy efectiva para Windows. Puede procesar JPEG, PNG y GIF con varios algoritmos. Lo uso para optimizar mis archivos PNG. Si bien sus herramientas de optimización de PNG son un poco lentas (especialmente en archivos PNG grandes), hace el trabajo perfectamente.

Personalmente, me gusta trabajar de forma manual y no automática. Preparo y edito mis imágenes en Adobe Photoshop, las guardo "para la web" con una calidad del 100%, luego abro JPEGmini para JPEG y RIOT para PNG para reducir el tamaño de los archivos.

Optimización automática de imágenes con los complementos de WordPress

Si no desea ocuparse de toda la mano de obra, hay soluciones automáticas que puede utilizar. Hay opciones del lado del servidor como Kraken PRO y JPEGmini Server, pero nos centraremos en dos complementos muy útiles para el uso diario (o incluso un trabajo pesado):

  • WP Smush.it: Siendo el complemento de optimización de imagen más popular para WordPress, WP Smush.it ejecuta automáticamente cada imagen que cargue a través de la API de Smush.it y comprime sus imágenes con un algoritmo de pérdida. También puede optimizar en masa sus imágenes existentes, lo que es una ventaja enorme.
  • EWWW Image Optimizer: Aunque ciertamente tiene una opción excéntrica para un título, EWWW Image Optimizer es la que más me gusta en términos de optimización de imagen. Funciona bien fuera de la caja, pero puede ajustar algunas configuraciones avanzadas para aprovechar al máximo. Todos los algoritmos que utiliza (jpegtran, optipng, pngout y gifsicle) son algoritmos sin pérdidas, lo que significa que no cambiará ningún píxel sino que reducirá el tamaño de sus imágenes al volver a codificar y limpiar los archivos. Es posible que no optimice las imágenes como lo hace WP Smush.it, pero si no puede soportar las optimizaciones con pérdidas, EWWW Image Optimizer es su tipo.

Usando WordPress Con Sentido Común

Actualizar: Parece que Yahoo! dejó de mantener Smush.it, por lo que el complemento no comprimirá sus imágenes a partir de la versión 1.7.1.1. Sin embargo, el complemento no se abandonará: los desarrolladores del mismo anunciaron que están reparando el complemento:

De acuerdo con informes no oficiales pero bastante confiables, Yahoo ha dejado de mantener Smush.it :( Sin embargo, ¡no todo está perdido! Estamos trabajando como locos aquí en WPMU DEV para brindarte una experiencia de smushing gratis, más confiable y mejor, construida a partir de nuestros profesionales Versión del complemento y finalizada en la próxima actualización. Esperamos tenerlo disponible muy pronto. Mientras tanto, quédese con nosotros, valdrá la pena, lo prometo..

Incluso si sigue todos los consejos de esta serie, aplica cada pieza de código y utiliza todos los complementos mencionados, puede fallar en acelerar su sitio web. Por eso esta sección es la pieza más importante de todas: el sentido común..

¿Qué quiero decir con "sentido común"? Sobre todo "ser cuidadoso y prudente", pero déjame elaborar.

Elegir un proveedor de alojamiento decente

Optimiza tu sitio web todo lo que quieras; pero si el rendimiento de su servidor es pobre, el rendimiento de su sitio web será pobre. Es por eso que necesitas elegir sabiamente..

  • No solo compruebe la cantidad de gigabytes de espacio y ancho de banda que prometen, también revise las especificaciones de hardware del servidor.
  • Elija un paquete de alojamiento que se adapte a su sitio web. Si tiene un sitio web de comercio electrónico popular, no use un paquete de alojamiento compartido.
  • Y lo más importante, busque en la web y lea algunos comentarios de la empresa: ¿Cómo están sus tiempos de actividad? ¿Cómo está el servicio de atención al cliente??

Elegir (o hacer) un tema de WordPress de calidad

He visto muchos temas de WordPress, tanto gratuitos como de pago, que se veían hermosos, pero estaban muy codificados. Los temas de WordPress con buena apariencia pero mal codificados pueden ser uno de los principales culpables de un sitio web lento de WordPress. Debería elegir entre los temas teniendo en cuenta el rendimiento o crear su propio tema de WordPress (o haberlo creado).

Podría preguntar: "¿Cómo se supone que debo saber qué tan optimizado está un tema?" Pero no es difícil, en realidad. Seleccione un tema, luego escanee las páginas de demostración (¡no solo la página de inicio!) En GTmetrix para ver su Google PageSpeed ​​y Yahoo! Las puntuaciones de YSlow y la eficiencia con que se cargan los activos con la vista "Línea de tiempo". En cuanto a la carga del servidor, no tiene mucho que comprobar si no puede probarlo usted mismo y tiene que confiar en los complementos de almacenamiento en caché.

Reducir los complementos

Esta es una obviedad: si un complemento carga activos o realiza operaciones de base de datos en el front-end, cuestione su necesidad. Si realmente no lo necesitas, deshazte de él.. 

También puede ejecutar una prueba de rendimiento en complementos con el complemento P3 (Plugin Performance Profiler) y ver qué complementos requieren una gran cantidad de recursos.

Mantenga WordPress, los complementos y los temas seguros y actualizados

Este es un poco cliché, por eso es el último dato de esta serie, pero eso no significa que esté mal: usted Tiene que mantén todo actualizado y seguro.

  • En cuanto a mantenerse al día, no hay mucho que decir: solo actualizar.Mantenerse actualizado puede acelerar su sitio web porque los desarrolladores de temas, complementos y temas trabajan constantemente para hacer que su código sea más eficiente.
  • En cuanto a la seguridad, puede encontrar varios complementos de seguridad en WordPress.org. Asegúrese de revisarlos, comparar sus revisiones y usar el que más le convenga. Mantener su sitio web seguro no acelerará su sitio web, pero puede mantener la velocidad de su sitio web si (o cuando) su sitio web está bajo ataque.

Final de la serie

En la era de la información, el servicio rápido de la información es esencial. No podemos soportar nada que no responda rápidamente, sentimos que estamos perdiendo el tiempo. Y estamos hablando de segundos y milisegundos aquí. No es necesariamente algo bueno, pero en un mundo como este, tenemos que jugarlo según el libro..

Hay muchos artículos sobre cómo mejorar la velocidad en WordPress, pero quería crear algo diferente. Mientras preparaba esta serie de tres partes, tenía una cosa en mente: escribir contenido de hoja perenne en la aceleración de WordPress. Por supuesto, habrá mejores complementos o técnicas más inteligentes, pero los aspectos de hacer que WordPress sea más rápido deberían seguir igual, al menos hasta que entremos en la era cuántica. Espero que hayan disfrutado leyéndolo tanto como yo disfruté haciéndolo..

¿Tienes algo que añadir? Comparte tus pensamientos con nosotros comentando a continuación. Y si te gustó esta serie, no olvides compartir los artículos con tus amigos.!