Sin impuesto Con impuesto
RKR OptiMatters : optimiseur CSS, JS et Google Fonts pour PrestaShop

RKR OptiMatters : optimiseur CSS, JS et Google Fonts pour PrestaShop

120,88 €
Première année:120,88 €TTC
À partir de la deuxième année:30,23 €/anTTC
  • Un an de support technique et des mises à jour à vie ; à partir de la deuxième année, le support est prolongé pour 30,23 €/an et inclut la prise en compte de vos idées d'amélioration générales du module.
  • Renouvellement automatique ; résiliable à tout moment, sans engagement.
Paiement unique:120,88 €TTC
  • Un an de support technique et des mises à jour à vie ; ensuite, le support s'arrête (avec l'abonnement, il est prolongé pour 30,23 €/an).
  • Un seul paiement, sans prélèvement automatique.
99,90 € Sin impuesto120,88 € Con impuesto

Supprimez les fichiers CSS et JS inutiles de chaque page, retardez l'exécution des scripts tiers jusqu'à la première interaction et servez les polices Google depuis votre serveur sans envoyer les adresses IP de vos visiteurs à Google.

Compatible avec PrestaShop 1.7.8 à 9.2. Testé sur PrestaShop 1.7.8 , 8.2, 9.0, 9.1 et 9.2.

Partager
Read also on our blog

Contenu expert

Vérifié par nos experts

Written by

Reviewed by

See all our experts

Contenu rédigé et vérifié par des professionnels qualifiés. Les informations sont fournies à titre indicatif.

Vitesse et RGPD

Votre boutique charge des styles et des scripts provenant de modules que la page n'utilise même pas.

Chaque module insère son CSS et son JS dans chaque page, et les polices Google du thème envoient l'adresse IP de vos visiteurs à Google sans leur consentement. RKR OptiMatters vous indique le contenu de chaque page, supprime les fichiers inutiles et héberge vos polices sur votre propre serveur.

6 actions
supprimer, différer, asynchrone, attendre la première interaction, décharger après le chargement et forcer
42 → 8 fichiers
Lors de notre test Google Fonts : de 1,8 Mo à 209 Ko, et le code HTML sans aucun lien avec Google.
1.7.8 → 9.2
une seule version du module pour toutes vos boutiques PrestaShop

Observez le contenu de chaque page et le module à partir duquel elle est chargée.

Ce module recense les fichiers CSS et JS chargés sur les pages d'accueil, de catégories, de produits, de panier, de paiement ou de gestion de contenu, en précisant leur taille , le module source, leur position et leur fréquence d'affichage. Vous n'aurez plus à deviner ce qui ralentit votre site.

Règles par page, sans modifier le code

Vous sélectionnez une ressource (par son nom, une partie de son URL ou à l'aide d'une expression régulière) et décidez de son utilisation et de son emplacement. Les règles peuvent être limitées par type de page, contrôleur, catégorie, produit, page CMS, appareil, rôle du visiteur ou URL, et sont classées par ordre de priorité.

Supprimez ce qui n'est pas nécessaire
Le CSS d'un module de formulaire n'a pas besoin d'être chargé dans la fiche produit : il suffit de le supprimer.
Différer et asynchrone
Les scripts cessent d'empêcher le chargement de la page.
Attendez la première interaction
Les scripts tiers s'exécutent lorsque le visiteur interagit avec la page, dans l'ordre du document, avec une durée de sécurité maximale et une liste d'exceptions.
Télécharger après le chargement et le forçage
Téléchargez la ressource une fois la page affichée. Et « Forcer le chargement » prime toujours sur toute autre règle, afin de protéger les données essentielles.

Google Fonts sur votre serveur, et uniquement ce que vous utilisez

Ce module détecte les polices Google dans votre thème, son thème parent, vos modules et les pages de votre boutique, télécharge les fichiers woff2 et réécrit le CSS pour qu'il pointe vers votre domaine. Vous conservez uniquement les graisses et les sous-ensembles nécessaires à vos pages (par défaut, Latin et Latin-ext), précharge les familles de polices essentielles et configure l' font-display . Si une famille de polices n'a pas encore été téléchargée, son lien d'origine est conservé : votre boutique ne sera jamais à court de polices.

