RKR OptiMatters: Otimizador de CSS, JS e Google Fonts para PrestaShop
- Um ano de suporte técnico e atualizações vitalícias; a partir do segundo ano, o suporte é alargado por 30,23 €/ano e inclui as suas ideias de melhoria gerais para o módulo.
- Renova-se sozinha; cancela quando quiser, sem fidelização.
- Um ano de suporte técnico e atualizações vitalícias; depois, o suporte termina (com a subscrição é alargado por 30,23 €/ano).
- Um único pagamento, sem cobranças automáticas.
Remova CSS e JS desnecessários de cada página, adie a execução de scripts de terceiros até a primeira interação e utilize as fontes do Google a partir do seu servidor sem enviar os endereços IP dos seus visitantes para o Google.
Compatível com PrestaShop 1.7.8 a 9.2. Testado nas versões 1.7.8 , 8.2, 9.0, 9.1 e 9.2.
Velocidade e RGPD
Sua loja carrega estilos e scripts de módulos que a página nem sequer utiliza.
Cada módulo insere seu CSS e JS em todas as páginas, e as fontes do Google do tema enviam o endereço IP do visitante para o Google sem o consentimento dele. O RKR OptiMatters mostra o que cada página carrega, remove os arquivos desnecessários e serve suas fontes do seu próprio servidor.
Veja o que cada página carrega e de qual módulo.
O módulo inventaria os arquivos CSS e JS carregados na página inicial, categorias, produtos, carrinho, finalização da compra ou páginas do CMS, incluindo seu tamanho real , o módulo de origem, sua posição e a frequência com que aparecem. Você não precisa mais adivinhar o que está causando lentidão.
Regras por página, sem mexer no código.
Você escolhe um recurso (pelo nome, parte da URL ou usando uma expressão regular) e decide o que fazer com ele e onde. As regras podem ser limitadas por tipo de página, controlador, categoria, produto, página CMS, dispositivo, função do visitante ou URL, e são ordenadas por prioridade.
Fontes do Google no seu servidor, e somente as que você usar.
O módulo detecta as fontes do Google no seu tema, tema pai, módulos e páginas da loja, baixa os arquivos woff2 e reescreve o CSS para apontar para o seu domínio. Você mantém apenas as variações de peso e subconjuntos que suas páginas exigem (por padrão, Latin e Latin-ext), pré-carrega as famílias de fontes essenciais e define a font-display . Se uma família de fontes ainda não tiver sido baixada, ela mantém seu link original: sua loja nunca ficará sem fontes.
Seus visitantes não enviam mais seus endereços IP para o Google por meio das fontes. Com as fontes servidas localmente e as notificações de conexão com o Google removidas quando não houver mais referências, uma das preocupações mais frequentes em relação à proteção de dados desaparece. Em nosso teste, o HTML não apresentou nenhuma conexão com o Google. A conformidade com o GDPR depende de toda a sua loja, não apenas deste módulo.
Confira o resultado antes de confiar nele.
?rkrom_test=1 ) ou desativado ( ?rkrom_test=0 ) e comparar. Isso só funciona para quem está logado no painel administrativo: seus clientes sempre veem a loja otimizada. Na loja de testes com PrestaShop 9.1.5 duas regras foram suficientes: a página inicial parou de carregar 2 recursos desnecessários (68 KB a menos) e um script de terceiros começou a ser executado na primeira interação.
O que te preocupa?
?rkrom_disable=1 . defer . O CSS do selo é recebido apenas pelos administradores. Comece com uma regra em uma única página e meça seu desempenho usando o modo de teste. Teste antes de generalizar : o modo de teste permite visualizar o desempenho do store com e sem o otimizador.
Compatível com PrestaShop 1.7.8 a 9.2
Desenvolvido e mantido por REKIRE
-
Referênciarkroptimmatters
4 outros produtos da mesma categoria
También podría interesarte
Questions and answers
-
¿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.
-