[RÉGLÉ] Comment mettre en cache>>> Analytics, ReCaptcha, TagManager.

[MikedeThailande]

Bonjour à tous.

Lorsque je fais un ‘’speed test’’, il apparaît comme suggestion :

Exploitez la mise en cache du navigateur pour les ressources suivantes pouvant être mises en cache
(Pour Analytics, ReCaptcha et Tagmanager.)

Ma question : comment mettre ces ressources en mise en cache ?

Merci pour votre aide.
Mickael
Usb-laboratoire.com

[MikedeThailande]

Bonjour.

J'imagine qu'on peut pas, mais au moins y aurai t'il quelque chose a faire, pour que cela ne réduise pas la vitesse de chargement de mes Pages?
Peut être en mettant tous ces scripts tout en bas de la page et non tout en haut.
A moins que la perte de vitesse est vraiment un impact minimum, et donc vaut mieux rien faire, et laisser comme telle.

Merci. Mickaël

[daneel]

Bonjour,

Tu veux une piste de travail d'optimisation notamment pour recaptcha ?

Dans le code source de la page de ton site (bouton droit code source), tu peux vérifier que le fichier api.js soit bien avec async et defer.

Tu dois obtenir la ligne suivante :

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

async et defer sont des attributs qui modifient la manière dont le navigateur procède pour charger la page web, lire l'explication via le site alsacreation :
https://www.alsacreations.com/astuce...ync-defer.html
Tu peux voir que google l'indique également dans sa doc : https://developers.google.com/recaptcha/docs/display

Les codes analytics, publicité, fb, twitter et video externe comme youtube peuvent être traités de manière asynchrone mais cela doit être testé et vérifié car comme pour toute manipulations sur le chargement des fichiers js, cela a un impact sur le résultat.
J'en tiens compte bien evidemment dans la création de template et dans la prestation d'optimisation de site en testant bien evidemment.
J'utilise aussi l'attribut prefetch mais c'est une autre histoire...

EDIT :
Pour répondre à ta question initiale
Comment mettre en cache>>> Analytics :
j'ai déjà donné des réponses à ce sujet sur ce forum et Fred l'a repris dans son site :
https://forum.joomla.fr/forum/joomla...r-analytics-js
https://www.fred-net.fr/blog/joomla/...ogle-analytics

[MikedeThailande]

Bonjour Daneel

Pour Tag Manager : J'ai retirer le Plug-in, je ne pense pas en avoir besoin pour l'instant, j'ai seulement Google Analytics , et un petit site.

Pour Analytics: J'ai réussi a le placer en local avec le Cron..., comme expliquer dans le Blog de Fred, donc parfait merci.

Pour Recaptcha: Par contre, la c'est plus difficile, j'ai regarder un peu partout dans les dossiers, et le seul endroit ou apparaît une ligne a modifier (peut être), c'est en passant par mon FTP. Dans le dossier ''Plug in'' et ''ReCaptcha'', ensuite j'ouvre un fichier PHP , mais je ne sais pas si c'est le bonne endroit, j'ai pas trouver de ligne commençant par <script src comme c'est afficher sur le code source de ma page , donc voici le code que j'ai trouver =


heme = $this->params->get('theme', 'clean');
$file = 'https://www.google.com/recaptcha/api/js/recaptcha_ajax.js';

JHtml::_('script', $file);
JFactory::getDocument()->addScriptDeclaration('jQuery( document ).ready(function()
{Recaptcha.create("' . $pubkey . '", "' . $id . '", {theme: "' . $theme . '",' . $this->_getLanguage() . 'tabindex: 0});});');
}
else
{
// Load callback first for browser compatibility
JHtml::_('script', 'plg_captcha_recaptcha/recaptcha.min.js', array('version' => 'auto', 'relative' => true));

$file = 'https://www.google.com/recaptcha/api.js?onload=JoomlaInitReCaptcha2&render=explicit &hl='. JFactory::getLanguage()->getTag();
JHtml::_('script', $file);

[daneel]

Bonjour,

Il ne faut pas modifier les fichiers core sinon tes modifications seront probablement écrasées par une prochaine mise à jour de Joomla!

On peut gérer les appels de fichiers js et css via le fichier index du template en effectuant un "unset" en php pour désactiver la ligne que l'on remplace judicieusement par une version personnalisée avec "addscript" avec les options actives (defer, async) mais je vais trop loin...

Normalement, jch optimize effectue cela de manière transparente.
A défaut (pas trop le temps de chercher), tu peux toujours remplacer le plugin natif du recaptcha par une version custom :

https://simplifyyourweb.com/free-pro...stom-recaptcha

https://simplifyyourweb.com/free-products/custom-recaptcha/file/294-custom-recaptcha

Une fois configurée et activée en v2, on choisit cette version personnalisée de recaptcha dans la configuration du site.

Le résultat dans le code source obtenu après un test rapide : http://prntscr.com/isvwwc

C'est pratique avec custom-recaptcha car il n'y a aucune ressource supplémentaire utilisée (on ne fait que remplacer le plugin natif par un autre)
le plugin est indépendant de la version native (qui peut être dépublié).

[MikedeThailande]

Bonjour Daneel

J'ai installer le Custom-Recaptcha, ça fonctionne parfaitement, merci.
Je peux donc clôturer la discussion.

A bientôt.