Avisos
Vaciar todo
Muy buenas,
Espero que podáis ayudarme:
Estoy desesperado ya. Llevo desde que comencé a crear mi tienda online con este problema, y no sé que más implementar.
Mi tienda online carga lenta no, lo siguiente. Ya ni hablo de las notas que me da GTMetrix o PageInsights, si no directamente de su funcionalidad.
Si activo algún plug-in de caché como el WP-optimize es un gusto, carga todo impresionantemente rápido. Pero no puedo mostrar páginas cacheadas a los usuarios conectados porque los botones de mi cuenta y cerrar sesión no se respetan, en su lugar, en las páginas cacheadas aparece iniciar sesión aunque el usuario esté conectado, y esto es un problema.
El caso es que:
- Utilizo Caché Varnish
- Las fotos están optimizadas y exprimidas en su máximo esplendor: usando photoshop y posteriormente ImageOptim, ni siquiera optimizador.io, tinyPNG o incluso SMUSH son capaces de optimizarlas más posteriormente. La resolución de las fotos es de 1600 px para proporcionar al usuario un Zoom en condiciones.
He probado deshabilitando plugins y la página sigue igual de lenta.
El lazyload está implementado. El dashboard de Woocommerce está eliminado y estoy utilizando autoptimize.
El caso es que no entiendo cómo puede pesar la página principal 6 MB, o la página de categorías de Accesorios/Pañuelos de seda 5 MB, si tiene 8 productos, cuando se supone que una tienda online debería estar preparada para aguantar cientos de productos. Aun así, una página de productos con 1,8 MB tarda casi 7 segundos en cargar, o una página de categorías en las que solo existe un único producto con fotografía casi 4 segundos.
Una página como la de https://urika.es/envios, que tan solo tiene dos módulos de texto y dos acordeones tarda en cargar 5 segundos.
Como veis he probado de todo y sigo sin conseguir una solución. Los plug-ins que utilizo son los necesarios para que una tienda online funcione:
- Diferentes galerías en productos variables de woocommerce (Additional Variation Images Gallery for WooCommerce - Pro)
- Colores y tallas de productos variables de una forma más amigable (Variation Swatches for WooCommerce - Pro)
- Compilanz para el RGPD, Autoptimize, Varnish, Code snipets, optimizador.io, responsive menu pro para el móvil, Yoast SEP, y Woocommerce con sus plugins de impuestos, etc.
Como veis no tengo nada del otro mundo. Lo siento por el tocho, pero no sé que más hacer. Tengo el plan XL con DIVI.
Adjunto fotos de todo lo que os cuento.
Un saludo y gracias!
Contenido solo visible a usuarios registrados
Respondido : 23/12/2020 4:27 am
Hola David,
Ahora que reviso tu sitio web por segunda ocasión me doy cuenta que has modificado de alguna manera el upload_path, lo que causa que tu Wordpress no funcione como debería con lo que respecta a los medios, accede a Ajustes -> Medios -> G
Contenido solo visible a usuarios registrados
Lo que respecta a la carga:
1.- El principal problema en la carga es el tamaño de tus imágenes, son todas muy grandes y luego tienen que ser renderizadas por el explorador web a un tamaño menor, lo que tiene un impacto significativo en la carga de la web. ¿De casualidad definiste los distintos tamaños de las imagenes de Wordpress todas en 0x0? Esto explicaría el por qué se estén utilizando imagines muy grandes en píxeles y no se estén utilizando otros tamaños mas adecuados.
2.- Respecto al problema de caché y los botones de inicio de sesión y registro de cuenta te sugiero:
.- Activar WP Super Caché, elimina el caché generado por Varnish Caché y dirígete a Ajustes -> Enlaces Permanentes -> Da click en Guardar. Posteriormente, verifica que en Ajustes -> WP Super Cache ->Avanzado -> Varios -> Restricciones de caché, tengas seleccionado
Si el problema persiste envíanos una captura de pantalla del problema que nos describes con los botones de inicio de cuenta, deja el plugin de cache activado y así nosotros podremos probar.
En resumen, te sugiero restaurar la configuración del tamaño de las imagenes por defecto de Wordpress:
Luego de esto habrá que revisar si Wordpress regenera las miniaturas o las diferentes versiones de las imágenes que has subido, en caso de que no lo haga en automático tendrás que usar el plugin de regenerate-thumbnails. Si no quieres reactivar la configuración de las miniaturas de Wordpress entonces te sugiero subir las imágenes en el tamaño mínimo ideal, pero te sugiero que consideres aplicar la configuración por defecto de Wordpress para las imágenes.
Con esto notarás una mejoría en la carga de tu Web, pero aún habrá algunas cosas que perfeccionar que ya haremos viendo como abordar, por ahora encárgate de esto.
Saludos 🙂
Respondido : 23/12/2020 5:59 am
Muy buenas @bulmaro,
En primer lugar, darte las gracias por leerte el post completo y por tu respuesta.
He redimensionado las imágenes tal y como me has dicho, y he regenerado los thumbnails de WooCommerce. He comprobado la dirección de guardado de las imágenes y aparece la que me has dicho. Abajo tengo marcado un tic que las guarda según mes/día, que es donde veo que están guardadas todas las imágenes.
Con respecto al tamaño de las páginas, al quitar las variaciones por foto parece que se ha solucionado y las páginas vuelven a tener tamaños normales. No así la carga lenta de la página. Todas siguen cargando muy lento. Además, el problema no ocurre solo con las imágenes:
- Ninguna de estas dos páginas tiene imágenes y fíjate en su velocidad de carga. No solo no tienen imágenes, sino que apenas tienen contenido (adjunto fotos):
https://urika.es/envíos 7,26 s (1MB)
https://urka.es/devoluciones 6,78 s (1MB)
-Incluso la diferencia entre dos páginas con imágenes en tamaño tampoco parece estar relacionado con la velocidad de carga del sitio:
https://urika.es/categoria-producto/accesorios/panuelos-de-seda/ 4,52 s (1,9 MB)
https://urika.es/categoria-producto/calzado/botas-de-piel/ 7,84 (1,3 MB)
¿Qué más puedo hacer? ¿A qué se puede deber?
Respondido : 26/12/2020 2:10 pm
Hola David,
Veo que previamente habías hecho una consulta similar, donde te compartí una página para análisis del sitio, la has utilizado?
Contenido solo visible a usuarios registrados
Adicional a esto son valores muy cambiantes por ejemplo en las dos páginas que nos compartes la que carga mas rápido según lo que nos compartes tiene un problema de visualización:
Como puedes ver el tiempo de visualización afecta enormemente en el script que no se esta cargando en el sitio para que se vea de forma correcta estos circulos, al igual que en el segundo link:
Disminuye un poco el diferencial de tiempo pero no son 7 ni 4 segundos como envías de la herramienta que estas utilizando, y el análisis que te comparto es directamente de google por lo que recalco lo comentado previamente no es bueno guiarse únicamente de una herramienta para corregir problemas de velocidad en las instalaciones.
Prueba haciendo estos cambios en imágenes y verificando los demás puntos que expresan en estos análisis para mejorar la velocidad del sitio, también ten en cuenta que hay temas que están mejor optimizados que otros.
Un saludo 🖐️
Respondido : 26/12/2020 2:46 pm
Muy buenas @argenis, fracias por tu respuesta!
Efectivamente utilizo también esa herramienta que me proporcionaste en su momento, junto con GTmetrix y pageinsights, que siguen dándome unas notas catastróficas, por eso, y aún sintiéndome pesado, no tengo más remedio que seguir buscando soluciones.
Con respecto al script, ese es el funcionamiento correcto, ya que no tengo asignado ningún color a los círculos, por lo que asigna el nombre, que no cabe correctamente y le da ese mal aspecto visual.
Con respecto al tamaño de las imágenes, a ver si lo comprendo bien, yo las subo a 1600 px, para que tengan zoom y buena visualización en la página del producto. Pero en el catálogo, al ser de un tamaño menor, wordpress debe de redimensionarlas. Entonces, si no me equivoco, para mejorar su funcionamiento, debo disponer las imágenes del catálogo al mismo tamaño que en la página de producto. ¿Podría yo suministrar a wordpress esas mismas imágenes en tamaños diferentes acordes a las medidas en las que se vayan presentando, tal y como hace por ejemplo shopify en medidas de 200, 300, 400, 500 hasta los 1600 px, y que wordpress utilice la más conveniente?
De no ser así, ¿es imposible entonces tener una página que muestre los productos en fotos grandes como hace por ejemplo https://www.meisie.es/blusas o en https://www.zara.com/es/es/hombre-prendas-exterior-l715.html?v1=1546785 con la posibilidad de tener un catálogo más pequeño, y que la página cargue rápido utilizando wordpress divi y woocommerce?
De ser así debería quizás comenzar a buscar una alternativa.
¡Muchísimas gracias de nuevo!
Respondido : 26/12/2020 3:18 pm
Hola David,
Las imágenes las configuras directamente donde previamente las compartió Bulmaro:
Fijate directamente en las pagespeed de las páginas que compartes:
Zara > Contenido solo visible a usuarios registrados > 1,5s
A diferencia con la que nos compartiste previamente tienes 2,3s en las botas adicional a esto vez que las páginas que compartes igualmente tienen problemas de imagenes:
Pero al igual que la que nos compartes no es algo de tanta preocupación, puedes solventar primero otros inconvenientes por ejemplo:
Dos factores que configuración de tu complemento de cache puedes solventar.
Un saludo 🖐️
Respondido : 26/12/2020 4:22 pm
@argenis De acuerdo entonces saltaré a lo que me dices.
De momento tengo activo el caché Varnish, y también el caché de página para usuarios desconectados con WP-optimize.
¿Cómo podría mejorar esos dos valores con una configuración caché?
¿Interesaría también contratar un CDN?
Respondido : 26/12/2020 8:01 pm
Hola David,
Debes probar con las diferentes opciones que te da Autoptimize hasta dar con la adecuada, debido a que cada sitio web es diferente (de entrada los plugins que usa cada cliente son distintos). Si se te complica la tarea de optimización (ya que no es una tarea sencilla) te sugiero contratar con un especialista en el área y/o escribir un ticket de soporte técnico a Webempresa para que revisen a nivel de servidor si hay algún elemento en tu cuenta de hosting que esté consumiendo mucho recursos y esto esté afectando a tu web pero por lo que veo podría no ser el caso y podría ser suficiente con lo primero que te indiqué, probar las distintas configuraciones de caché con Autoptimize.
No le veo mucho beneficio el usar un CDN si tu web no tiene un alto número de visitas o tráfico concurrente, con plugins de caché y optimización como los que tienes ahora son más que suficientes.
Saludos 🙂
Respondido : 26/12/2020 9:23 pm
David me gusta
Perfecto, pues entonces probaré con autoptimize y el wp-optimize a ver si consigo mejorar los resultados.
¡Muchas gracias a los dos por vuestro tiempo como siempre!
Respondido : 26/12/2020 9:35 pm
Hola David,
Gracias a ti por consultarnos y por tu colaboración, recuerda que en el foro estamos para servirte.
Quedamos atentos a tus futuras consultas.
Saludos 🙂
Respondido : 26/12/2020 10:23 pm
