RKR OptiMatters: optimizador de CSS, JS y Google Fonts para PrestaShop
- Un año de soporte técnico y actualizaciones de por vida; desde el segundo año, el soporte se amplía por 30,23 €/año e incluye atender tus ideas de mejora generales del módulo.
- Se renueva sola; la cancelas cuando quieras, sin permanencia.
- Un año de soporte técnico y actualizaciones de por vida; después, el soporte termina (con la suscripción se amplía por 30,23 €/año).
- Un solo pago, sin cobros automáticos.
Quita de cada página el CSS y el JS que no necesita, retrasa los scripts de terceros hasta la primera interacción y sirve las Google Fonts desde tu servidor, sin enviar la IP de tus visitantes a Google.
Compatible con PrestaShop 1.7.8 a 9.2. Probado en PrestaShop 1.7.8, 8.2, 9.0, 9.1 y 9.2.
Velocidad y RGPD
Tu tienda carga estilos y scripts de módulos que esa página ni usa.
Cada módulo mete su CSS y su JS en todas las páginas, y las Google Fonts del tema mandan la IP de tu visitante a Google sin que haya dado su consentimiento. RKR OptiMatters te enseña qué carga cada página, quita lo que sobra y sirve tus fuentes desde tu propio servidor.
/ Ve qué carga cada página, y de qué módulo
El módulo hace un inventario de los CSS y JS que se cargan en portada, categoría, producto, carrito, checkout o páginas CMS, con su peso real, el módulo de origen, su posición y las veces que aparece. Dejas de adivinar quién ralentiza qué.
/ Reglas por página, sin tocar código
Eliges un recurso (por nombre, por parte de su URL o con expresión regular) y decides qué hacer con él y dónde. Las reglas se pueden limitar por tipo de página, controlador, categoría, producto, página CMS, dispositivo, rol del visitante o URL, y se ordenan por prioridad.
/ Google Fonts en tu servidor, y solo lo que usas
El módulo detecta las Google Fonts en tu tema, en tu tema padre, en los módulos y en las páginas reales de la tienda, descarga los ficheros woff2 y reescribe el CSS para que apunte a tu dominio. Te quedas solo con los pesos y subconjuntos que tus páginas piden (por defecto, latin y latin-ext), precargas las familias críticas y fijas el font-display. Si una familia aún no está descargada, conserva su enlace original: tu tienda nunca se queda sin tipografía.
Tu visitante ya no envía su IP a Google por las fuentes. Con las fuentes servidas en local y los avisos de conexión a Google retirados cuando ya no queda ninguna referencia, desaparece uno de los puntos que más se reclaman en protección de datos. En nuestra prueba, el HTML quedó sin ninguna conexión a Google. Cumplir con el RGPD en su conjunto depende de toda tu tienda, no solo de este módulo.
/ Comprueba el resultado antes de fiarte
?rkrom_test=1) o apagado (?rkrom_test=0) y comparas. Solo funciona para quien está conectado al back-office: tus clientes ven siempre la tienda optimizada.En la tienda de pruebas con PrestaShop 9.1.5 bastaron dos reglas: la portada dejó de cargar 2 recursos que no necesitaba (68 KB menos) y un script de terceros pasó a ejecutarse en la primera interacción.
/ Lo que te preocupa
?rkrom_disable=1 puedes diagnosticar.defer. El CSS del distintivo solo lo reciben los administradores.Empieza por una regla en una sola página y mídela con el modo prueba. Prueba antes de generalizar: el modo prueba te deja ver la tienda con y sin el optimizador.
Compatible con PrestaShop 1.7.8 a 9.2
Desarrollado y mantenido por REKIRE
-
Referenciarkroptimmatters
4 otros productos de la misma categoría
También podría interesarte
Preguntas y respuestas
-
¿Qué hace OptiMatters que no haga la opción de combinar CSS y JS de PrestaShop?
0-
Combinar ficheros no evita cargar lo que una página no usa. OptiMatters hace un inventario de los CSS y JS de cada tipo de página, con su peso y el módulo de origen, y te deja crear reglas para quitar un recurso donde sobra, cargarlo con defer o async, retrasarlo hasta la primera interacción, descargarlo tras cargar la página o forzarlo. Las reglas se limitan por tipo de página, controlador, categoría, producto, CMS, dispositivo, rol del visitante o URL.
-
-
¿Cómo sirve las Google Fonts desde mi servidor?
0-
Detecta las Google Fonts de tu tema, del tema padre, de los módulos y de las páginas reales, descarga los ficheros woff2 y reescribe el CSS para que apunte a tu dominio. Se queda solo con los pesos y subconjuntos que usan tus páginas (por defecto latin y latin-ext), te deja precargar las familias críticas y fijar el font-display. Si una familia aún no está descargada, mantiene su enlace original para que la tienda nunca se quede sin tipografía.
-
-
¿Con esto mi tienda cumple el RGPD?
0-
Con las fuentes servidas en local, tu visitante deja de enviar su IP a Google por las fuentes, que es uno de los puntos que más se reclaman en protección de datos. Pero cumplir el RGPD en su conjunto depende de toda tu tienda, no solo de este módulo.
-
-
¿Y si una regla rompe algo en la tienda?
0-
Antes de fiarte, compruébalo con el modo prueba: abres cualquier página con el optimizador encendido (?rkrom_test=1) o apagado (?rkrom_test=0) y comparas; solo funciona para quien está conectado al back-office. «Forzar carga» siempre gana a cualquier otra regla para proteger lo imprescindible. Y si un enganche del módulo da un error en el front, el módulo se pone en cuarentena él solo para que la tienda siga funcionando.
-
-
¿Mis clientes verán algo distinto o cargará más la tienda?
0-
No verán nada nuevo: el distintivo de ahorro y su CSS solo los recibe quien está conectado al back-office. Para tus visitantes, el módulo solo añade un script pequeño con defer.
-
-
¿En qué versiones de PrestaShop se ha probado?
0-
Es compatible de PrestaShop 1.7.8 a 9.2 y se ha probado en 1.7.8, 8.2, 9.0, 9.1 y 9.2, con una sola versión del módulo para todas. La configuración es por tienda en multitienda, y puedes exportarla e importarla en JSON o CSV para llevarla de una tienda a otra.
-