Vous n'êtes pas identifié(e).

  • Contributions :
  • Vos boîtes de messages privés sont vides.

#1 2017-05-06 09:46:08

Mention superframboise
Soldier
Lieu : A l'autre bout du monde
Inscription : 2017-03-10
Messages : 977

Netlinking
Networking SEO
Audit et Analyse
Netlinking Auto
Site Web

Éliminer les codes JS et les styles CSS qui bloquent l’affichage

Salut,

voici une astuce pour éliminer les codes Javascript et les styles CSS qui bloquent l’affichage si vous êtes sur Wordpress et que vous testez les performances de votre site avec le module PageSpeed de Google.

Voici le code à insérer dans le fichier functions.php de votre thème Wordpress


<?php
// Passer tous les scripts JS à la fin automatiquement
remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
remove_action('wp_head', 'wp_enqueue_scripts', 1);
add_action('wp_footer', 'wp_print_scripts');
add_action('wp_footer', 'wp_enqueue_scripts');
add_action('wp_footer', 'wp_print_head_scripts');

// Passer les styles CSS à la fin automatiquement
add_action('wp_print_styles', 'dequeue_all_styles');
function dequeue_all_styles() {
  global $wp_styles, $all_enqueue_styles;
  $all_enqueue_styles = $wp_styles->queue;

  foreach($wp_styles->queue as $dequeue_style) {
    wp_dequeue_style($dequeue_style);
  }

  add_action('wp_footer', 'enqueue_all_styles', 0);
  function enqueue_all_styles() {
    global $all_enqueue_styles;
    foreach($all_enqueue_styles as $enqueue_style) {
      wp_enqueue_style($enqueue_style);
    }
  }
}
?>

 

Pour plus d'informations, voici le lien de la source http://blog.internet-formation.fr/2015/08/pagespeed-wordpress-seo-eliminer-les-codes-javascript-et-les-styles-css-qui-bloquent-affichage/


-------------------------------------------------------------

Création de site internet Wordpress | Audit SEO | Consulting

Hors ligne

#2 2017-05-06 11:45:02

Mention Zidy
Soldier
Inscription : 2016-06-29
Messages : 476

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

@superframboise
Un grand merci. Je cherchais justement la solution.
Tu me la donnes sur un plateau d'argent là big_smile

Dernière modification par Zidy (2017-05-06 11:45:18)

Hors ligne

#3 2017-05-06 12:16:43

Mention superframboise
Soldier
Lieu : A l'autre bout du monde
Inscription : 2017-03-10
Messages : 977

Netlinking
Networking SEO
Audit et Analyse
Netlinking Auto
Site Web

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

Avec plaisir mon ami big_smile


-------------------------------------------------------------

Création de site internet Wordpress | Audit SEO | Consulting

Hors ligne

#4 2017-05-06 13:33:31

Mention dustnbones
Soldier
Lieu : Montpellier
Inscription : 2016-04-23
Messages : 166

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

Génial ! Merci infiniment !!

Hors ligne

#5 2017-05-06 13:39:21

Mention superframboise
Soldier
Lieu : A l'autre bout du monde
Inscription : 2017-03-10
Messages : 977

Netlinking
Networking SEO
Audit et Analyse
Netlinking Auto
Site Web

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

you're welcome my friend tongue


-------------------------------------------------------------

Création de site internet Wordpress | Audit SEO | Consulting

Hors ligne

#6 2017-05-06 13:41:35

Mention Onice
Scout
Inscription : 2016-05-14
Messages : 146

Marketing
Copywriting
Netlinking

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

C'est beau smile

Super tips la framboise.

Dommage que sur certain de mes thèmes ça me pause des problèmes sad

Dernière modification par Onice (2017-05-06 13:41:47)

Hors ligne

#7 2017-05-06 13:45:32

Mention superframboise
Soldier
Lieu : A l'autre bout du monde
Inscription : 2017-03-10
Messages : 977

