"Smart cache" para las hojas de estilo (CSS). Error al ponerlo en SI  

Hola Carlos,

Revisa este artículo donde explico las configuraciones recomendadas para Smarty y otras:

- Algunas optimizaciones recomendadas en PrestaShop para mejorar el rendimiento de tu Tienda - https://www.webempresa.com/blog/algunas-optimizaciones-recomendadas-en-prestashop-para-mejorar-el-rendimiento-de-tu-tienda.html

Saludos

Buenos días.
Gracias por tu respuesta.

Si este artículo ya lo leí hace un par de días y me ha sido muy util par optimizar el rendimiento.

Pero mi problema como te explico en el primer post es "Smart cache" para las hojas de estilo (CSS) ya que si esta la pongo en SI se me descuadra la hoja de estilos y se ve mal la web. Me da la sensación que coge los estilos por defecto que traía la plantilla que tengo implementada antes de que yo le hiciera algunos cambios.

He purgado la cache y he probado todas las combinaciones de cache para evitar esto pero cuando pongo la opción de las hojas de estilo en SI vuelve a descuadrarse la web. Como si no se borrase la cache de las hojas de estilo nunca.

Sabes si lo puedo borrar a mano desde algún fichero y si puede ser esa la solución.

Gracias y un saludo!

Hola Carlos.

Revisa esta entrada del foro de prestashop donde tratan el tema -> https://www.prestashop.com/forums/topic/520452-update-from-1614-to-1615/?page=2

Un saludo

Hola Pepe! Muchas gracias por tu respuesta.

Esta tarde lo he estado mirando y he probado todas las soluciones que mencionan en el post, borrar caches a mano, etc. Incluso he mirado el archivo media.php para modificar las líneas que indican, pero esas lineas ya están modificadas en la versión de prestashop que uso que es la última 1.6.1.17.

Pero ninguna ha solucionado el problema, sigo teniendo descuadrada la apariencia de la web si activo el "Smart cache" para las hojas de estilo (CSS).

Solo me queda por probar lo de modificar los registros en la base de datos, pero no me queda muy claro que debo hacer copio y pego:

Let me explain to everyone what's going on after the upgrade:
After a successful upgrade, the files that need to be served have become different.
This means that the combined cache (CSS + JS) needs to be renewed and thus create a new combined file, e.g. v_xxx_xxxxx_all.css
The reference (or version number) to this file is kept in the configuration key PS_CSSJS_VERSION (table ps_configuration). If this reference is not updated, your PrestaShop will refer to the old non-existent file. In order to update the reference you can either:
- Turn off CCC and reenable it.
- Remove the configuration key from the table ps_configuration and ps_configuration_shop
If this doesn't help, you most likely have a working combined JS file, but no correct layout due to a missing v_xxx_xxx_all.css file.
In order to fix this you might have to check the permissions on the folder /themes//cache. Most important, PrestaShop will need to have just enough permissions to generate a new file and maintain ownership. For this you will need to make the current apache/nginx user the owner of the files. If you don't, there's a big chance that this will break again somewhere in the future. You can verify the correct settings with your hosting provider.
After you have verified the permissions you can try to renegerate the files again using the above-mentioned method.
If this still does not help you will need to check if there is any incorrectly configured caching on your server:
- Because the reference is stored in the database, make sure that your database server DOES NOT cache the ps_configuration table. It's too volatile to be cached.
- If you use any third party full page caching module, empty the cache as it will also cache the incorrect reference after an upgrade. If the full page cache module uses browser caching, wait until the cache has expired or empty your browser cache if you know how to do that.
- I can't verify whether Smarty caches the reference, so emptying the Smarty cache might help, but I'm not sure.
- Cloudflare is known to also apply browser caching for 4 hours by default. Select purge all files when using CloudFlare.
Still no luck? Consult a developer who can inspect your PrestaShop/webserver locally as there might be a bigger problem.

Sabes que tengo que hacer exactamente?

Un saludo y muchas gracias.

Hola

Lo que creo que puede ocurrir es algún tipo de conflicto CSS, ya que como comentas en un inicio has hecho modificaciones CSS, al activar la opción de compresión reduce espacios y minifica el archivo, si tus modificaciones tienen sintaxis incorrecta por ejemplo, ( ten en cuenta que funcionarían tus modificaciones sin compresión porque tiene espacio y no estan combinadas con otras)

También es posible que tus modificaciones esten correctas y el problema venga por los estilos de un módulo que instalaste, la lógica sería la misma.

En conclusión creo que así elimines la cache continuará el problema ya que se tratará de minificar lo mismo.

Lo que podrías hacer para descartar primero problema con tu theme, ya que también es posible que tu theme por si mismo tenga mal algunos CSS, es probar instalar tu theme en otro sitio de pruebas y verificar si activando estos parámetros te sucede lo mismo.

Saludos.

Hola Jhon, muchas gracias por contestar.

Lo que podrías hacer para descartar primero problema con tu theme, ya que también es posible que tu theme por si mismo tenga mal algunos CSS, es probar instalar tu theme en otro sitio de pruebas y verificar si activando estos parámetros te sucede lo mismo.

Si, desgraciadamente la opción "Smart cache" para las hojas de estilo (CSS) en NO ya estaba en mi antiguo servido así porque me daba los mismos problemas y además tenia la web clonada para hacer pruebas y nunca lo he podido solucionar.

El theme que tengo instalado se configura desde el administrador de prestashop y en teoría no hay que tocar el codigo css. Es este : https://themeforest.net/item/control-prestashop-theme-responsive-included-blog/7048341

Realmente ya no se que hacer, la puntuación en pagespeed de google para móvil es baja 66/100 y pensaba solucionar esto la subiría.

Un saludo y muchas gracias.

Hola

La propia demo del theme sale con una puntuación muy baja en Google Page Speed:
Contenido solo visible a usuarios registrados

Veo que tienes un código CSS como parte de HTML, el problema es que Google no esta considerando tu sitio como optimizado HTML posiblemente por ese código, asumo que este código lo personalizaste desde tu theme, en este caso mejor agregar ese código como parte de algún archivo .css que carga tu theme

Saludos.

Hola Jhon!

Si, lamentablemente cuando compré el theme me fijé más en la personalización que en el tema de rendimiento.

Referente a el css en el html lo revisaré, pero... vreo haber leido en algún sitio que Google aconseja insertar parte del css dentro del mismo html, no?

Un saludo.

Hola Carlos.

Si lo añades como parte de HTML este código no se comprime por lo que seguirías con los mismos problemas.
Todo el tema de estilos es mejor tratarlos desde su propio archivo de estilos CSS.

Una programación deficiente de la plantilla puede provocar todos los problemas que nos estas comentando.

Como et comenta jhon podrías realizar un clon de la web y activar otra plantilla por ejemplo la que tiene por defecto prestashop y realizar la prueba con ese clon.

Un saludo

Gracias por vuestras respuestas.
Ese css incrustado en codigo html es de el módulo del aviso de cookies, y ya venía así, solo modifique colores y forma. Miraré de colocarlo en un css y llamarlo desde el archivo php

Un saludo y muchas gracias.

Hola Carlos.

Ok, dejamos el hilo en espera por si necesitas retomar el tema.

Un saludo