{"id":24258,"date":"2024-01-07T12:57:57","date_gmt":"2024-01-07T12:57:57","guid":{"rendered":"https:\/\/yorkshiredesign.co.uk\/?page_id=24258"},"modified":"2025-04-17T17:06:29","modified_gmt":"2025-04-17T16:06:29","slug":"organisateur-de-plugins","status":"publish","type":"page","link":"https:\/\/yorkshiredesign.co.uk\/fr\/guide-de-vitesse-de-page\/organisateur-de-plugins\/","title":{"rendered":"Organisateur de plugins"},"content":{"rendered":"
<\/span><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Brancher Organisateur<\/span><\/h1>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Cache<\/span> Ou chargement ?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Using\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Chargement s\u00e9lectif pour les appareils mobiles<\/p>\n

Boostez votre vitesse de chargement mobile<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n Tu veux que je le fasse ?<\/span>\n \t

\n\t \t\n\t \t\t\n\t \t\t\tTu veux que je le fasse ?\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a> <\/div>\n <\/div>\n<\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Organisateur de plugins Boosts <\/span>Vitesse de page<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Organisateur de plugins<\/strong><\/a> est un plugin tr\u00e8s utile pour WordPress. En termes de plugins, il est tr\u00e8s ancien puisqu\u2019il a \u00e9t\u00e9 \u00e9crit en 2012 lorsque le responsive design en \u00e9tait \u00e0 ses balbutiements. Cependant, le plugin a r\u00e9sist\u00e9 \u00e0 l'\u00e9preuve du temps et constitue la base d'une tr\u00e8s bonne astuce qui aide les sites Web cr\u00e9\u00e9s avec des constructeurs de pages tels que Elementor, DIVI ou WP Bakery, etc.<\/p>\n

Le plugin fait arr\u00eater le chargement des plugins sur les pages. Ce qui fait que cela fonctionne si bien, c'est qu'il peut \u00e9galement arr\u00eater le chargement des plugins par appareil. Les vitesses mobiles \u00e9tant bien plus lentes que celles des ordinateurs de bureau, cela peut s\u2019av\u00e9rer tr\u00e8s utile. Cela peut \u00e9galement \u00eatre utile si un plugin ne convient pas \u00e0 la disposition restreinte d'un appareil mobile, mais convient \u00e0 la disposition du bureau.<\/p>\n

Restreindre le chargement des plugins JS lourds sur les appareils mobiles peut faire une grande diff\u00e9rence pour votre scores de vitesse de page<\/a>. Mais ce n\u2019est pas seulement la restriction du chargement qui rend ce plugin si sp\u00e9cial. Il offre \u00e9galement une flexibilit\u00e9 totale lorsqu'il est combin\u00e9 avec le Plugin d'extraits HTML<\/strong><\/a>. Utiliser les deux ensemble vous permet de charger s\u00e9lectivement contenu<\/a> sur ordinateur, mais laissez-le de c\u00f4t\u00e9 sur mobile.<\/p>\n

Il s\u2019agit d\u2019un moment d\u2019ampoule de contenu, car il emp\u00eache Lighthouse de signaler n\u2019importe quelle vid\u00e9o lorsque vous l\u2019avez masqu\u00e9e sur mobile dans le g\u00e9n\u00e9rateur de pages. Si vous avez masqu\u00e9 une vid\u00e9o sur mobile, v\u00e9rifiez vos scores mobiles. La vid\u00e9o est-elle toujours signal\u00e9e dans votre rapport mobile\u00a0? Si tel est le cas, j'expliquerai comment r\u00e9soudre ce probl\u00e8me ci-dessous.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Cache<\/span> Ou chargement ?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Using\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Chargement s\u00e9lectif pour les appareils mobiles<\/p>\n

Boostez votre vitesse de chargement mobile<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n Tu veux que je le fasse ?<\/span>\n \t

\n\t \t\n\t \t\t\n\t \t\t\tTu veux que je le fasse ?\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a>\n\t
\n\t\t
\n\t\t\t

Organisateur de plugins Boosts<\/span> Vitesse de page<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Organisateur de plugins<\/strong><\/a> est un plugin tr\u00e8s utile pour WordPress. En termes de plugins, il est tr\u00e8s ancien puisqu\u2019il a \u00e9t\u00e9 \u00e9crit en 2012 lorsque le responsive design en \u00e9tait \u00e0 ses balbutiements. Cependant, le plugin a r\u00e9sist\u00e9 \u00e0 l'\u00e9preuve du temps et constitue la base d'une tr\u00e8s bonne astuce qui aide les sites Web cr\u00e9\u00e9s avec des constructeurs de pages tels que Elementor, DIVI ou WP Bakery, etc.<\/p>\n

Le plugin fait arr\u00eater le chargement des plugins sur les pages. Ce qui fait que cela fonctionne si bien, c'est qu'il peut \u00e9galement arr\u00eater le chargement des plugins par appareil. Les vitesses mobiles \u00e9tant bien plus lentes que celles des ordinateurs de bureau, cela peut s\u2019av\u00e9rer tr\u00e8s utile. Cela peut \u00e9galement \u00eatre utile si un plugin ne convient pas \u00e0 la disposition restreinte d'un appareil mobile, mais convient \u00e0 la disposition du bureau.<\/p>\n

Restreindre le chargement de plugins JS lourds sur les appareils mobiles peut faire une grande diff\u00e9rence dans vos scores de vitesse de page. Mais ce n\u2019est pas seulement la restriction du chargement qui rend ce plugin si sp\u00e9cial. Il offre \u00e9galement une flexibilit\u00e9 totale lorsqu'il est combin\u00e9 avec le Plugin d'extraits HTML<\/strong><\/a>. L'utilisation des deux ensemble vous permet de charger s\u00e9lectivement du contenu sur le bureau, mais de le laisser de c\u00f4t\u00e9 sur le mobile.<\/p>\n

Il s\u2019agit d\u2019un moment d\u2019ampoule de contenu, car il emp\u00eache Lighthouse de signaler n\u2019importe quelle vid\u00e9o lorsque vous l\u2019avez masqu\u00e9e sur mobile dans le g\u00e9n\u00e9rateur de pages. Si vous avez masqu\u00e9 une vid\u00e9o sur mobile, v\u00e9rifiez vos scores mobiles. La vid\u00e9o est-elle toujours signal\u00e9e dans votre rapport mobile\u00a0? Si tel est le cas, j'expliquerai comment r\u00e9soudre ce probl\u00e8me ci-dessous.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>

\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Cache<\/span> Ou chargement ?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Organisateur de plugins<\/strong><\/a> est un plugin tr\u00e8s utile pour WordPress. En termes de plugins, il est tr\u00e8s ancien puisqu\u2019il a \u00e9t\u00e9 \u00e9crit en 2012 lorsque le responsive design en \u00e9tait \u00e0 ses balbutiements.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Using\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Cependant, le plugin a r\u00e9sist\u00e9 \u00e0 l'\u00e9preuve du temps et constitue la base d'une tr\u00e8s bonne astuce qui aide les sites Web cr\u00e9\u00e9s avec des constructeurs de pages tels que Elementor, DIVI ou WP Bakery, etc.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Le plugin fait arr\u00eater le chargement des plugins sur les pages. Ce qui fait que cela fonctionne si bien, c'est qu'il peut \u00e9galement arr\u00eater le chargement des plugins par appareil. Les vitesses mobiles \u00e9tant bien plus lentes que celles des ordinateurs de bureau, cela peut s\u2019av\u00e9rer tr\u00e8s utile. Cela peut \u00e9galement \u00eatre utile si un plugin ne convient pas \u00e0 la disposition restreinte d'un appareil mobile, mais convient \u00e0 la disposition du bureau.<\/p>\n

Restreindre le chargement de plugins JS lourds sur les appareils mobiles peut faire une grande diff\u00e9rence dans vos scores de vitesse de page. Mais ce n\u2019est pas seulement la restriction du chargement qui rend ce plugin si sp\u00e9cial. Il offre \u00e9galement une flexibilit\u00e9 totale lorsqu'il est combin\u00e9 avec le Plugin d'extraits HTML<\/strong><\/a>. L'utilisation des deux ensemble vous permet de charger s\u00e9lectivement du contenu sur le bureau, mais de le laisser de c\u00f4t\u00e9 sur le mobile.<\/p>\n

Il s\u2019agit d\u2019un moment d\u2019ampoule de contenu, car il emp\u00eache Lighthouse de signaler n\u2019importe quelle vid\u00e9o lorsque vous l\u2019avez masqu\u00e9e sur mobile dans le g\u00e9n\u00e9rateur de pages. Si vous avez masqu\u00e9 une vid\u00e9o sur mobile, v\u00e9rifiez vos scores mobiles. La vid\u00e9o est-elle toujours signal\u00e9e dans votre rapport mobile\u00a0? Si tel est le cas, j'expliquerai comment r\u00e9soudre ce probl\u00e8me ci-dessous.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>

<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

S\u00e9lectivement<\/span> Charger les plugins<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

<\/div>
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

C'est Comment<\/span> Acc\u00e9l\u00e9rez le chargement mobile<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n
\n
\n

\n \n <\/span>\n <\/span>\n <\/span>\n Utiliser l'organisateur de plugins<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

La premi\u00e8re chose \u00e0 faire est Installer l'organisateur de plugins<\/strong><\/a> et activez-le. Apr\u00e8s avoir fait cela, acc\u00e9dez \u00e0 la page des param\u00e8tres du plugin dans votre WordPress<\/a> Tableau de bord<\/p>\n

Le Le plus important<\/span> Chose<\/p>\n

Dans les param\u00e8tres, assurez-vous que \u00ab\u00a0Chargement s\u00e9lectif\u00a0\u00bb ET<\/strong> Le \u00ab\u00a0Chargement mobile s\u00e9lectif\u00a0\u00bb est activ\u00e9. Cela vous donne le contr\u00f4le du chargement de diff\u00e9rents plugins sur diff\u00e9rents appareils. Si vous allez ensuite dans \u00ab\u00a0Param\u00e8tres globaux\u00a0\u00bb dans les param\u00e8tres du plugin, vous pouvez voir quels plugins vous souhaitez charger\/d\u00e9charger sur l'ensemble du site. Cliquez simplement sur chacun d'eux pour passer au vert pour \u00ab\u00a0on\u00a0\u00bb ou au rouge pour \u00ab\u00a0off\u00a0\u00bb.<\/p>\n

Une chose \u00e0 noter ici est l'endroit o\u00f9 il est \u00e9crit \u00ab\u00a0Plateforme\u00a0\u00bb. Vous pouvez cliquer dessus pour passer au standard (ordinateur de bureau) ou au mobile. Cliquez sur \u00ab\u00a0Mobile\u00a0\u00bb et configurez individuellement les plugins pour d\u00e9sactiver le chargement sur mobile uniquement.<\/p>\n

Si vous modifiez ensuite chaque page individuellement et faites d\u00e9filer vers le bas, vous verrez une multitude de barres vertes. C'est l'organisateur du plugin. Ici, vous pouvez configurer les plugins pour qu'ils se chargent\/d\u00e9chargent sur cette page uniquement. Ceux que vous avez pr\u00e9c\u00e9demment d\u00e9sactiv\u00e9s globalement seront rouges. Ceux qui sont autoris\u00e9s \u00e0 charger seront verts. Cliquez simplement sur la barre verte pour l'activer\/d\u00e9sactiver pour cette page, en n'oubliant pas de modifier la plate-forme en \u00ab\u00a0Mobile\u00a0\u00bb pour d\u00e9sactiver le plugin sur mobile. C'est parfait pour les pages de marque\/de destination, o\u00f9 vous pouvez avoir des plugins plus volumineux que vous souhaitez charger sur cette page uniquement \u00e0 des fins visuelles.<\/p>\n

C'est tr\u00e8s simple \u00e0 prendre en main et cela vous permet un contr\u00f4le total sur les plugins que vous souhaitez charger, o\u00f9 et sur quels appareils.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n Combinaison avec des extraits HTML<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Les constructeurs de pages sont excellents car ils vous permettent de concevoir des pages en toute simplicit\u00e9. La plupart des sites Web sont cr\u00e9\u00e9s avec Elementor, DIVI ou WP Bakery. Cependant, il y a un probl\u00e8me avec chacun d\u2019entre eux, ce qui ralentit vraiment le chargement sur mobile. Il s'agit du contenu de la page et de son chargement sur mobile. Ce qui se passe, c'est qu'un concepteur peut cr\u00e9er une vid\u00e9o ou cr\u00e9er une grande image destin\u00e9e uniquement aux appareils de bureau. Tous les constructeurs de pages ont la possibilit\u00e9 de masquer cela. Alors tu le caches. Cela emp\u00eachera \u00e9galement son apparition sur mobile. Cela devrait r\u00e9duire le poids de la page mobile, car elle ne contient aucune vid\u00e9o. Droite?<\/p>\n

Faux!<\/b><\/p>\n

Les constructeurs de pages \u00ab cachent \u00bb uniquement le contenu. Cacher et charger sont des choses tr\u00e8s diff\u00e9rentes. Si vous avez une vid\u00e9o en cours de chargement sur votre bureau et que vous l'avez configur\u00e9e pour qu'elle soit masqu\u00e9e sur mobile, allez faire un test de vitesse de page. Dans le rapport de la page mobile, votre vid\u00e9o est-elle toujours r\u00e9pertori\u00e9e n'importe o\u00f9 sur la page\u00a0? Si tel est le cas, le chargement continue, ce qui nuit vraiment \u00e0 la vitesse de votre page et aux temps de chargement globaux sur mobile.<\/p>\n

C'est l\u00e0 qu'interviennent les extraits de code HTML. Les masquer n'emp\u00eache pas leur chargement. Mais utiliser Plugin Organizer avec des extraits HTML le fait.<\/p>\n

Comment puis-je Faites ceci<\/span>?<\/p>\n

Si Plugin Organizer est install\u00e9, allez installer Extraits HTML<\/strong><\/a>. Acc\u00e9dez ensuite aux param\u00e8tres du plugin HTML Snippets et cliquez sur \u00ab Ajouter un nouvel extrait \u00bb. \u00c0 partir de l\u00e0, saisissez le code HTML de votre vid\u00e9o ou de tout autre contenu que vous ne souhaitez pas charger sur mobile. De nombreux constructeurs de pages disposent d'un module vid\u00e9o dans lequel vous venez d'ins\u00e9rer la vid\u00e9o, donc si vous souhaitez que le code HTML brut affiche une vid\u00e9o sans plugins, utilisez une variante du code ci-dessous\u00a0:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

\n\t
\n\t\t
\n\t\t\t

Lecteur vid\u00e9o Youtube<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

<iframe width=\u201d100%\u201d height=\u201dauto\u201d src=\u201dURL YOUTUBE<\/strong>\u201d frameborder =\u201d0\u2033allowfullscreen><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

\n\t
\n\t\t
\n\t\t\t

Lecteur vid\u00e9o auto-h\u00e9berg\u00e9<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

\n\t\t
\n\t\t\t

N'oubliez pas de remplacer les URL par votre propre URL pour votre vid\u00e9o. Les dimensions de taille \u00ab 100% \u00bb et \u00ab auto \u00bb permettront \u00e0 votre conteneur vid\u00e9o de r\u00e9pondre \u00e0 votre site Web. Si vous avez besoin de dimensions sp\u00e9cifiques pour la vid\u00e9o, remplacez simplement ces valeurs par les tailles dont vous avez besoin.<\/p>\n

Enregistrez l'extrait. Ensuite, une fois que vous l'avez enregistr\u00e9, prenez simplement la vid\u00e9o existante dehors<\/strong> de la page elle-m\u00eame, et remplacer<\/strong> avec le shortcode que HTML Snippets vous a fourni pour votre nouvelle vid\u00e9o. Maintenant, chargez-le. Si tout va bien, la vid\u00e9o s'affichera sur le bureau et<\/em> mobile.<\/p>\n

La derni\u00e8re \u00e9tape maintenant est sur la page o\u00f9 se trouve le contenu, faites d\u00e9filer vers le bas de la page o\u00f9 se trouve le contenu et d\u00e9sactivez l'organisateur du plugin. sur le mobile<\/strong>. Maintenant, v\u00e9rifiez \u00e0 nouveau votre mobile. La vid\u00e9o ne devrait pas \u00eatre l\u00e0. Videz maintenant vos caches et effectuez un autre test de vitesse de page. Voyez que la vid\u00e9o se charge sur le bureau, mais a disparu de votre rapport mobile \u2013 avec une page beaucoup plus l\u00e9g\u00e8re et un temps de chargement complet plus rapide\u00a0!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n Aller encore plus loin<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

HTML Snippets a \u00e9galement un plugin s\u0153ur appel\u00e9 Extraits PHP<\/strong><\/a>. Ce plugin fonctionne exactement de la m\u00eame mani\u00e8re que les extraits HTML, vous pouvez donc \u00e9galement installer celui-ci et cr\u00e9er du contenu \u00e0 afficher sur mobile uniquement, et ne pas le charger sur le bureau.<\/p>\n

Il vous suffit de suivre exactement les m\u00eames instructions que celles expliqu\u00e9es ci-dessus, sauf cette fois pour d\u00e9sactiver le contenu sur le bureau, il suffit de le d\u00e9sactiver lors du chargement 'Standard' et de l'activer sur 'Mobile'. Avec les deux plugins install\u00e9s<\/a> vous disposez d\u2019une flexibilit\u00e9 totale en mati\u00e8re de conception et de performances. Vous pouvez avoir du contenu sp\u00e9cifique pour mobile et ordinateur de bureau, sans que le constructeur de pages charge absolument tout et le cache simplement.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n O\u00f9 d\u2019autre est-ce utile ?<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Je ne l'utilise g\u00e9n\u00e9ralement que sur du contenu mobile, limitant le chargement de grandes quantit\u00e9s de contenu pour augmenter les scores mobiles.<\/p>\n

Qu'en est-il de Scripts<\/span>?<\/p>\n

Heureux que vous ayez demand\u00e9\u00a0! C\u2019est l\u2019autre chose pour laquelle Plugin Organizer aide vraiment. De nombreux plugins comme Slider Revolution ont une fonctionnalit\u00e9 de d\u00e9sactivation sur mobile, mais ils ne d\u00e9sactivent pas vraiment tout, ce qui entra\u00eene le chargement de scripts inutiles. Slider Revolution ne chargera pas le curseur lui-m\u00eame. mais WordPress chargera toujours les scripts eux-m\u00eames. C'est le seul moyen simple de d\u00e9sactiver compl\u00e8tement ces scripts sur les appareils mobiles, ce qui permet d'\u00e9conomiser \u00e9norm\u00e9ment de temps de chargement et d'augmenter la vitesse de votre page.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div><\/div>

\n\t
\n\t\t
\n\t\t\t