Netlinking
Networking SEO
Audit et Analyse
Netlinking Auto
Site Web

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

@Onice tongue après c'est vrai que ca peut poser des soucis de stabilité ou bugs car tu diffères le chargement css et js, et ce sont souvent les js qui foutent la merde....

Google, UX, SEO... pas toujours simple à choisir big_smile


-------------------------------------------------------------

Création de site internet Wordpress | Audit SEO | Consulting

Hors ligne

#8 2017-05-06 15:04:10

Mention Zidy
Soldier
Inscription : 2016-06-29
Messages : 476

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

Oui, léger problème d'affichage bizarre au chargement, mais après c'est OK.

Par contre sur la version mobile, ça ne fonctionne pas. Google speed insight me met tjs l'erreur.

Dernière modification par Zidy (2017-05-06 15:06:37)

Hors ligne

#9 2017-05-06 15:13:32

Mention superframboise
Soldier
Lieu : A l'autre bout du monde
Inscription : 2017-03-10
Messages : 977

Netlinking
Networking SEO
Audit et Analyse
Netlinking Auto
Site Web

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

@Zidy ah oui pas bête l'histoire de la version mobile, j'avais pas fait gaffe...

T'as testé en mettant les scripts JS en asynchrone ? cf ici https://blog.netapsys.fr/performance-differer-le-chargement-des-ressources/

Sinon c'est une version responsive ou AMP que t'as ?

Dernière modification par superframboise (2017-05-06 15:13:43)


-------------------------------------------------------------

Création de site internet Wordpress | Audit SEO | Consulting

Hors ligne

#10 2017-05-06 15:33:32

Mention Zidy
Soldier
Inscription : 2016-06-29
Messages : 476

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

C'est une responsive.
Thème Extra de divi et rehub.

Mais avec l'Extra, j'ai le problème qu'il ne m'affiche plus rien dans mes catégories

Hors ligne

#11 2017-05-06 15:42:56

Mention superframboise
Soldier
Lieu : A l'autre bout du monde
Inscription : 2017-03-10
Messages : 977

Netlinking
Networking SEO
Audit et Analyse
Netlinking Auto
Site Web

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

Arf ca craint du boudin...

essaie en mettant cette ligne en commentaire

remove_action('wp_head', 'wp_enqueue_scripts', 1);

et sa ligne équivalente

add_action('wp_footer', 'wp_enqueue_scripts');

Ce qui donne le code suivant

remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
// remove_action('wp_head', 'wp_enqueue_scripts', 1); // Code commenté car il fait planter certaines extensions
add_action('wp_footer', 'wp_print_scripts');
add_action('wp_footer', 'wp_print_head_scripts');
// add_action('wp_footer', 'wp_enqueue_scripts'); // Code commenté car il fait planter certaines extensions

le décalage de certaines actions du hook "wp_head" peut causer des soucis, il faut voir au cas par cas en désactivant ou activant certaines fonctionnalités.

Après c'est au cas par cas, car ca peut aussi venir d'un soucis de compatibilité avec certains plugins...


-------------------------------------------------------------

Création de site internet Wordpress | Audit SEO | Consulting

Hors ligne

#12 2017-05-06 20:15:32

Mention Onice
Scout
Inscription : 2016-05-14
Messages : 146

Marketing
Copywriting
Netlinking

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

Zidy a écrit :

C'est une responsive.
Thème Extra de divi et rehub.

Mais avec l'Extra, j'ai le problème qu'il ne m'affiche plus rien dans mes catégories

Le code pose des problèmes avec tous les thèmes elegant theme, entre script qui charge plus et css qui cafouille.
Je me pencherai dessus un de ces jours car j'en suis un gros consommateur.

Hors ligne

#13 2017-05-07 21:04:59

Mention Dreammy
Scout
Inscription : 2015-03-15
Messages : 443

Comunity Management
Marketing

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

Onice a écrit :
Zidy a écrit :

