Eliminer les codes JS et CSS pour rendre site plus rapide

[Shivan666]

Bonjour tout le monde.

 

Après un test de mon site avec pagespeed insights

 

je vois ceci apparaitre:

Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison

Votre page contient 6 ressources de script et 5 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 :

• http://lacavernedesarah.com/…ache/7e36b1e3b370a5cc4127f1a625db0c4e.js (cache de mon thème)
• http://connect.facebook.net/fr_FR/all.js
• http://lacavernedesarah.com/themes/leowine/js/custom.js
• http://lacavernedesarah.com/themes/leowine/js/jquery.cookie.js
• http://lacavernedesarah.com/themes/leowine/js/lof-productimage.js
• http://www.googleadservices.com/pagead/conversion.js

Optimisez l'affichage des styles CSS pour les URL suivantes :

• http://lacavernedesarah.com/themes/leowine/css/bootstrap.css
• http://lacavernedesarah.com/…ccfe172ee0d35b3a0c8a6c4a08209bfd_all.css (cache de mon thème)
• http://lacavernedesarah.com/themes/leowine/css/fonts.css
• http://lacavernedesarah.com/themes/leowine/css/theme-responsive.css
• http://lacavernedesarah.com/…mes/leowine/css/bootstrap-responsive.css

que puis-je faire CONCRETEMENT pour améliorer tout cela ? tout en sachant que je suis extrêment novice en la matière ^^

je ne sais pas dans quel fichier html dois-je intégrer certains JS ?

de même je ne sais même pas qu'est-ce que cette ligne ? (http://connect.facebook.net/fr_FR/all.js) qui apparemment prends pas mal de temps

 

Je vous remercie pour votre aide et votre temps sur ce sujet

 

[Mediacom87]

Bonjour,

 

normalement en activant le déplacement du js dans le footer dans le menu Performances vous devriez déjà avoir un plus.

 

Sinon, votre template a un soucis de développement car les css et js ne sont pas minifiés avec le reste des js et css de votre site. (smartcache js et smartcache css dans le menu Performances). Vous devriez peut être en parler au créateur du template.

[Shivan666]

Bonjour mediacom87

 

merci de votre réponse.

 

je suis sous presta 1.5.5 (j'ai oublié de préciser ^^) et je n'ai pas ce que vous dites dans l'onglet performance... (déplacement du js)

 

je précise que je n'ai active le CCC pour les JS et le CSS que depuis cette après-midi, peut-être y'a til un temps de latence avant mise en place ?

 

je peux essayer de contacter les developpeurs du theme (mais ils sont aux USA apparemment, et pas très réactifs... sniff)

ce qui veut dire qu'il n'y pas de solutions pratiques à faire dans l'immédiat ?

 

Je vous remercie.

Cordialement

Edited September 2, 2016 by la caverne de sarah (see edit history)

[Shivan666]

un petit up

 

je vous remercie :D

[lukyluke]

Salut la communauté, j'ai exactement le même probleme, je suis sous PS 1.6.1.11 avec le template par defaut. Auriez vous une réponse à cette question a tout hasard?

[Tadaa !]

Bonjour.

 

Avez-vous tous les 2 testé votre site sur GTMetrix ?

Quelles notes obtenez-vous, et surtout quel est le poids d'une page produit, en combien de seconde se charge-t-elle, et combien de requêtes ça implique ?

Plus ces valeurs sont basses, et mieux c'est. Il y a souvent des facteurs qui ralentissent le site sans que ce soit du ressort de PS. Par exemple, un serveur mutualisé (lent par définition, ou un htaccess mal optimisé.

 

L'activation du CCC sur PS 1.5 impacte immédiatemment le site, à condition de vider le cache.

Idem pour les réglages de Performances dans Paramètres avancés sur PS 1.6

[zepelucheclub.com]

Bonjour à tous et meilleurs voeux,

je me permets de poster dans ce topic car il me semble avoir un problème similaire. Après avoir constaté une lenteur inexpliquée du chargement de mes pages et courageusement lancé le crawl de semrush, la dite plateforme me remonte des erreurs et des avertissements qui mettent en lumière des pbs de css, javascript et erreur 404. Je vais essayer d' être clair et concise:

Erreur: 360 problèmes avec des fichiers Javascript et CSS internes corrompus, lorsque je check chaque page, je remarque un problème récurrent dont je donne un exemple ci-après, je précise qu' il s' agit indistinctement de pages catégories ou accueil ou produit:

la page 

https://www.zepelucheclub.com/36-les-peluches-chiens-et-doudou-chien génère 4 pages css et javascript de type https://www.zepelucheclub.com/modules/everblock//views/css/custom-compressed1.css,  https://www.zepelucheclub.com/themes/at_favou/modules/appagebuilder/views/css/positions/contentduplicate_2921155093.css,  

https://www.zepelucheclub.com/modules/everblock//views/js/custom-compressed1.js,   https://www.zepelucheclub.com/themes/at_favou/modules/appagebuilder/views/js/positions/contentduplicate_2921155093.js,

si je tente de charger ces pages c' est une erreur 404, je précise que everblock est un module de la team ever pour rajouter des blocs de contenus sur les pages et que at favou est mon thème, appage builder le gestionnaire de mise en page du thème. Je souhaite éliminer les fichiers css et javascript corrompus, est-ce que quelqu'un sait comment faire.

merci d' avance

[Mediacom87]

Bonjour,

contactez le support de chaque module.