Vos visiteurs ne transmettent plus leur adresse IP à Google via les polices. Grâce à l'hébergement local des polices et à la suppression des notifications de connexion à Google dès qu'il n'y a plus de références, l'une des principales préoccupations en matière de protection des données disparaît. Lors de notre test, le code HTML n'a établi aucune connexion avec Google. La conformité au RGPD concerne l'ensemble de votre boutique, et pas seulement ce module.

Vérifiez le résultat avant de lui faire confiance.

Mode test avant/après
Depuis le tableau de bord, vous pouvez ouvrir n'importe quelle page avec l'optimiseur activé ( ?rkrom_test=1 ) ou désactivé ( ?rkrom_test=0 ) et comparer les deux. Cette fonctionnalité est réservée aux utilisateurs connectés à l'interface d'administration : vos clients voient toujours la boutique optimisée.
Statistiques avec graphiques
Évolution quotidienne, activité des règles, carte thermique horaire, radar et bien plus encore, pour voir ce qui est réellement sauvegardé.
Badge Économies, réservé aux administrateurs
Un indicateur sur la page, visible uniquement par les utilisateurs connectés à l'interface d'administration. Vos clients ne le verront pas.
Données de démonstration
Un clic permet d'afficher tous les panneaux contenant des exemples de données, et un bouton dédié permet de les supprimer.

Dans la boutique de test avec PrestaShop 9.1.5 deux règles ont suffi : la page d'accueil a cessé de charger 2 ressources dont elle n'avait pas besoin (68 Ko de moins) et un script tiers a commencé à s'exécuter dès la première interaction.

Qu'est-ce qui vous inquiète ?

Et si quelque chose tourne mal ?
Si l'un de vos hooks provoque une erreur côté client, le module se met automatiquement en quarantaine afin que votre boutique puisse continuer à fonctionner. Vous pouvez ensuite le redémarrer via Outils > Vider le cache interne. Vous pouvez diagnostiquer le problème à l'aide de ?rkrom_disable=1 .
Poids pour le visiteur
Ce module n'ajoute rien à vos visiteurs, si ce n'est un petit script avec defer . Le CSS du badge n'est visible que par les administrateurs.
Importation, exportation et guide
Exportez et importez vos paramètres au format JSON ou CSV pour les transférer d'une boutique à l'autre. Le tableau de bord inclut un guide expliquant chaque fonction.
Magasins multiples et langues
Paramètres spécifiques à la boutique. Espagnol et anglais inclus ; vous pouvez compléter le reste dans International > Traductions.
Sécurité
Jeton pour chaque action, autorisations de profil back-office et téléchargements de polices uniquement depuis fonts.googleapis.com et fonts.gstatic.com , toujours via HTTPS.

Commencez par une règle sur une seule page et évaluez-la en mode test. Testez avant de généraliser : le mode test vous permet de visualiser la boutique avec et sans l’optimiseur.

Compatible avec PrestaShop 1.7.8 à 9.2

Développé et maintenu par REKIRE

  • Référence
    rkroptimmatters

4 autres produits de la même catégorie

Redirections 301 et 410 pour PrestaShop | Redirections RKR
Module de redirection
30,25 €
25,00 € Sin impuesto30,25 € Con impuesto
Blog

Questions and answers

  • ¿Qué hace OptiMatters que no haga la opción de combinar CSS y JS de PrestaShop?

    Equipo de Rekire

    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.

      Equipo de RekireThe shop

  • ¿Cómo sirve las Google Fonts desde mi servidor?

    Equipo de Rekire

    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.

      Equipo de RekireThe shop

  • ¿Con esto mi tienda cumple el RGPD?

    Equipo de Rekire

    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.

      Equipo de RekireThe shop

  • ¿Y si una regla rompe algo en la tienda?

    Equipo de Rekire

    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.

      Equipo de RekireThe shop

  • ¿Mis clientes verán algo distinto o cargará más la tienda?

    Equipo de Rekire

    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.

      Equipo de RekireThe shop

  • ¿En qué versiones de PrestaShop se ha probado?

    Equipo de Rekire

    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.

      Equipo de RekireThe shop

Consentement aux cookies
Retour en haut