C'est une responsive.
Thème Extra de divi et rehub.

Mais avec l'Extra, j'ai le problème qu'il ne m'affiche plus rien dans mes catégories

Le code pose des problèmes avec tous les thèmes elegant theme, entre script qui charge plus et css qui cafouille.
Je me pencherai dessus un de ces jours car j'en suis un gros consommateur.


Effectivement j'utilise aussi Extra et sa cafouille si tu y arrive smile ! N'hésitez pas à partager

Hors ligne

#14 2017-05-13 04:58:19

Mention NA
Scout
Inscription : 2017-05-04
Messages : 18

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

message pour scout
bonjour
moi jai rehub et j'ai fait les modif comme indiqué et j'ai des sliders qui ne s'ouvrent plus .. le barrare
on a pas de solution
c'est en gros quoi la solution avec rehub .?
merci pour la réponse
na

Hors ligne

#15 2017-05-14 08:47:09

Mention superframboise
Soldier
Lieu : A l'autre bout du monde
Inscription : 2017-03-10
Messages : 977

Netlinking
Networking SEO
Audit et Analyse
Netlinking Auto
Site Web

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

@NA pas la peine de me contacter en privé ni de m'envoyer un mail via mon site internet. Tu te prends pour qui concrètement ? Tu viens d'arriver sur le forum le 04 mai, soit il y a 10 jours, tu n'as posté que 3 messages incluant la présentation et 2 demandes. Aucun partage avec la communauté.

Je partage généreusement une astuce qui, si tu lisais le post, ne marche pas à tous les coups avec un lien pour plus d'informations. Je ne connais pas rehub.

Tu oses me demander ce service "rapidement" sur un ton condescendant, comme si c'était un dû....

Pas la peine de me contacter de nouveau, je ne prendrais pas la peine de te répondre.

Dernière modification par superframboise (2017-05-14 10:28:04)


-------------------------------------------------------------

Création de site internet Wordpress | Audit SEO | Consulting

Hors ligne

#16 2017-05-14 22:51:07

Mention NA
Scout
Inscription : 2017-05-04
Messages : 18

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

j'étais prêt à payer le service cher monsieur
rien d'offensent de ma part
dans ce cas il ne faut pas donner votre site
bien cordialement
et bonjour l'ouverture ....
pour un site d'entraides
les astuces proposées ne marche pas sur rehub c'est tout ce que je disais et vous offusquez pour si peu ..
c'est pour cette raison que je vous demandais une aide extérieure même payante
ce n'étais pas mon but ..
j'ai rien compris à votre réaction
si vous êtes un bon la moindre des choses c'est peut être de proposer vos services même payants ..
vous êtes au niveau de la mauvaise réputation extérieure de ce site avec des comportements acides comme le votre
merci
je suis quelqu'un d'abordable ..

Hors ligne

#17 2017-05-18 10:23:12

Mention Zidy
Soldier
Inscription : 2016-06-29
Messages : 476

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

Salut.

En ce qui conecrene le thème REHUB, je viens de tomber sur ça. C'est une bonne base afin de l'optimiser, car il bug avec certains plug-ins.
Ici, il expliquent comment faire.
Je vais tester ça aujourd'hui.
Ca pourra certainement aider @NA après son monologue (qui pour moi viendrait certainement d'une soulographie vu l'heure et le contenu des messages big_smile )
hxxps://wpsoul.com/how-optimize-speed-of-wordpress/

Dernière modification par Zidy (2017-05-18 10:26:31)

Hors ligne

#18 2017-05-18 10:28:11

Mention Jaffaar
Guardian
Lieu : Marseille
Inscription : 2012-06-01
Messages : 5 712

Développement PHP
Développement JS
Networking SEO
Social Engineering
Site Web

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

@NA attentions à ton comportement stp.


