;
Maison / Tech / Google Chrome prendra bientôt en charge le chargement paresseux au niveau du navigateur

Google Chrome prendra bientôt en charge le chargement paresseux au niveau du navigateur

8 minutes ago
Web dev

2 Views

Google ajoute la prise en charge du chargement paresseux natif à la dernière version du navigateur Chrome – Chrome 76.

Dans un annonce, la société déclare:

“À partir de Chrome 76, vous pourrez utiliser le nouvel attribut de chargement pour charger paresseusement des ressources sans avoir à écrire du code personnalisé ou à utiliser une bibliothèque JavaScript distincte.”

Le chargement paresseux retarde le chargement des images sous le pli jusqu’à ce que l’utilisateur commence à les faire défiler de plus près.

Le résultat final est un temps de chargement plus court, une bande passante réduite pour les utilisateurs et une utilisation réduite de la mémoire.

Auparavant, pour tirer parti du chargement paresseux, les développeurs devaient utiliser l’API Intersection Observer ou implémenter des gestionnaires d’événements complexes.

Désormais, avec le chargement paresseux pris en charge directement dans Chrome, les développeurs peuvent ajouter un simple attribut de “chargement” lors de l’incorporation d’images.

Voici à quoi ressemble le code lors de l’ajout de l’attribut loading à une image et à un iframe:


Google Chrome prendra bientôt en charge le chargement paresseux au niveau du navigateur "width =" 1415 "height =" 190 "tailles =" (max-width: 1415px) 100vw, 1415px "data-srcset =" https: //cdn.searchenginejournal. com / wp-content / uploads / 2019/08 / 2f84104d-2d77-4279-a2d7-f4f3a461d8bf.jpeg 1415w, https://cdn.searchenginejournal.com/wp-content/uploads/2019/08/2f84104d-2d77-4279 -a2d7-f4f3a461d8bf-480x64.jpeg 480w, https://cdn.searchenginejournal.com/fr/content/uploads/2019/08/2f84104d-2d77-4279-a2d7-f4f3a46d8bf-680 .searchenginejournal.com / wp-content / uploads / 2019/08 / 2f84104d-2d77-4279-a2d7-f4f3a461d8bf-768x103.jpeg 768w, https://cdn.searchenginejournal.com/wp-content/uploads. 2f84104d-2d77-4279-a2d7-f4f3a461d8bf-1024x137.jpeg 1024w "data-src =" https://cdn.searchenginejournal/wp jpeg  Google Chrome prendra bientôt en charge le chargement paresseux au niveau du navigateur svg 3E

Vous n’avez même pas besoin de l’expertise d’un développeur pour implémenter l’attribut de chargement, à condition de posséder des connaissances de base en HTML. Cela rend le chargement paresseux accessible à beaucoup plus de propriétaires de sites.

L’attribut loading supporte les valeurs suivantes:

  • auto: Comportement par défaut du navigateur en cas de chargement différé, ce qui revient à ne pas inclure l’attribut.
  • paresseux: Différer le chargement de la ressource jusqu’à ce qu’elle atteigne une distance calculée de la fenêtre d’affichage.
  • désireux: Charge la ressource immédiatement, quelle que soit son emplacement sur la page.

Cette fonctionnalité continuera d’être mise à jour jusqu’à la publication de la version stable de Chrome 76.

L’ancienne méthode d’implémentation du chargement différé via JavaScript est toujours requise pour les navigateurs qui ne prennent pas en charge le nouvel attribut «chargement».

Source

Check Also


Google Chrome prendra bientôt en charge le chargement paresseux au niveau du navigateur 9860670d 7b31 41f1 af40 e036ed22018c 310x165

Facebook est introduisant un modèle de confidentialité simplifié pour les groupes, réduisant le nombre de …

fbq(‘track’, ‘PageView’);

fbq(‘trackSingle’, ‘1321385257908563’, ‘ViewContent’, {
content_name: ‘google-chrome-will-soon-support-lazy-loading-at-the-browser-level’,
content_category: ‘news web-development ‘
});

Source


Découvrez également

Suivre ( 0 Abonné(e)s ) X Suivre E-mail : * Suivre Ne plus suivre Il …

Restez informé sur les dernières actualités technologiques en suivant ce LIEN!




Check Also


Les robots doux ont un avantage distinct sur leurs ancêtres rigides: ils peuvent s’adapter à …

Source

A propos Pratik

Découvrez également

Commutateurs Cisco Small Biz ouverts au piratage via l’interface Web • Le registre

Cisco a émis un nouveau tour de mises à jour logicielles pour remédier aux failles …

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *