Aujourd’hui, chaque optimisation est importante, ainsi en désactivant les Embeds dans WordPress vous pourrez optimiser le temps de chargement sur votre site.
I. Les Embeds
1.1. Qu’est-ce que c’est
C’est à la sortie de WordPress 4.4 qu’ils ont fusionné la fonction oEmbed dans le noyau. Vous l’avez d’ailleurs sûrement déjà vu ou utilisé. Les embeds permettent donc aux utilisateurs d’intégrer des vidéos Youtube, TikTok, des tweets, ou d’autres ressources sur leur site en collant une URL. C’est donc très facile à faire. WordPress convertit automatiquement les URL en Embeds. Ainsi on peut avoir un aperçu de la ressource en direct dans l’éditeur visuel.
Voici une définition pour un embed : Un « embed » est un terme utilisé en informatique pour décrire un objet qui encapsule des données dans un format spécifique pour permettre leur utilisation par d’autres programmes.
1.2. Pourquoi les désactiver
Cela fait plusieurs années que l’on peut se servir des embeds sur WordPress, en effet WordPress était un consommateur de oEmbed. Mais avec la mise à jour 4.4, WordPress est devenu un fournisseur de oEmbed. Elle est plus qu’utile pour beaucoup de personnes alors pourquoi vouloir la désactiver. Bien qu’elle soit utile, elle peut ralentir fortement votre site internet.
En d’autres termes, l’utilisation d’ Embeds sur votre site WordPress implique une requête HTTP supplémentaire qui est chargée sur chaque page, même si le fichier ne pèse que 1,7 Ko. Cela peut sembler négligeable, mais avec le temps, ces requêtes supplémentaires peuvent s’accumuler et affecter les performances de votre site. Parfois, la charge de la requête elle-même peut être plus importante que la taille réelle du contenu téléchargé.
Nous allons donc voir maintenant comment désactiver ces Embeds
II. Comment désactiver les embeds
2.1. Désactiver les Embeds dans WordPress avec un plugin
La première façon pour désactiver les Embeds est de passer par un Plugin totalement gratuit du nom de Disable Embeds développé par Pascal Birchler (un des contributeurs principaux de WordPress). Il a donc développé un plugin gratuit et léger dans le but de supprimer les Embeds de son site. En effet, son plugin pèse seulement 3 KB. Ce plugin est sur et approuvé par de nombreux utilisateurs. Il a une note de 4.8 étoiles sur 5 et a été installé aujourd’hui par plus de 10 000 utilisateurs.
Pour le télécharger, c’est très simple. Vous pouvez le télécharger à partir du référentiel WordPress ou alors en le recherchant dans votre tableau de bord WordPress dans “ajouter” extensions. De plus, il n’y a rien à configurer sur Disable Embeds, il suffit de l’installer, de l’activer et alors le fichier JavaScript supplémentaire sera supprimé.
Le plugin comprend ce qui va suivre :
- Empêcher les autres d’intégrer votre site
- Vous empêchez d’intégrer d’autres sites qui ne sont pas sur la liste blanche
- Désactiver le chargement du fichier Javascript sur votre site WordPress
Il est possible d’intégrer des éléments provenant de YouTube et Twitter en utilisant leur code iframe intégré. Cependant, si vous souhaitez désactiver les embeds ainsi que bénéficier d’autres optimisations pour votre site WordPress, il est recommandé d’utiliser un plugin premium tel que Perf Matters. Ce dernier vous permettra de désactiver les embeds et d’optimiser les performances de votre site web.
2.2. Désactiver les Embeds dans WordPress avec du code
Si vous ne souhaitez pas installer de plugin, il existe aussi une alternative. Vous pouvez désactiver les embeds avec du code.
Pour cela il faudra respecter les étapes suivantes :
- Créez une sauvegarde de votre site pour éviter toute perte de données.
- Créez un thème enfant pour votre site si vous ne l’avez pas déjà fait. Cela permettra de préserver vos modifications si vous mettez à jour votre thème.
- Ouvrez le fichier functions.php de votre thème enfant.
- Ajoutez le code suivant à la fin du fichier functions.php :
// Disable Embeds
function disable_embeds_init() {
// Remove the REST API endpoint.
remove_action( ‘rest_api_init’, ‘wp_oembed_register_route’ );
Attention ! Si vous connaissez le code source de votre site WordPress, alors cela pourrait détruire votre site si cela n’est pas fait correctement. Alors, si vous n’êtes pas à l’aise avec le code, privilégiez les autres méthodes.
2.3. JS minifié Inline
Une autre possibilité consiste à inclure le contenu du fichier wp-embed.min.js directement dans le code source de votre site web, en mode inline. Toutefois, cette option n’est recommandée que pour les petits fichiers ou lorsque le code impliqué est limité. Elle peut être utilisée si vous souhaitez éliminer la requête HTTP tout en conservant la prise en charge des embeds.
Conclusion sur comment désactiver les Embeds sur WordPress :
Félicitation, si vous avez lu cet article, vous savez maintenant comment désactiver les Embleds de votre site WordPress et en quoi cela peut être important.