Cómo optimizar las imágenes del producto para acelerar las tiendas de WooCommerce

Los propietarios de las tiendas de WooCommerce o cualquier otro titular de la tienda en línea siempre están ansiosos por el momento más feliz de “procesar el pedido” de los clientes. Para lograr este resultado, debe aumentar las experiencias positivas de los usuarios, asegúrese de comprar y regresar más tarde en sus tiendas. Hay muchas cosas que puede intentar mejorar su sitio. Puede eliminar fácilmente extensiones innecesarias, configurar complementos de caché, Bloquee los robots malos y seleccione un tema ligero. Sin embargo, todo ese esfuerzo que agrada a los compradores se ha vuelto en vano debido a un asesino de clientes, una tienda lenta de WoCommerce. ¿Y sabes qué? Las imágenes correctamente neo optimizadas causan principalmente este problema.
Es por eso que, en esta publicación, resumiremos 5 formas clave para optimizar sus imágenes de WooCommerce. Antes de entrar en lo sorprendente, pasemos por los elementos básicos del tiempo de carga óptimo de WooCommerce. Luego, discutiremos algunas razones por las cuales la optimización de la imagen del producto es, con mucho, el primer lugar para comenzar.
¿Cuál es el tiempo de carga ideal de WooCommerce?
¿Por qué comenzar con la optimización de imágenes para acelerar las tiendas de WooCommerce?
# 1 Elija el formato de archivo apropiado
# 2 Comprime las imágenes del producto
# 3 Use imágenes de productos receptivos
#4 Servir imágenes a través de un CDN
# 5 Bloquear la conexión directa de la imagen del producto
¿Cuál es el tiempo de carga ideal de WooCommerce? WordPress o WooCommerce no imponen un cierto tiempo de carga. Esto no significa que su sitio se pueda cargar mientras pueda ser.
¿Imagina que su sitio tarda más de 5 segundos en completar la carga? Una campana de advertencia comienza a sonar ahora. Los visitantes abandonarán su página de inmediato. Se recomienda que el tiempo de carga óptimo para su tienda en línea sea entre 1 o 2 segundos. Hay evidencia de Edubirdie que de 4 visitantes, 1 de ellos dejará un sitio web que dura más de 4 segundos para cargarse por completo. Además, un retraso de 1 segundo reducirá la satisfacción del cliente en un 16%. Más importante aún, el 64% de los clientes elegirán a sus competidores si se sienten decepcionados con sus servicios. ¿Por qué comenzar con la optimización de imágenes para acelerar las tiendas de WooCommerce, la optimización de imágenes no es el único método, pero lo primero que debe hacer cuando se trata de acelerar WooCommerce Tiempo de carga. Aunque esta es solo una pequeña acción, puede marcar una gran diferencia para sus tiendas. La optimización de imágenes demuestra lo más simple que puede hacer para reducir el tiempo de carga del sitio. A diferencia de la edición del archivo WP-Config.php para aumentar el límite de memoria de WordPress o limpiar la base de datos, esta solución es amigable para cada propietario de la tienda, incluso para principiantes.
Además, las imágenes debidamente desempaquetadas afectan en gran medida el rendimiento de su sitio, así como la experiencia del usuario. No solo no pueden transmitir el mensaje correcto a los clientes, sino que también hacen que los usuarios malinterpreten sus ideas. En promedio, el 40% del peso de la página web consiste en imágenes, tanto en el escritorio como en los dispositivos móviles. Este número es mucho mayor en las tiendas de WooCommerce. Tiene fotos de productos, imágenes presentadas y muchos otros archivos. Cuantas más imágenes tenga, más tiempo lleva cargar sus páginas. Después de comprender las razones para comenzar con la optimización de las imágenes para acelerar su WooCommerce, a continuación se encuentran las 6 cosas más importantes que puede hacer para optimizar sus imágenes correctamente. # 1 Elija el formato de archivo adecuado para los tipos de archivos de productos decida la calidad de sus imágenes. Asegúrese de elegir el mejor formato de archivo para sus fotos de WooCommerce. JPEG, JPG y PNG son los más comunes, mientras que se debe evitar el GIF.
PNG: viene con una imagen de alta calidad, pero requiere un tamaño de archivo más grande.
JPEG: le permite traer una buena calidad de imagen del producto con el tamaño de archivo apropiado.
Tome Amazon como ejemplo, acepta solo 4 formatos de archivo para imágenes de productos, incluidas TIFF, JPEG, GIF y PNG.
# 2 comprime las imágenes del producto una imagen comprimida de la calidad del producto, con el tamaño correcto, no solo calma la sed visual para los visitantes, sino que también mejora el tiempo de carga. La compresión crea un tamaño más pequeño de los archivos de imagen, que ocupa menos ancho. Como resultado, requiere menos espacio de almacenamiento en su servidor. Sin embargo, al comprimir las imágenes del producto, a veces tiene que elegir entre calidad y tamaño de archivo. Una imagen con una tasa de compresión baja tiene una mejor calidad y más fácil de ver, pero el tamaño del archivo es mayor. Mientras tanto, las imágenes con tasas de compresión más altas ofrecen una calidad terrible, pero reducen el tamaño del archivo al número más pequeño. Para garantizar un producto perfecto con el tamaño más pequeño, puede buscar ayuda de complementos de compresión de imágenes, como WP Smush, Imagify y cortos píxel. # 3 Use imágenes de productos receptivos que las personas tienden a comprar en línea usando sus teléfonos. Proporcionar imágenes de productos receptivos para varios dispositivos se convierte en su principal prioridad al construir una tienda WooCommerce. Al cargar una imagen de producto en la biblioteca de medios de WordPress y agregarla en la página del producto, podría verse perfecta. Sin embargo, ¿está seguro de que funciona bien en dispositivos móviles o tabletas? Puede ser demasiado grande en las pantallas de los teléfonos inteligentes o no se muestra en las posiciones correctas.
Para remediar esto, puede probar el complemento de imágenes receptivas RICG. Creado por Cris Coryer de CSS-TRUSI, el complemento gana a otros competidores en este nicho, trayendo imágenes receptivas implícitas en WordPress. #4 ¿Sirve imágenes a través de un CDN con la intención de construir una tienda multinacional de WooCommerce y vender productos globales? Una red de entrega de contenido (CDN) es algo que está buscando. Al memorizar en caché y proporcionar recursos estáticos, incluidas las imágenes, CDNS lo ayuda a correr a la velocidad más rápida en cada rincón del mundo. Por ejemplo, su tienda WooCommerce está alojada en los EE. UU. Un cliente de China ha encontrado su sitio en los motores de búsqueda y lo ha abierto. El CDN obtendrá la información del sitio de China Pop (Presence Points) para que la sirva. Tiene varias opciones de confianza cuando se trata de CDN. Simplemente elija uno de estos: CloudFlare, CDN Juices, CDN Cloudways, StackPath y KeyCDN. # 5 Bloquee la conexión directa de la imagen del producto El hotiling de las imágenes se refiere a la acción para vincular directamente los archivos a otros sitios. En lugar de cargar imágenes en su biblioteca de WordPress y agregarlas al contenido, las personas reciben la URL de su foto y la colocan en sus páginas de productos. Esto conduce al robo de ancho de banda. Cada vez que un visitante carga ese sitio, significa que él o ella carga su sitio y se hace cargo de su ancho de banda. Como resultado, esto lo afecta SEO y ralentiza su sitio.