⌕ Tu veux Ranker ?
⏩ Active le mode automatique : SEO Quartz             
⏩ Profite d'un consultant SEO (sur Marseille ou sur Skype => jaffaarbh )
⏩ Tu veux des techniques concrètes ? SEO Basics Skills - SEO Ranking Skills

En ligne

#19 2017-05-18 13:02:48

Mention shenron76
Scout
Inscription : 2015-10-04
Messages : 227

Audit et Analyse
Netlinking
Rédaction
Développement PHP

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

Bon @superframboise j'voudrais un PBN opti et qui rank. Jveux bien te payer pour ça donc active. Merci ! mad
=> bon ok je sors cool roll

Plus sérieusement, merci pour le partage @superframboise smile

Dernière modification par shenron76 (2017-05-18 13:03:01)

Hors ligne

#20 2017-05-18 16:17:04

Mention superframboise
Soldier
Lieu : A l'autre bout du monde
Inscription : 2017-03-10
Messages : 977

Netlinking
Networking SEO
Audit et Analyse
Netlinking Auto
Site Web

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

@shenron76 LOL de rien avec plaisir mon ami tongue


-------------------------------------------------------------

Création de site internet Wordpress | Audit SEO | Consulting

Hors ligne

#21 2017-05-18 22:00:00

Mention NA
Scout
Inscription : 2017-05-04
Messages : 18

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

Ainsi pour mon problème de JS modifiés qui accéléraient la Front page avec le slider (foogallery je crois) en haut de la front page, cela a effectivement marché on est passé d'une vitesse d'ouverture de 6.5 secondes à 2.5 secondes (sur GTmétrix) super, sauf que le slider ne chargeait plus et ne s'ouvrait plus du tout dans REHUB, donc on a décidé de changer de plugin de slide et mettre à la place méta slider qui est réputé être responsive et seo friendly ...on verra si ca marche une fois fait ...
sinon le plan B c'est peut être tout simplement virer le slider qui pose problème et mettre les photos des produits les une à côté des autres, il y en a moins de 15 produits au final .... on va les intégrer dans table-market tout simplement, il y en a de plus en plus qui laisse tomber les sliders pour cette solution plus simple .. c'est un choix ..
je vous tiens au courant ..
merci à zidy pour ta réponse ...
autrement quand j'aurais le temps je poserai directement ma question à l'éditeur de REHUB ..., c'est aussi une solution, s'il prend le temps de me répondre ..
Bye
na

Hors ligne

#22 2017-05-18 22:03:32

Mention NA
Scout
Inscription : 2017-05-04
Messages : 18

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

merci zidy pour ta source que je vais aller voir, c'est autre chose que les postes des certains qui ne sont que du copier coller pompés ailleurs
, merci à toi ..

Hors ligne

#23 2017-05-18 22:05:53

Mention NA
Scout
Inscription : 2017-05-04
Messages : 18

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

merci pour ta réponse Jaffar, moi je veux juste ici échanger et rester à mon niveau, je cherche même pas à passer à un niveau au dessus, j'ai franchement pas besoin de cela à mon âge pour exister .... see you

Hors ligne

#24 2017-05-19 07:40:51

Mention Dukofo
Soldier
Inscription : 2015-07-21
Messages : 1 170

Netlinking
Networking SEO

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

Sacré NA, tu me fais étrangement pensé à quelqu'un d'autre qui était sur ce forum, il y a peu de temps.... lol


Intéressé par de l'article Sponso  -> Skype : seo.leadfr

Hors ligne

#25 2017-05-19 13:34:54

Mention KrustyHack
Soldier
Inscription : 2015-12-02
Messages : 653

Adminstration Serveur
Sécurité
Scraping
Développement Python
Site Web

Re : Éliminer les codes JS et les styles CSS qui bloquent l’affichage

Ay,

Niquel Joëlle ! Merci la super framboise, j'ai claqué ça sur mon thème enfant. smile


Infrastructure, VPS, serveurs, ... J'ai forcément ce qu'il te faut, alors contacte-moi !

Hors ligne

Pied de page des forums