Bonjour,
après analyse Page Speed sur plusieurs site spip, j’obtient la remarque « #### Éliminer les codes JavaScript et CSS qui bloquent l’affichage du contenu au-dessus de la ligne de flottaison »
Y’a t’il un moyen de contourner cela ?
Merci !
Bonjour,
pour planter le décor, cette remarque cible les scripts qui sont présents essentiellement dans le header de la page ou dans son corps. Lors de l'affichage de la page, ils sont exécutés et donc le rendu final est décalé tant qu'ils n'ont pas fini de mouliner, ce que page speed n'aime pas.
Dans le cas de SPIP, les éléments en question sont traités essentiellement par #INSERT_HEAD . Donc pour s'affranchir de ce message, il ne faut pas utiliser cette balise et faire son boulot à la main, cad inclure manuellement les CSS et les scripts nécessaires au fonctionnement de la page. Et dans le cas des scripts, il faut donc les charger en asynchrone via un loader ou en pied de page.
Autrement dit:
- c'est casse pipe dans le cas d'une mise à jour du site ou des plugins.
- cela nécessite de bien savoir ou l'on met les pieds: qui fait quoi comme script, quand faut il le charger et pourquoi.
Donc oui, ce moyen existe mais il n'est clairement pas simple ...
Voila voila ...
Bonjour,
vous avez bien activé la compression des scripts et des css ?
Le 02/03/2016 08:57, Vincent a écrit :
Bonjour,
pour planter le décor, cette remarque cible les scripts qui sont présents essentiellement dans le header de la page ou dans son corps. Lors de l'affichage de la page, ils sont exécutés et donc le rendu final est décalé tant qu'ils n'ont pas fini de mouliner, ce que page speed n'aime pas.
Dans le cas de SPIP, les éléments en question sont traités essentiellement par #INSERT_HEAD . Donc pour s'affranchir de ce message, il ne faut pas utiliser cette balise et faire son boulot à la main, cad inclure manuellement les CSS et les scripts nécessaires au fonctionnement de la page. Et dans le cas des scripts, il faut donc les charger en asynchrone via un loader ou en pied de page.
Autrement dit:
- c'est casse pipe dans le cas d'une mise à jour du site ou des plugins.
- cela nécessite de bien savoir ou l'on met les pieds: qui fait quoi comme script, quand faut il le charger et pourquoi.Donc oui, ce moyen existe mais il n'est clairement pas simple ...
Voila voila ...
_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.netInfos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.netDocumentation de SPIP : http://www.spip.net/
Irc : de l'aide à toute heure : http://spip.net/irc
--
----
chan
Bonjour,
vous avez bien activé la compression des scripts et des css ?
A ma connaissance, la fusion/compression des scripts n'aide pas pour résoudre ce problème. Ce que "veut" pagespeed, c'est ce les scripts soient chargés en asynchrone pour ne pas bloquer le rendu, ou qu'ils soient chargés en synchrone, mais dans le footer ( après la ligne de flottaison ).
Gauthier Leclere a écrit le 01/03/2016 20:05 :
Bonjour,
après analyse Page Speed sur plusieurs site spip, j'obtient la remarque "
Éliminer les codes JavaScript et CSS qui bloquent l'affichage du
contenu au-dessus de la ligne de flottaison"Y'a t'il un moyen de contourner cela ?
SPIP 3.1 permet d'utiliser jql
Voir :
http://thread.gmane.org/gmane.comp.web.spip.zone/38788
--
RealET
Bonjour,
SPIP 3.1 permet d'utiliser jql
JQl : jQuery Async loader | PPT | Téléchargement Gratuit
merci pour l'info: il faudra que j'aille y gratter ! Ceci dit, le problème auquel je me suis heurté jusqu’à présent pour ce genre de choses est le mélange des scripts dans insert head. Pour arriver à faire un truc propre il faudrait savoir pour chaque script chargé par spip :
- s'il a des dépendances vis a vis d'un autre script.
- quand il doit être chargé.
Vu la manière dont fonctionnent les choses en spip 3.0 ça me paraissait un bout compliqué à faire sans casser la compatibilité ...
Ce que j'aurais aimé faire pour ma part, c'est intégrer proprement Modernizr ( https://modernizr.com/ ) , de manière à avoir des chargements conditionnels ( scripts et css ) et tout le bazar, mais cela parait assez compliqué de rendre le processus automatique ...
Je suis assez preneur de retours d'expériences et d'avis sur le sujet car le fait de tout charger à la main me pose quand même problème :s