{"id":89848,"date":"2020-07-26T19:42:13","date_gmt":"2020-07-26T17:42:13","guid":{"rendered":"https:\/\/prohoster.info\/blog\/novosti-interneta\/v-chrome-dobavlena-podderzhka-otlozhennoj-zagruzki-iframe-blokov"},"modified":"2020-07-26T19:42:13","modified_gmt":"2020-07-26T17:42:13","slug":"v-chrome-dobavlena-podderzhka-otlozhennoj-zagruzki-iframe-blokov","status":"publish","type":"post","link":"https:\/\/prohoster.info\/fr\/blog\/news\/v-chrome-dobavlena-podderzhka-otlozhennoj-zagruzki-iframe-blokov","title":{"rendered":"Chrome a ajout\u00e9 le support du chargement diff\u00e9r\u00e9 des blocs iframe","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Les d\u00e9veloppeurs de Chrome sur le site de l'entreprise. D\u00e9sormais, les utilisateurs peuvent ajouter un nombre illimit\u00e9 de morceaux \u00e0 leur biblioth\u00e8que.<\/a><\/noindex> ont \u00e9largi les outils pour le chargement diff\u00e9r\u00e9 des \u00e9l\u00e9ments de pages web, permettant de ne pas charger le contenu en dehors de la zone visible jusqu'\u00e0 ce que l'utilisateur fasse d\u00e9filer la page vers l'endroit juste avant l'\u00e9l\u00e9ment. Auparavant, dans Chrome 76 et Firefox 75, ce mode avait d\u00e9j\u00e0 \u00e9t\u00e9 mis en \u0153uvre pour les images. Maintenant, les d\u00e9veloppeurs de Chrome ont fait un pas de plus en ajoutant la possibilit\u00e9 de charger des blocs iframe de fa\u00e7on diff\u00e9r\u00e9e.<\/p>\n

Pour g\u00e9rer le chargement diff\u00e9r\u00e9 des pages dans la balise , un attribut \u00ab loading \u00bb a \u00e9t\u00e9 ajout\u00e9, qui peut prendre les valeurs \u00ab lazy \u00bb (charger plus tard), \u00ab eager \u00bb (charger imm\u00e9diatement) et \u00ab auto \u00bb (charger plus tard \u00e0 la discr\u00e9tion du navigateur, lors de l'activation du mode Lite<\/a><\/noindex>). Il est pr\u00e9vu que le chargement diff\u00e9r\u00e9 permettra de r\u00e9duire la consommation de m\u00e9moire, de diminuer le trafic et d'augmenter la vitesse d'ouverture initiale des pages. Par exemple, avec l'activation du nouveau mode, les blocs de publicit\u00e9s et les widgets Twitter, Facebook et YouTube ne seront plus charg\u00e9s imm\u00e9diatement s'ils ne sont pas visibles pour l'utilisateur, jusqu'\u00e0 ce que l'utilisateur fasse d\u00e9filer la page \u00e0 la position avant ces blocs. <\/p>\n

\"Chrome<\/a><\/noindex><\/center><\/p>\n

Selon les estimations des d\u00e9veloppeurs, le chargement diff\u00e9r\u00e9 permettra d'\u00e9conomiser en moyenne 2-3 % de trafic, de r\u00e9duire le nombre de premiers rendus<\/a><\/noindex> de 1-2 % et de diminuer le d\u00e9lai avant l'accessibilit\u00e9 de l'entr\u00e9e<\/a><\/noindex> de 2 %. Pour certains sites, les changements sont plus notables. Par exemple, l'activation du chargement diff\u00e9r\u00e9 du bloc YouTube entra\u00eenera une r\u00e9duction des donn\u00e9es charg\u00e9es d'environ 500 Ko, Instagram \u2014 100 Ko, Spotify \u2014 500 Ko, Facebook \u2014 400 Ko. En particulier, l'application du chargement diff\u00e9r\u00e9 des blocs YouTube sur le site Chrome.com a permis de r\u00e9duire jusqu'\u00e0 10 secondes le temps d'attente pour l'acc\u00e8s aux pages sur les appareils mobiles et de r\u00e9duire de 511 Ko la taille du code JavaScript initialement charg\u00e9. <\/p>\n

\"Chrome<\/a><\/noindex><\/center><\/p>\n

<\/a><\/noindex><\/p>\n

Source : opennet.ru<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"

\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 Chrome \u0441\u043e\u043e\u0431\u0449\u0438\u043b\u0438 \u043e \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0438 \u0441\u0440\u0435\u0434\u0441\u0442\u0432 \u0434\u043b\u044f \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 web-\u0441\u0442\u0440\u0430\u043d\u0438\u0446, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0445 \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435, \u043d\u0430\u0445\u043e\u0434\u044f\u0449\u0438\u0435\u0441\u044f \u0432\u043d\u0435 \u0432\u0438\u0434\u0438\u043c\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438, \u0434\u043e \u0442\u0435\u0445 \u043f\u043e\u0440, \u043f\u043e\u043a\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043d\u0435 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u0438\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432 \u043c\u0435\u0441\u0442\u043e, \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043f\u0440\u0435\u0434\u0448\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443. \u0420\u0430\u043d\u0435\u0435 \u0432 Chrome 76 \u0438 Firefox 75 \u0434\u0430\u043d\u043d\u044b\u0439 \u0440\u0435\u0436\u0438\u043c \u0443\u0436\u0435 \u0431\u044b\u043b \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d \u0434\u043b\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439. \u0422\u0435\u043f\u0435\u0440\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 Chrome \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u0435\u0449\u0451 \u043e\u0434\u0438\u043d \u0448\u0430\u0433 \u0438 […]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":89849,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-89848","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"\ud83e\udd47Le support du chargement diff\u00e9r\u00e9 des blocs iframe a \u00e9t\u00e9 ajout\u00e9 \u00e0 Chrome | ProHoster","description":"Les d\u00e9veloppeurs de Chrome ont annonc\u00e9 l'\u00e9largissement des outils pour le chargement diff\u00e9r\u00e9 des \u00e9l\u00e9ments de pages web, permettant de ne pas charger.","canonical_url":"https:\/\/prohoster.info\/fr\/blog\/news\/v-chrome-dobavlena-podderzhka-otlozhennoj-zagruzki-iframe-blokov","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"fr_FR","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0412 Chrome \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 iframe-\u0431\u043b\u043e\u043a\u043e\u0432 | ProHoster","og:description":"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 Chrome \u0441\u043e\u043e\u0431\u0449\u0438\u043b\u0438 \u043e \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0438 \u0441\u0440\u0435\u0434\u0441\u0442\u0432 \u0434\u043b\u044f \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 web-\u0441\u0442\u0440\u0430\u043d\u0438\u0446, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0445 \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c.","og:url":"https:\/\/prohoster.info\/fr\/blog\/news\/v-chrome-dobavlena-podderzhka-otlozhennoj-zagruzki-iframe-blokov","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2020-07-26T17:42:13+00:00","article:modified_time":"2020-07-26T17:42:13+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"89848","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":null,"breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 13:03:25","updated":"2022-10-02 10:08:41","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts\/89848","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/comments?post=89848"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts\/89848\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/media\/89849"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/media?parent=89848"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/categories?post=89848"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/tags?post=89848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}