Botón de alternar descargado por https:// genera problemas con LiteSpeed cache

I am still without a solution.

Nuevamente aquí sin solución.

The file that loads the icons in svg format :

El archivo que carga los iconos en formato svg, es

/wp-content/themes/astra/assets/svg/svgs.json

To try to resolve the mixed content issue, I changed all occurrences of http: to https: and the resources loaded correctly although I still had the same problem, which is the page rendering completely warped.

Para intentar resolver el tema de contenido mixto, cambié todas las apariciones de http: por https: y los recursos se cargaron correctamente aunque continué con el mismo problema, que es el renderizado de la página completamente deformado.

As I said, the problem occurs when activating LiteSpeed ??Cache. More precisely a few hours after activating it.

Como dije el inconveniente se produce al activar LiteSpeed Cache. Más precisamente unas horas después de activarlo.

Well, I’ll wait for some information while I try to figure it out.

Bueno, quedaré a la espera de alguna información mientras intento resolverlo.

Greetings and apologies for any errors in the translation!

Saludos y disculpas por cualquier error en la traducción !

Hi @rubencipo,

Have you checked this doc?

If you still need any help, please share with us your site URL, so we can check it from our end.

Kind regards,
Herman ??

Hola @bsfherman, thanks for your reply.

Actually I initially disabled the cache, and I disabled the theme since yesterday.

Today I re-enabled Astra, ran the suggested Better Search Replace plugin making the substitutions, and enabled LiteSpeed ??Cache, and the issues occurred again.

The page already existed (without WordPress) years ago, being https from the beginning, so nothing had to be done regarding the certificate, but after migrating to WP these problems appear

The page is https://subcero.com.ar which now does not have the caching plugin enabled.

This is an image on GoogleDrive of the page at the moment it is distorted: distorted-image

If there is another better way to send the image please let me know.

WordPress 6.5.5 – Astra 4.7.2 – LiteSpeed Cache 6.2.0.1

Thank you, I await news to resolve the issue.

I keep the Spanish in case I had any translation errors, it can be checked.

Mantengo el castellano por si tuve algún error de traducción, se pueda cotejar.

En realidad en principio deshabilité la caché, y deshabilité el tema desde ayer.

Hoy volví a activar Astra, corrí el plugin sugerido Better Search Replace realizando las sustituciones y activé LiteSpeed Cache, y volví a sufrir los inconvenientes.

La página ya existía ( sin WordPress ) hace a?os, siendo https desde el principio, por lo que no hubo que hacer nada con respecto al certificado, pero luego de migrar a WP aparecen estos problemas.

La pagina es https://subcero.com.ar que ahora no tiene habilitado el plugin de caché.

Esta es una imagen en GoogleDrive de la página en el momento que está deformada : imagen-deformada

Si hay otro medio mejor de enviar la imagen por favor avisenme.

Gracias por el momento, espero noticias para poder resolver el tema.

Hi @rubencipo,

The image you shared, it seems you have deleted it as what I see is File is in owner's trash message.

Anyway, I check your site and I don’t see mixed-content error message on the browser console. Refer to this screenshot, please.

Have you resolved it?

Kind regards,
Herman ??

Hola @bsfherman,

Seguramente por error eliminé esa imagen, ya que había subido dos. Ya la repuse por si aún deseas verla, y sí, el problema está resuelto.

Las acciones que tomé fueron varias

1 – Edité el archivo wp-content/themes/astra/assets/svg/svgs.json, ya que aquí están las definiciones de las imágenes del menú que se utiliza en los móviles, para reemplazar cada aparición de http: con https: ( como comentario : no se podrá hacer directamente en el tema ? )

2 – Cambié los iconos que pueden cargarse en los botones de Spectra ( que también se cargan por http, nuevamente : no será mejor hacerlo directamente en el plugin ? ) por imágenes almacenadas en el servidor, debiendo cambiar de los botones de Spectra a los botones de Gutemberg.

3 – Modifiqué alguna configuración en LiteSpeed Cache entonces, para que cargue las imágenes optimizadas a partir de ahora. Evidentemente el plugin no podía servir los iconos de Spectra optimizados y servía imágenes enormes.

Bueno, esa es la razón de que ahora puedas ver la página correctamente.

Gracias igualmente Herman !

Ruben

Hi @rubencipo,

Thanks for replacing the screenshot. I can see it now.

Well, the broken layout that is seen in the screenshot, mostly it’s because the page loads the CSS file that no longer exists. And it’s usually due to the cache. Clearing the site cache should fix it.

Please let us know if you still need further assistance.

Kind regards,
Herman ??