Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Felix Arntz, un committer de base WordPress et développeur de programmes de développement chez Google, a annoncé le soutien à venir pour iframes de chargement paresseux. La fonctionnalité est incluse dans la dernière version bêta de WordPress 5.7 et sera officiellement déployée dans l’ensemble de la communauté le mois prochain.

WordPress pris en charge chargement paresseux pour les images depuis la version 5.5. La prise en charge des iframes n’était pas incluse dans la fonctionnalité d’origine. Le support du navigateur pour les iframes était répandu à l’époque. Cependant, il n’avait pas encore été officialisé dans le cadre du HTML Living Standard. Peu de temps après, c’était comme ça ajouté à la spécification HTMLet la discussion a recommencé pour Ajouter un support dans WordPress.

Contrairement aux images, il est peu probable que de nombreux utilisateurs sachent qu’ils utilisent des iframes. Les principaux cas d’utilisation des iframes sont l’incorporation de blocs ou le système d’incorporation automatique pour les utilisateurs qui se trouvent dans l’éditeur classique. Par exemple, lorsqu’un utilisateur ajoute une vidéo YouTube à son article de blog, le code sous-jacent émet une iframe.

Affichez le code source d'une vidéo YouTube intégrée dans l'éditeur de blocs.
Le code source de YouTube Embed montre l’iframe.

Ces iframes ajoutent du poids à la taille de la page et réduisent le temps de chargement.

Le contraire du chargement paresseux est le chargement impatient. Il s’agit du paramètre par défaut sur le Web et charge toutes les ressources en masse. Cela entraîne souvent un chargement lent des pages Web si elles contiennent de nombreuses images ou iframes. Le chargement différé charge l’image et les sources iFrame uniquement lorsqu’elles sont affichées dans la fenêtre d’un visiteur du site. Cela accélère le temps de chargement initial des pages.

WordPress ajoute simplement que loading="lazy" Attribut si une largeur et une hauteur explicites sont spécifiées pour l’iframe. Cela permet d’éviter l’effet de décalage de page qui se produit lorsque l’iframe est affiché. Arntz a beaucoup écrit sur cet effet quand il Prise en charge annoncée du chargement différé de l’image. Le même problème s’applique aux iframes.

« Un problème d’expérience utilisateur courant avec les sites Web modernes est le changement de mise en page, souvent causé par le chargement lent des ressources multimédias telles que les images », écrit-il. « Par défaut, le navigateur ne peut concevoir correctement la page qu’après le chargement d’une image, ce qui signifie que le contenu, par exemple B. sous l’image est déplacé. Ce problème peut être facilement résolu par le déploiement width et height Attributs sur img Les balises utilisées par le navigateur pour déterminer le rapport hauteur / largeur de l’image afin qu’il puisse déduire la mise en page avant de charger réellement l’image. « 

Dans certains cas, WordPress n’ajoutera pas l’attribut load, même pour les fournisseurs oEmbed qu’il prend en charge. Le contenu iframe n’est pas fourni par WordPress. Les fournisseurs tiers créent le code HTML et le renvoient au site WordPress respectif. Il appartient à ces tiers de suivre les meilleures pratiques pour ajouter des attributs de largeur et de hauteur.

« Puisque WordPress ne peut pas deviner les dimensions de la ressource intégrée, le loading="lazy" L’attribut n’est ajouté que si l’oEmbed iframe La balise contient les deux attributs de dimension », a écrit Arntz.

Le filtre s’applique actuellement aux widgets « Contenu de l’article », « Extrait » et « Texte ». Peut-être qu’un jour, WordPress étendra cela pour commenter le texte.

Problèmes possibles avec les publicités

MaAnna Stephenson, propriétaire de BlogAid, a soulevé une préoccupation pour les utilisateurs qui placent des publicités sur leur site Web. Il peut y avoir des scénarios où le chargement différé est interdit en relation avec la publicité ou il y a un conflit technique.

« Cela a-t-il été testé sur des personnes qui font de la publicité sur leur site Web avec une société de publicité comme Mediavine et AdThrive? » Elle a demandé. « Vous ne pouvez pas charger paresseusement des iframes car les écrans utilisent des iframes et ils ont leur propre mécanisme de chargement paresseux. »

Le problème est qu’il n’y a pas de moyen idéal d’exclure chaque service de publicité et de le différencier des autres types d’iframes. D’un point de vue technique, il doit s’agir d’une fonctionnalité tout ou rien.

La gestion des publicités relève directement du domaine des plugins. Arntz a couvert de tels cas d’utilisation dans le post. Les développeurs peuvent désactiver le chargement différé pour les iframes en gros ou pour des iframes spécifiques avec PHP de base. Il ne faudrait que quelques lignes de code pour créer un plugin pour des services publicitaires spécifiques.

Jeff Starr a également un plugin pour désactiver le chargement paresseux appelé Désactiver la charge différée. Cela pourrait servir de palliatif jusqu’à ce que quelque chose de plus spécifique aux besoins des utilisateurs émerge.



Source link

Recent Posts