{"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\/cs\/blog\/news\/v-chrome-dobavlena-podderzhka-otlozhennoj-zagruzki-iframe-blokov","title":{"rendered":"V Chrome byla p\u0159id\u00e1na podpora pro odlo\u017een\u00e9 na\u010d\u00edt\u00e1n\u00ed iframe blok\u016f","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>V\u00fdvoj\u00e1\u0159i prohl\u00ed\u017ee\u010de Chrome <noindex><a rel=\"nofollow\" href=\"https:\/\/web.dev\/iframe-lazy-loading\/\">ozn\u00e1mili<\/a><\/noindex> o roz\u0161\u00ed\u0159en\u00ed prost\u0159edk\u016f pro odlo\u017een\u00e9 na\u010d\u00edt\u00e1n\u00ed prvk\u016f webov\u00fdch str\u00e1nek, kter\u00e9 umo\u017e\u0148uj\u00ed nena\u010d\u00edtat obsah nach\u00e1zej\u00edc\u00ed se mimo viditelnou oblast, dokud u\u017eivatel neproscrolluje str\u00e1nku na m\u00edsto bezprost\u0159edn\u011b p\u0159edch\u00e1zej\u00edc\u00ed prvku. D\u0159\u00edve byl tento re\u017eim ji\u017e realizov\u00e1n v Chrome 76 a Firefox 75 pro obr\u00e1zky. Nyn\u00ed v\u00fdvoj\u00e1\u0159i Chrome ud\u011blali dal\u0161\u00ed krok a p\u0159idali mo\u017enost odlo\u017een\u00e9ho na\u010d\u00edt\u00e1n\u00ed iframe blok\u016f.<\/p>\n<p>Pro spr\u00e1vu odlo\u017een\u00e9ho na\u010d\u00edt\u00e1n\u00ed str\u00e1nek byl do tagu &#171;iframe&#187; p\u0159id\u00e1n atribut &#171;loading&#187;, kter\u00fd m\u016f\u017ee m\u00edt hodnotu &#171;lazy&#187; (odlo\u017eit na\u010d\u00edt\u00e1n\u00ed), &#171;eager&#187; (na\u010d\u00edtat ihned) a &#171;auto&#187; (odlo\u017eit na\u010d\u00edt\u00e1n\u00ed podle uv\u00e1\u017een\u00ed prohl\u00ed\u017ee\u010de, p\u0159i zapnut\u00ed re\u017eimu <noindex><a rel=\"nofollow\" href=\"https:\/\/blog.chromium.org\/2019\/04\/data-saver-is-now-lite-mode.html\">Lite<\/a><\/noindex>). P\u0159edpokl\u00e1d\u00e1 se, \u017ee odlo\u017een\u00e9 na\u010d\u00edt\u00e1n\u00ed povede ke sn\u00ed\u017een\u00ed spot\u0159eby pam\u011bti, sn\u00ed\u017een\u00ed datov\u00e9ho toku a zrychlen\u00ed \u010dasu inicializace str\u00e1nek. Nap\u0159\u00edklad p\u0159i zapnut\u00ed nov\u00e9ho re\u017eimu se p\u0159estanou okam\u017eit\u011b na\u010d\u00edtat bloky s reklamami a widgety Twitter, Facebook a YouTube, pokud nejsou viditeln\u00e9 pro u\u017eivatele, dokud u\u017eivatel neproscrolluje str\u00e1nku na pozici p\u0159ed t\u011bmito bloky. <\/p>\n<p> <center><noindex><a rel=\"nofollow\" href=\"https:\/\/webdev.imgix.net\/iframe-lazy-loading\/iframe-lazyloading.png\"><img decoding=\"async\" alt=\"V Chrome byla p\u0159id\u00e1na podpora pro odlo\u017een\u00e9 na\u010d\u00edt\u00e1n\u00ed iframe blok\u016f\" src=\"\/wp-content\/uploads\/2020\/07\/455b9a18794d16782578f36a5be4025b.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/a><\/noindex><\/center><\/p>\n<p>Podle odhad\u016f v\u00fdvoj\u00e1\u0159\u016f pr\u016fm\u011brn\u011b odlo\u017een\u00e9 na\u010d\u00edt\u00e1n\u00ed u\u0161et\u0159\u00ed 2-3% datov\u00e9ho toku, sn\u00ed\u017e\u00ed po\u010det <noindex><a rel=\"nofollow\" href=\"https:\/\/web.dev\/fcp\/\">po\u010d\u00e1te\u010dn\u00edch vykreslen\u00ed<\/a><\/noindex> o 1-2% a zkr\u00e1t\u00ed <noindex><a rel=\"nofollow\" href=\"https:\/\/web.dev\/fid\/\">zpo\u017ed\u011bn\u00ed p\u0159ed dostupnost\u00ed vstupu<\/a><\/noindex> o 2 %. U konkr\u00e9tn\u00edch web\u016f jsou zm\u011bny v\u00fdrazn\u011bj\u0161\u00ed. Nap\u0159\u00edklad zapnut\u00ed odlo\u017een\u00e9ho na\u010d\u00edt\u00e1n\u00ed bloku YouTube povede ke sn\u00ed\u017een\u00ed sta\u017een\u00fdch dat p\u0159ibli\u017en\u011b o 500 KB, Instagramu \u2014 o 100 KB, Spotify \u2014 o 500 KB, Facebooku \u2014 o 400 KB. Zvl\u00e1\u0161t\u011b pou\u017eit\u00ed odlo\u017een\u00e9ho na\u010d\u00edt\u00e1n\u00ed youtube-blok\u016f na webu Chrome.com umo\u017enilo na mobiln\u00edch za\u0159\u00edzen\u00edch sn\u00ed\u017eit \u010das \u010dek\u00e1n\u00ed na dostupnost str\u00e1nek pro zah\u00e1jen\u00ed interakce a\u017e o 10 sekund a zkr\u00e1tit velikost p\u016fvodn\u011b na\u010d\u00edtan\u00e9ho JavaScriptov\u00e9ho k\u00f3du o 511 KB. <\/p>\n<p><center><noindex><a rel=\"nofollow\" href=\"https:\/\/webdev.imgix.net\/iframe-lazy-loading\/iframe-chromecom.png\"><img decoding=\"async\" alt=\"V Chrome byla p\u0159id\u00e1na podpora pro odlo\u017een\u00e9 na\u010d\u00edt\u00e1n\u00ed iframe blok\u016f\" src=\"\/wp-content\/uploads\/2020\/07\/2a998ba8e0e6c66a452cd5f7574473cb.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/a><\/noindex><\/center><\/p>\n<p><noindex><a rel=\"nofollow\" name=\"link\"><\/a><\/noindex><\/p>\n<p>Zdroj: <a \ncontent=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/www.opennet.ru\/opennews\/art.shtml?num=53432\">opennet.ru<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\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 [&hellip;]<\/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<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"\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.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/cs\/blog\/news\/v-chrome-dobavlena-podderzhka-otlozhennoj-zagruzki-iframe-blokov\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n\t\t<meta property=\"og:site_name\" content=\"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\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\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\" \/>\n\t\t<meta property=\"og:description\" content=\"\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.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/cs\/blog\/news\/v-chrome-dobavlena-podderzhka-otlozhennoj-zagruzki-iframe-blokov\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2020-07-26T17:42:13+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2020-07-26T17:42:13+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47V Chrome byla p\u0159id\u00e1na podpora pro odlo\u017een\u00e9 na\u010d\u00edt\u00e1n\u00ed iframe blok\u016f | ProHoster","description":"V\u00fdvoj\u00e1\u0159i prohl\u00ed\u017ee\u010de Chrome ozn\u00e1mili roz\u0161\u00ed\u0159en\u00ed prost\u0159edk\u016f pro odlo\u017een\u00e9 na\u010d\u00edt\u00e1n\u00ed prvk\u016f webov\u00fdch str\u00e1nek, kter\u00e9 umo\u017e\u0148uj\u00ed nenac\u00edtat.","canonical_url":"https:\/\/prohoster.info\/cs\/blog\/news\/v-chrome-dobavlena-podderzhka-otlozhennoj-zagruzki-iframe-blokov","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"cs_CZ","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\/cs\/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\/cs\/wp-json\/wp\/v2\/posts\/89848","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/comments?post=89848"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/89848\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media\/89849"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media?parent=89848"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/categories?post=89848"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/tags?post=89848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}