Résultat pagespeed

Bonjour à tous !

J'ai une question à vous poser concernant le résultat pagespeed pour mon site web, que je commence à structurer.

J'ai un résultat relativement bon sur desktop mais sur le mobile c'est une cata.

Je dispose d'un theme wordpress, et j'ai toujours 2 ressources qui posent problème : le jquery.js et le style.css

Voici les suggestions de Google :

Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison
Votre page contient 1 ressources de script et 1 ressources CSS qui bloquent l'affichage de votre page, et donc le retardent.
Aucune partie du contenu situé au-dessus de la ligne de flottaison sur votre page n'a pu être affichée avant que le chargement des ressources suivantes n'ait été terminé. Essayez de différer le chargement des ressources qui bloquent votre page, de les charger de manière asynchrone, ou d'intégrer les parties essentielles de ces ressources directement dans le code HTML.
Supprimez les ressources JavaScript qui bloquent l'affichage :
https://www.digitalriver.fr/…1/wp-includes/js/jquery/jquery-1.12.4.js
Optimisez l'affichage des styles CSS pour les URL suivantes :
https://www.digitalriver.fr/wp-content/themes/revolution/style.css

https://developers.google.com/speed/pagespeed/insights/?hl=fr&url=https%3A%2F%2Fdigitalriver.fr%2F&tab=desktop

Je ne comprend pas trop comment il faut faire, j'ai pourtant parcouru google mais je comprend pas grand chose, c'est très technique...

Pourriez vous m'aider svp ?

merci beaucoup.

Bon, allez, comme personne ne répond, je m'y colle, mais je tiens à dire que je ne suis vraiment pas le répondant le plus qualifié.

Bon, sans autre connaissance du contexte, je te fournis ces quelques liens qui, je l'espère, pourront t'être utiles :

https://www.alsacreations.com/astuce/lire/1562-script-attribut-async-defer.html

https://www.alsacreations.com/outils/guidelines/Guidelines-JavaScript.md

https://academy.visiplus.com/blog/mobile-web/comment-javascript-influe-sur-la-vitesse-de-chargement-dune-page-web-mobile-2017-06-27

https://www.lije-creative.com/javascript-accelerer-chargement-site-internet/

https://blog.dareboost.com/fr/2017/12/differer-les-scripts-pour-accelerer-le-rendu/

https://www.alsacreations.com/outils/guidelines/Guidelines-CSS.md

http://www.thibautsoufflet.fr/pourquoi-et-comment-minifier-vos-fichiers-css-html-et-javascript/

Pour Le JS et le CSS: minifier.
Pour les CSS, optimiser (éviter les déclarations redondantes, les déclarations qui en écrasent d'autres, grâce à un meilleur ciblage), factoriser et minifier.

Il existe un tas d'outils de minification sur le web.

Bonne continuation.

Merci pour ta réponse !

J'ai deja un plugin nommé WP Rocket qui s'occupe d'un paquet de trucs, notamment de minifier le CSS et JS, j'ai optimisé mes images, exploité la mise ne cache navigateur, supprimé des plugins inutiles mais pour ce qui concerne cette optimisations de Google, je suis vraiment bloqué. Je ne comprend rien à tes liens c'est vraiment très technique pour un noob comme moi...
Moi ce que j'aimerai savoir c'est comment gérer ce foutu jquery qui bloque l'affichage, quel fichier toucher dans mon admin serveur. Quand je vois tous ces termes techniques, j'ai l'impression de voir une autre langue

Bref merci à toi !

Navré, mais comme je l'ai dit, je ne suis moi-même vraiment pas un pro du JavaScript
Modifié par thierry (30 Jul 2018 - 22:11)

Johan06 a écrit :
Merci pour ta réponse !
J'ai deja un plugin nommé WP Rocket qui s'occupe d'un paquet de trucs, notamment de minifier le CSS et JS, j'ai optimisé mes images, exploité la mise ne cache navigateur, supprimé des plugins inutiles mais pour ce qui concerne cette optimisations de Google, je suis vraiment bloqué. Je ne comprend rien à tes liens c'est vraiment très technique pour un noob comme moi...
Moi ce que j'aimerai savoir c'est comment gérer ce foutu jquery qui bloque l'affichage, quel fichier toucher dans mon admin serveur. Quand je vois tous ces termes techniques, j'ai l'impression de voir une autre langue
Bref merci à toi !

Fixer le blocage de rendu JS/CSS avec l’asynchronous plugin rendering.
D'autres ressources existent sur le web traitant du sujet... lequel requiert, de toute façon, une bonne base technique et compréhension de CSS / Javascript pour être abordé.
En général, ce type de problématique occupe un voire plusieurs chapitres dans les bouquins dédiés à l'optimisation des sites web et au SEO.
Difficile donc d'apporter une réponse complète et exhaustive à ton problème sur un forum, la solution restant intimement liée à la structure interne de ton site.