{"id":8556,"date":"2021-05-13T19:48:50","date_gmt":"2021-05-13T16:48:50","guid":{"rendered":"https:\/\/ganbox.com\/blog\/?p=8556"},"modified":"2021-10-28T20:02:14","modified_gmt":"2021-10-28T17:02:14","slug":"kakvo-e-lcp-largest-contentful-paint","status":"publish","type":"post","link":"https:\/\/ganbox.com\/blog\/kakvo-e-lcp-largest-contentful-paint\/","title":{"rendered":"\u041a\u0430\u043a\u0432\u043e \u0435 LCP - Largest Contentful Paint"},"content":{"rendered":"<p><strong>LCP<\/strong> (Largest Contentful Paint) \u0435 \u0447\u0430\u0441\u0442 \u043e\u0442 <strong>Core Web Vitals<\/strong> - \u043d\u0430\u0431\u043e\u0440 \u043e\u0442 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u0438 \u043c\u0435\u0442\u0440\u0438\u043a\u0438, \u0441\u0432\u044a\u0440\u0437\u0430\u043d\u0438 \u0441\u044a\u0441 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0442\u0430 \u0438 \u0432\u0438\u0437\u0443\u0430\u043b\u043d\u0430\u0442\u0430 \u0441\u0442\u0430\u0431\u0438\u043b\u043d\u043e\u0441\u0442 \u043d\u0430 \u0443\u0435\u0431 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0438\u0442\u0435. Google \u0433\u0438 \u0441\u0447\u0438\u0442\u0430 \u0437\u0430 \u0438\u0437\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u043d\u043e \u0441\u044a\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u0438 \u0437\u0430 \u0446\u044f\u043b\u043e\u0441\u0442\u043d\u043e\u0442\u043e \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u043e \u0438\u0437\u0436\u0438\u0432\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 \u0434\u0430\u0434\u0435\u043d \u0443\u0435\u0431 \u0441\u0430\u0439\u0442 <span lang=\"zxx\">\u0438 \u043e\u0442 \u043c\u0430\u0439 2021 \u0433 \u0441\u0430 \u0432\u0430\u0436\u0435\u043d \u0440\u0430\u043d\u043a\u0438\u043d\u0433 \u0444\u0430\u043a\u0442\u043e\u0440.<\/span><\/p>\n<p>Core Web Vitals\u00a0 \u0441\u044a\u0434\u044a\u0440\u0436\u0430 \u0442\u0440\u0438 \u0432\u0430\u0436\u043d\u0438 \u043c\u0435\u0442\u0440\u0438\u043a\u0438: Largest Contentful Paint (<strong>LCP<\/strong>), First Input Delay (<strong>FID<\/strong>) \u0438 Cumulative Layout Shift (<strong>CLS<\/strong>), \u043a\u043e\u0438\u0442\u043e \u0449\u0435 \u0440\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u043c\u0435 \u0432 \u043f\u043e\u0440\u0435\u0434\u0438\u0446\u0430 \u043e\u0442 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438. \u0412 \u0442\u0430\u0437\u0438 \u0441\u0442\u0430\u0442\u0438\u044f \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u0449\u0435 \u0440\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u043c\u0435 LCP.<\/p>\n<p><span style=\"color: #000080;\"><em>\u0429\u0435 \u043d\u0430\u0443\u0447\u0438\u0442\u0435 \u043a\u0430\u043a\u0432\u043e \u0435 LCP, \u043a\u0430\u043a \u0441\u0435 \u0438\u0437\u043c\u0435\u0440\u0432\u0430 \u0438 \u043a\u0430\u043a \u0434\u0430 \u0433\u043e \u043f\u043e\u0434\u043e\u0431\u0440\u0438\u0442\u0435, \u0437\u0430 \u0434\u0430 \u0441\u0442\u0430\u043d\u0435 \u0432\u0430\u0448\u0438\u044f\u0442 \u0431\u0438\u0437\u043d\u0435\u0441 \u0441\u0430\u0439\u0442 \u043f\u043e-\u0431\u044a\u0440\u0437.<\/em><\/span><\/p>\n<blockquote><p><strong>Largest Contentful Paint<\/strong> (LCP) \u0435 \u0438\u0437\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u043d\u043e \u0432\u0430\u0436\u043d\u0430, \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u0430\u043d\u0430 \u043a\u044a\u043c \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0438\u0442\u0435 \u043c\u0435\u0442\u0440\u0438\u043a\u0430, \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u0449\u0430 \u043a\u043e\u0433\u0430 \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430 \u0441\u0442\u0430\u0432\u0430 \u0432\u0438\u0434\u0438\u043c \u0437\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u044f. \u0422\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0432\u0430 \u0442\u043e\u0447\u043a\u0430\u0442\u0430 \u043d\u0430 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435, \u043f\u0440\u0438 \u043a\u043e\u044f\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0442\u043e \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435 \u043d\u0430 \u0442\u0435\u043a\u0443\u0449\u0430\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442\u0430 \u0441\u0435 \u0435 \u0437\u0430\u0440\u0435\u0434\u0438\u043b\u043e.<\/p><\/blockquote>\n<p>\u0412 \u043c\u0438\u043d\u0430\u043b\u043e\u0442\u043e \u0437\u0430 \u0443\u0435\u0431 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u0446\u0438\u0442\u0435 \u0435 \u0431\u0438\u043b\u043e \u043f\u0440\u0435\u0434\u0438\u0437\u0432\u0438\u043a\u0430\u0442\u0435\u043b\u0441\u0442\u0432\u043e \u0434\u0430 \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u0442 \u0431\u044a\u0440\u0437\u0438\u043d\u0430\u0442\u0430 \u043d\u0430 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0442\u043e \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435 \u043d\u0430 \u0435\u0434\u043d\u0430 \u0443\u0435\u0431 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u0438 \u043c\u043e\u043c\u0435\u043d\u0442\u0430 \u0432 \u043a\u043e\u0439\u0442\u043e \u0442\u043e \u0441\u0442\u0430\u0432\u0430 \u0432\u0438\u0434\u0438\u043c\u043e \u0437\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u044f.<\/p>\n<p>\u0421\u0442\u0430\u0440\u0438\u0442\u0435 \u043c\u0435\u0442\u0440\u0438\u043a\u0438 \u043a\u0430\u0442\u043e <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/load_event\" target=\"_blank\" rel=\"noopener noreferrer\">\u201cload\u201d<\/a> \u0438\u043b\u0438 <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/DOMContentLoaded_event\" target=\"_blank\" rel=\"noopener noreferrer\">\u201cDOMContentLoaded\u201d<\/a> \u043d\u0435 \u0441\u0430 \u0440\u0435\u043b\u0435\u0432\u0430\u043d\u0442\u043d\u0438, \u0442\u044a\u0439 \u043a\u0430\u0442\u043e \u043d\u0435 \u0441\u044a\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0430\u0442 \u043d\u0430 \u0442\u043e\u0432\u0430, \u043a\u043e\u0435\u0442\u043e \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u044f \u0432\u0438\u0436\u0434\u0430 \u043d\u0430 \u0435\u043a\u0440\u0430\u043d\u0430 \u0441\u0438, \u0430 \u043f\u043e-\u043d\u043e\u0432\u0438\u0442\u0435, \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u0430\u043d\u0438 \u043a\u044a\u043c \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0438\u0442\u0435 \u043c\u0435\u0442\u0440\u0438\u043a\u0438 \u0437\u0430 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442 \u043a\u0430\u0442\u043e First Contentful Paint (FCP) \u0441\u0430 \u0432 \u0441\u0438\u043b\u0430 \u0437\u0430 \u043d\u0430\u0447\u0430\u043b\u043e\u0442\u043e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430 \u0438 \u043e\u0442\u0447\u0438\u0442\u0430\u0442 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0442\u0430 \u0441\u0430\u043c\u043e \u043d\u0430 \u0432\u0438\u0434\u0438\u043c\u0438\u0442\u0435 \u043d\u0430 \u0435\u043a\u0440\u0430\u043d\u0430 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438.<\/p>\n<p>\u0410\u043a\u043e \u0434\u0430\u0434\u0435\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u043e\u043a\u0430\u0437\u0432\u0430 \u043d\u0430\u0447\u0430\u043b\u0435\u043d \u0435\u043a\u0440\u0430\u043d \u0441 \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440 \u0437\u0430 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430 (splash screen), \u0442\u043e\u0437\u0438 \u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0435 \u0435 \u043c\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u0435\u0437\u0435\u043d \u0437\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u043e\u0442\u043e \u043f\u0440\u0435\u0436\u0438\u0432\u044f\u0432\u0430\u043d\u0435.<\/p>\n<p>\u0412 \u043c\u0438\u043d\u0430\u043b\u043e\u0442\u043e \u0441\u0435 \u043f\u0440\u0435\u043f\u043e\u0440\u044a\u0447\u0432\u0430\u0445\u0430 \u043c\u0435\u0442\u0440\u0438\u043a\u0438 \u0437\u0430 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u043d\u043e\u0441\u0442 \u043a\u0430\u0442\u043e <a href=\"https:\/\/web.dev\/first-meaningful-paint\/\" target=\"_blank\" rel=\"noopener noreferrer\">First Meaningful Paint (FMP)<\/a> \u0438 <a href=\"https:\/\/web.dev\/speed-index\/\" target=\"_blank\" rel=\"noopener noreferrer\">Speed \u200b\u200bIndex (SI)<\/a> (\u0438 \u0434\u0432\u0435\u0442\u0435 \u043d\u0430\u043b\u0438\u0447\u043d\u0438 \u0432 Lighthouse), \u043a\u043e\u0438\u0442\u043e \u0434\u0430 \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u0442 \u201c\u043f\u0440\u0435\u0436\u0438\u0432\u044f\u0432\u0430\u043d\u0435\u0442\u043e \u043f\u0440\u0438 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435\u201d (loading experience), \u0432\u0435\u0434\u043d\u0430\u0433\u0430 \u0441\u043b\u0435\u0434 \u043a\u0430\u0442\u043e \u043f\u044a\u0440\u0432\u0438\u044f \u043f\u0438\u043a\u0441\u0435\u043b \u043d\u0430 \u0441\u0430\u0439\u0442\u0430 \u0431\u0438\u0432\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0435\u043d (\u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d).<\/p>\n<p>\u0422\u0435\u0437\u0438 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u043e\u0431\u0430\u0447\u0435, \u0441\u0430 \u0441\u043b\u043e\u0436\u043d\u0438, \u0442\u0440\u0443\u0434\u043d\u0438 \u0437\u0430 \u043e\u0431\u044f\u0441\u043d\u0435\u043d\u0438\u0435 \u0438 \u0447\u0435\u0441\u0442\u043e \u0433\u0440\u0435\u0448\u043d\u0438 - \u043a\u043e\u0435\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0432\u0430, \u0447\u0435 \u0442\u0435 \u0432\u0441\u0435 \u043e\u0449\u0435 \u043d\u0435 \u0443\u0441\u043f\u044f\u0432\u0430\u0442 \u0441 \u0442\u043e\u0447\u043d\u043e\u0441\u0442 \u0434\u0430 \u0443\u0442\u0432\u044a\u0440\u0434\u044f\u0442 \u043c\u043e\u043c\u0435\u043d\u0442\u0430, \u0432 \u043a\u043e\u0439\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0442\u043e \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435 \u043d\u0430 \u0441\u0430\u0439\u0442\u0430 \u0431\u0438\u0432\u0430 \u0437\u0430\u0440\u0435\u0434\u0435\u043d\u043e.<\/p>\n<p>\u041a\u043e\u043b\u043a\u043e\u0442\u043e \u043f\u043e-\u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430 \u043e\u0431\u044f\u0441\u043d\u0435\u043d\u0438\u0435 - \u0442\u043e\u043b\u043a\u043e\u0432\u0430 \u043f\u043e-\u0434\u043e\u0431\u0440\u0435. \u0412\u044a\u0437 \u043e\u0441\u043d\u043e\u0432\u0430 \u043d\u0430 \u043f\u0440\u043e\u0443\u0447\u0432\u0430\u043d\u0438\u044f\u0442\u0430, \u043d\u0430\u043f\u0440\u0430\u0432\u0435\u043d\u0438 \u0432 Google, \u0442\u0435 \u0441\u0430 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0438, \u0447\u0435 \u043d\u0430\u0439-\u043f\u0440\u0435\u0446\u0438\u0437\u043d\u0438\u044f \u043d\u0430\u0447\u0438\u043d \u0437\u0430 \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u043d\u0435 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435\u0442\u043e \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0442\u043e \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435 \u043d\u0430 \u0434\u0430\u0434\u0435\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0435 \u043c\u043e\u043c\u0435\u043d\u0442\u0430 \u043d\u0430 \u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f\u0442 \u045d \u0435\u043b\u0435\u043c\u0435\u043d\u0442.<\/p>\n<hr \/>\n<h2>\u041a\u0430\u043a\u0432\u043e \u0435 LCP?<\/h2>\n<p>\u041c\u0435\u0442\u0440\u0438\u043a\u0430\u0442\u0430 <strong>Largest Contentful Paint<\/strong> (LCP), \u043e\u0442\u0447\u0438\u0442\u0430 \u0432\u0440\u0435\u043c\u0435\u0442\u043e \u0437\u0430 \u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d\u0435 (\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0432\u0430\u043d\u0435) \u043d\u0430 \u043d\u0430\u0439-\u0433\u043e\u043b\u044f\u043c\u043e\u0442\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u0442\u0435\u043a\u0441\u0442\u043e\u0432 \u0431\u043b\u043e\u043a, \u043d\u0430\u043c\u0438\u0440\u0430\u0449\u0438 \u0441\u0435 \u0432\u044a\u0432 \u0432\u0438\u0434\u0438\u043c\u0430\u0442\u0430 \u0447\u0430\u0441\u0442 \u043d\u0430 \u0435\u043a\u0440\u0430\u043d\u0430 (viewport), \u0441\u043f\u0440\u044f\u043c\u043e \u043f\u044a\u0440\u0432\u043e\u0442\u043e \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430.<\/p>\n<p><img loading=\"lazy\" width=\"830\" height=\"262\" class=\"wp-image-8558\" src=\"\/blog\/wp-content\/pub\/word-image.png\" alt=\"\u041a\u0430\u043a\u0432\u043e \u0435 LCP?\" srcset=\"https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image.png 830w, https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image-300x95.png 300w, https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image-768x242.png 768w\" sizes=\"(max-width: 830px) 100vw, 830px\" \/><\/p>\n<hr \/>\n<h2>\u0421\u044a\u0449\u0435\u0441\u0442\u0432\u0443\u0432\u0430 \u043b\u0438 \u0434\u043e\u0431\u044a\u0440 LCP \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442?<\/h2>\n<p>\u0417\u0430 \u0434\u0430 \u043e\u0441\u0438\u0433\u0443\u0440\u044f\u0442 \u0434\u043e\u0431\u0440\u043e \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u043e \u0438\u0437\u0436\u0438\u0432\u044f\u0432\u0430\u043d\u0435, \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u0438\u0446\u0438\u0442\u0435 \u043d\u0430 \u0441\u0430\u0439\u0442\u043e\u0432\u0435 \u0442\u0440\u044f\u0431\u0432\u0430 \u0434\u0430 \u0441\u0435 \u0441\u0442\u0440\u0435\u043c\u044f\u0442 \u0434\u0430 \u0438\u043c\u0430\u0442 LCP \u0434\u043e 2,5 \u0441\u0435\u043a\u0443\u043d\u0434\u0438 \u0438\u043b\u0438 \u043f\u043e-\u043c\u0430\u043b\u043a\u043e.<\/p>\n<p>\u0417\u0430 \u0434\u0430 \u0441\u0442\u0435 \u0441\u0438\u0433\u0443\u0440\u043d\u0438, \u0447\u0435 \u0441\u0442\u0435 \u043f\u043e\u0441\u0442\u0438\u0433\u043d\u0430\u043b\u0438 \u0442\u0430\u0437\u0438 \u0446\u0435\u043b, \u0434\u043e\u0431\u044a\u0440 \u043f\u0440\u0430\u0433 \u0437\u0430 \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u043d\u0435 \u0435 75-\u0438\u044f \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0438\u043b (<em>\u0442\u043e\u0432\u0430 \u043e\u0437\u043d\u0430\u0447\u0430\u0432\u0430, \u0447\u0435 75% \u043e\u0442 \u0432\u0441\u0438\u0447\u043a\u0438 \u0438\u043c\u0430\u0442 \u0442\u0430\u0437\u0438 \u0438\u043b\u0438 \u043f\u043e-\u0434\u043e\u0431\u0440\u0430 \u0441\u0442\u043e\u0439\u043d\u043e\u0441\u0442<\/em>) \u043e\u0442 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435\u0442\u043e, \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0438\u0440\u0430\u043d \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u043d\u0438 \u0438 \u0434\u0435\u0441\u043a\u0442\u043e\u043f \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430.<\/p>\n<hr \/>\n<h2>\u041a\u043e\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u0434\u0430 \u0432\u0437\u0435\u043c\u0435\u0442\u0435 \u043f\u0440\u0435\u0434\u0432\u0438\u0434?<\/h2>\n<p>\u0412\u0438\u0434\u043e\u0432\u0435\u0442\u0435 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438, \u043a\u043e\u0438\u0442\u043e \u0441\u0430 \u043e\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0437\u0430 \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u043d\u0435 \u043d\u0430 LCP:<\/p>\n<ul>\n<li>&lt;img&gt; \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438<\/li>\n<li>&lt;image&gt; \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u0432 &lt;svg&gt; \u0435\u043b\u0435\u043c\u0435\u043d\u0442<\/li>\n<li>&lt;video&gt; \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 (\u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430 \u0441\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u0442\u043e \u043d\u0430 \u043f\u043b\u0430\u043a\u0430\u0442\u0430 - \u0437\u0430\u0433\u043b\u0430\u0432\u043d\u0430\u0442\u0430 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430)<\/li>\n<li>\u0415\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u0444\u043e\u043d\u043e\u0432\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435, \u0437\u0430\u0440\u0435\u0434\u0435\u043d\u043e \u0447\u0440\u0435\u0437 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u0442\u0430 url ().<\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Block-level_elements\">\u0415\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u043d\u0430 \u043d\u0438\u0432\u043e \u0431\u043b\u043e\u043a<\/a>, \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u0449\u0438 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u0438 \u0432\u044a\u0437\u043b\u0438 (text nodes) \u0438\u043b\u0438 \u0434\u0440\u0443\u0433\u0438 \u0432\u0433\u0440\u0430\u0434\u0435\u043d\u0438 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438.<\/li>\n<\/ul>\n<p>\u0418\u043c\u0430\u0439\u0442\u0435 \u043f\u0440\u0435\u0434\u0432\u0438\u0434, \u0447\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0430\u0432\u0430\u043d\u0435\u0442\u043e \u043d\u0430 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438\u0442\u0435 \u0441\u0430\u043c\u043e \u0434\u043e \u0442\u043e\u0437\u0438 \u043d\u0430\u0431\u043e\u0440 \u0435 \u0443\u043c\u0438\u0448\u043b\u0435\u043d\u043e, \u0437\u0430\u0440\u0430\u0434\u0438 \u0443\u043b\u0435\u0441\u043d\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 \u043d\u0435\u0449\u0430\u0442\u0430 \u0432 \u043d\u0430\u0447\u0430\u043b\u043e\u0442\u043e. \u041e\u0449\u0435 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 (\u043d\u0430\u043f\u0440. &lt;svg&gt;, &lt;video&gt;) \u043c\u043e\u0433\u0430\u0442 \u0434\u0430 \u0431\u044a\u0434\u0430\u0442 \u0434\u043e\u0431\u0430\u0432\u0435\u043d\u0438 \u0432 \u0431\u044a\u0434\u0435\u0449\u0435, \u0442\u044a\u0439 \u043a\u0430\u0442\u043e \u0434\u043e\u043f\u044a\u043b\u043d\u0438\u0442\u0435\u043b\u043d\u0438 \u0438\u0437\u0441\u043b\u0435\u0434\u0432\u0430\u043d\u0438\u044f \u0441\u0435 \u0438\u0437\u0432\u044a\u0440\u0448\u0432\u0430\u0442 \u0432 \u043c\u043e\u043c\u0435\u043d\u0442\u0430.<\/p>\n<hr \/>\n<h2>\u041a\u0430\u043a \u0441\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f \u0440\u0430\u0437\u043c\u0435\u0440\u044a\u0442 \u043d\u0430 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430?<\/h2>\n<p>\u0420\u0430\u0437\u043c\u0435\u0440\u044a\u0442 \u043d\u0430 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u043d \u0437\u0430 \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u043d\u0435\u0442\u043e LCP \u0435 \u043e\u043d\u0437\u0438 \u0440\u0430\u0437\u043c\u0435\u0440, \u043a\u043e\u0439\u0442\u043e \u0435 \u0432\u0438\u0434\u0438\u043c \u0437\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u044f \u0432\u044a\u0432 \u0432\u0438\u0434\u0438\u043c\u0430\u0442\u0430 \u0447\u0430\u0441\u0442 \u043d\u0430 \u0435\u043a\u0440\u0430\u043d\u0430.<\/p>\n<p>\u0410\u043a\u043e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u044a\u0442 \u0441\u0435 \u043f\u0440\u043e\u0441\u0442\u0438\u0440\u0430 \u0438\u0437\u0432\u044a\u043d \u0432\u0438\u0434\u0438\u043c\u0430\u0442\u0430 \u0447\u0430\u0441\u0442, \u0438\u043b\u0438 \u0430\u043a\u043e \u043d\u044f\u043a\u043e\u0439 \u043e\u0442 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438\u0442\u0435 \u0435 \u043e\u0442\u0440\u044f\u0437\u0430\u043d, \u0442\u0435\u0437\u0438 \u0447\u0430\u0441\u0442\u0438 \u043d\u0435 \u0441\u0435 \u043e\u0442\u0447\u0438\u0442\u0430\u0442 \u0437\u0430 \u0447\u0430\u0441\u0442 \u043e\u0442 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u043d\u0430 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430.<\/p>\n<p>\u0417\u0430 <strong><em>image<\/em><\/strong> \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438\u0442\u0435, \u043a\u043e\u0438\u0442\u043e \u0441\u0430 \u043f\u0440\u0435\u043e\u0440\u0430\u0437\u043c\u0435\u0440\u0435\u043d\u0438 \u0441\u043f\u0440\u044f\u043c\u043e \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u043d\u0438\u044f \u0438\u043c \u0440\u0430\u0437\u043c\u0435\u0440 (<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/Intrinsic_Size\" target=\"_blank\" rel=\"noopener noreferrer\">intrinsic size<\/a>), \u0440\u0430\u0437\u043c\u0435\u0440\u044a\u0442, \u043a\u043e\u0439\u0442\u043e \u0449\u0435 \u0441\u0435 \u043e\u0442\u0447\u0435\u0442\u0435 \u0435 \u0438\u043b\u0438 \u0432\u0438\u0434\u0438\u043c\u0438\u044f \u0440\u0430\u0437\u043c\u0435\u0440 (visible size), \u0438\u043b\u0438 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u043d\u0438\u044f \u0440\u0430\u0437\u043c\u0435\u0440\u00a0 - \u0441\u043f\u043e\u0440\u0435\u0434 \u0442\u043e\u0432\u0430, \u043a\u043e\u0439 \u043e\u0442 \u0434\u0432\u0430\u0442\u0430 \u0435 \u043f\u043e-\u043c\u0430\u043b\u044a\u043a.<\/p>\n<p>\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0437\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u0442\u0430, \u043d\u0430\u043c\u0430\u043b\u0435\u043d\u0438 \u0434\u043e \u0440\u0430\u0437\u043c\u0435\u0440 \u043f\u043e-\u043c\u0430\u043b\u044a\u043a \u043e\u0442 \u0432\u044a\u0442\u0440\u0435\u0448\u043d\u0438\u044f \u0438\u043c \u0440\u0430\u0437\u043c\u0435\u0440, \u0449\u0435 \u0441\u0435 \u043e\u0442\u0447\u0435\u0442\u0435 \u0441\u0430\u043c\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430, \u0432 \u043a\u043e\u0439\u0442\u043e \u0441\u0430 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u0438 \u043d\u0430 \u0435\u043a\u0440\u0430\u043d\u0430, \u0434\u043e\u043a\u0430\u0442\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u0442\u0430, \u043a\u043e\u0438\u0442\u043e \u0441\u0430 \u0440\u0430\u0437\u0448\u0438\u0440\u0435\u043d\u0438 \u0434\u043e \u043f\u043e-\u0433\u043e\u043b\u044f\u043c \u0440\u0430\u0437\u043c\u0435\u0440, \u0449\u0435 \u043e\u0442\u0447\u0435\u0442\u0430\u0442 \u0441\u0430\u043c\u043e \u0441\u0432\u043e\u0438\u0442\u0435 \u0432\u044a\u0442\u0440\u0435\u0448\u043d\u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u0438.<\/p>\n<p>\u041e\u0442\u043d\u043e\u0441\u043d\u043e \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u0438\u0442\u0435 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438, \u0437\u0430\u0447\u0438\u0442\u0430 \u0441\u0435 \u0441\u0430\u043c\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u044a\u0442 \u043d\u0430 \u0442\u0435\u0445\u043d\u0438\u0442\u0435 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u0438 \u0432\u044a\u0437\u043b\u0438 (\u043d\u0430\u0439-\u043c\u0430\u043b\u043a\u0438\u044f\u0442 \u043f\u0440\u0430\u0432\u043e\u044a\u0433\u044a\u043b\u043d\u0438\u043a, \u043a\u043e\u0439\u0442\u043e \u043e\u0431\u0445\u0432\u0430\u0449\u0430 \u0432\u0441\u0438\u0447\u043a\u0438 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u0438 \u0432\u044a\u0437\u043b\u0438).<\/p>\n<p>\u041e\u0431\u0449\u043e\u0442\u043e \u0437\u0430 \u0432\u0441\u0438\u0447\u043a\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u0435, \u0447\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0442\u0435 \u0447\u0440\u0435\u0437 CSS margins, paddings \u0438\u043b\u0438 borders, \u043d\u0435 \u0441\u0435 \u043e\u0442\u0447\u0438\u0442\u0430\u0442.<\/p>\n<hr \/>\n<h2>\u041a\u043e\u0433\u0430 \u0432\u0441\u044a\u0449\u043d\u043e\u0441\u0442 \u0441\u0435 \u043e\u0442\u0447\u0438\u0442\u0430 LCP?<\/h2>\n<p>\u0423\u0435\u0431 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0438\u0442\u0435 \u0447\u0435\u0441\u0442\u043e \u0441\u0435 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u0442 \u043f\u043e\u0435\u0442\u0430\u043f\u043d\u043e \u0438 \u0432 \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442 \u043d\u0430 \u0442\u043e\u0432\u0430 \u0435 \u0432\u044a\u0437\u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f\u0442 \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430 \u0434\u0430 \u0441\u0435 \u043f\u0440\u043e\u043c\u0435\u043d\u0438 \u043f\u043e \u0432\u0440\u0435\u043c\u0435 \u043d\u0430 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435.<\/p>\n<p>\u0417\u0430 \u0434\u0430 \u0441\u0435 \u0441\u043f\u0440\u0430\u0432\u0438 \u0441 \u0442\u0430\u0437\u0438 \u043f\u0440\u043e\u043c\u044f\u043d\u0430, \u0431\u0440\u0430\u0443\u0437\u044a\u0440\u044a\u0442 \u0438\u0437\u043f\u0440\u0430\u0449\u0430 <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/PerformanceEntry\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>PerformanceEntry<\/strong><\/a>\u00a0\u043e\u0442 \u0442\u0438\u043f\u0430 \u201c<strong><em>largest contentful paint<\/em><\/strong>\u201d, \u0438 \u0441\u043b\u0435\u0434 \u043a\u0430\u0442\u043e \u0440\u0435\u043d\u0434\u0438\u0440\u0430 \u043f\u044a\u0440\u0432\u0438\u044f \u0444\u0440\u0435\u0439\u043c, \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u0446\u0438\u0440\u0430 \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430.<\/p>\n<p>\u0421\u043b\u0435\u0434 \u043a\u0430\u0442\u043e \u0440\u0435\u043d\u0434\u0438\u0440\u0430 \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u0432\u0430\u0449\u0438\u044f \u0444\u0440\u0435\u0439\u043c, \u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438 \u0441\u043c\u044f\u043d\u0430 (\u0437\u0430\u0441\u0435\u0447\u0435 \u043d\u043e\u0432 \u201c\u043d\u0430\u0439-\u0433\u043e\u043b\u044f\u043c \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u201d) \u043d\u0430 \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f \u0435\u043b\u0435\u043c\u0435\u043d\u0442, \u0431\u0440\u0430\u0443\u0437\u044a\u0440\u044a\u0442 \u043e\u0442\u043d\u043e\u0432\u043e \u0449\u0435 \u0438\u0437\u043f\u0440\u0430\u0442\u0438 <strong>PerformanceEntry<\/strong>.<\/p>\n<p>\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0441 \u0442\u0435\u043a\u0441\u0442 \u0438 \u0433\u043e\u043b\u044f\u043c \u0443\u0435\u0431 \u0431\u0430\u043d\u0435\u0440, \u0431\u0440\u0430\u0443\u0437\u044a\u0440\u044a\u0442 \u043f\u044a\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u043d\u043e \u043c\u043e\u0436\u0435 \u0434\u0430 \u0440\u0435\u043d\u0434\u0438\u0440\u0430 \u0441\u0430\u043c\u043e \u0442\u0435\u043a\u0441\u0442\u0430 - \u043a\u0430\u0442\u043e \u0438\u0437\u043f\u0440\u0430\u0442\u0438 LCP \u0435\u043b\u0435\u043c\u0435\u043d\u0442 (entry), \u0447\u0438\u0439\u0442\u043e \u0430\u0442\u0440\u0438\u0431\u0443\u0442 \u0449\u0435 \u043f\u043e\u0441\u043e\u0447\u0438 &lt;p&gt; \u0438\u043b\u0438 &lt;h1&gt;. \u041f\u043e-\u043a\u044a\u0441\u043d\u043e, \u0441\u043b\u0435\u0434 \u043a\u0430\u0442\u043e \u0438 \u0431\u0430\u043d\u0435\u0440\u0430 \u0441\u0435 \u0437\u0430\u0440\u0435\u0434\u0438, \u0431\u0438\u0432\u0430 \u0438\u0437\u043f\u0440\u0430\u0442\u0435\u043d \u0432\u0442\u043e\u0440\u0438 LCP \u0435\u043b\u0435\u043c\u0435\u043d\u0442 (entry), \u0430 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044a\u0442 \u043c\u0443 \u0449\u0435 \u0441\u043e\u0447\u0438 \u0442\u0430\u0433\u0430 &lt;img&gt;.<\/p>\n<p>\u0412\u0430\u0436\u043d\u043e \u0435 \u0434\u0430 \u0441\u0435 \u043e\u0442\u0431\u0435\u043b\u0435\u0436\u0438, \u0447\u0435 \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u0449\u0435 \u0441\u0435 \u0441\u0447\u0438\u0442\u0430 \u0437\u0430 LCP \u0435\u043b\u0435\u043c\u0435\u043d\u0442, \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043e \u0441\u043b\u0435\u0434 \u043a\u0430\u0442\u043e \u0435 \u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d \u0438 \u0435 \u0432\u0438\u0434\u0438\u043c \u0437\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u044f. \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f, \u043a\u043e\u0438\u0442\u043e \u0432\u0441\u0435 \u043e\u0449\u0435 \u043d\u0435 \u0441\u0430 \u0441\u0435 \u0437\u0430\u0440\u0435\u0434\u0438\u043b\u0438, \u043d\u0435 \u0441\u0435 \u0441\u0447\u0438\u0442\u0430\u0442 \u0437\u0430 \u201c\u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d\u0438\u201d. \u0421\u044a\u0449\u043e\u0442\u043e \u0432\u0430\u0436\u0438 \u0438 \u0437\u0430 \u0431\u043b\u043e\u043a\u043e\u0432\u0435\u0442\u0435 \u0441 \u0442\u0435\u043a\u0441\u0442 \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u0449\u0438 \u0443\u0435\u0431 \u0448\u0440\u0438\u0444\u0442\u043e\u0432\u0435 \u043f\u043e \u0432\u0440\u0435\u043c\u0435 \u043d\u0430 \u0431\u043b\u043e\u043a\u0438\u0440\u0430\u043d\u0435\u0442\u043e \u043e\u0442 \u043e\u0442\u0434\u0430\u043b\u0435\u0447\u0435\u043d\u043e \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435 \u043d\u0430 \u0448\u0440\u0438\u0444\u0442\u043e\u0432\u0435 (<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/@font-face\/font-display#the_font_display_timeline\">font block period<\/a>).<\/p>\n<p>\u0412 \u0442\u0430\u043a\u0438\u0432\u0430 \u0441\u043b\u0443\u0447\u0430\u0438 \u043f\u043e-\u043c\u0430\u043b\u044a\u043a \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u043c\u043e\u0436\u0435 \u0434\u0430 \u0431\u044a\u0434\u0435 \u043e\u0442\u0447\u0435\u0442\u0435\u043d \u043a\u0430\u0442\u043e \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f \u0435\u043b\u0435\u043c\u0435\u043d\u0442, \u043d\u043e \u0449\u043e\u043c \u043f\u043e-\u0433\u043e\u043b\u0435\u043c\u0438\u044f\u0442 \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0438 \u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d\u0435\u0442\u043e \u0441\u0438, \u0442\u043e\u0439 \u0449\u0435 \u0431\u044a\u0434\u0435 \u043e\u0442\u0447\u0435\u0442\u0435\u043d \u0447\u0440\u0435\u0437 \u043d\u043e\u0432 \u201cPerformanceEntry\u201d \u0435\u043b\u0435\u043c\u0435\u043d\u0442.<\/p>\n<p>\u0412 \u0434\u043e\u043f\u044a\u043b\u043d\u0435\u043d\u0438\u0435 \u043d\u0430 \u043f\u043e-\u0431\u0430\u0432\u043d\u043e \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u0449\u0438\u0442\u0435 \u0441\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438 \u0448\u0440\u0438\u0444\u0442\u043e\u0432\u0435, \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430 \u043c\u043e\u0436\u0435 \u0434\u0430 \u0434\u043e\u0431\u0430\u0432\u0438 \u043d\u043e\u0432\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u0432 DOM (<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document_Object_Model\/Introduction\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Document Object Model<\/a>), \u0449\u043e\u043c \u043d\u043e\u0432\u043e\u0442\u043e \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435 \u0441\u0442\u0430\u043d\u0435 \u0434\u043e\u0441\u0442\u044a\u043f\u043d\u043e. \u0414\u043e\u043a\u043e\u043b\u043a\u043e\u0442\u043e \u043d\u044f\u043a\u043e\u0439 \u043e\u0442 \u0442\u0435\u0437\u0438 \u043d\u043e\u0432\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u0435 \u043f\u043e-\u0433\u043e\u043b\u044f\u043c \u043e\u0442 \u043f\u0440\u0435\u0434\u0438\u0448\u043d\u0438\u044f \u201c\u043d\u0430\u0439-\u0433\u043e\u043b\u044f\u043c \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u201d, \u0449\u0435 \u0441\u0435 \u043e\u0442\u0447\u0435\u0442\u0435 \u0438 \u043d\u043e\u0432 \u201cPerformanceEntry\u201d.<\/p>\n<p>\u0410\u043a\u043e \u0435\u043b\u0435\u043c\u0435\u043d\u0442, \u043a\u043e\u0439\u0442\u043e \u0434\u043e \u043c\u043e\u043c\u0435\u043d\u0442\u0430 \u0435 \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f\u0442 \u0442\u0430\u043a\u044a\u0432, \u0431\u044a\u0434\u0435 \u043f\u0440\u0435\u043c\u0430\u0445\u043d\u0430\u0442 \u043e\u0442 \u0432\u0438\u0434\u0438\u043c\u0430\u0442\u0430 \u0447\u0430\u0441\u0442 \u043d\u0430 \u0435\u043a\u0440\u0430\u043d\u0430 (\u0438\u043b\u0438 \u043f\u0440\u0435\u043c\u0430\u0445\u043d\u0430\u0442 \u043e\u0442 DOM), \u0442\u043e\u0439 \u0449\u0435 \u043e\u0441\u0442\u0430\u043d\u0435 \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f \u0435\u043b\u0435\u043c\u0435\u043d\u0442, \u0432\u0441\u0435 \u0434\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0437\u044f\u0432\u0430\u043d\u0435\u0442\u043e (\u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d\u0435\u0442\u043e) \u043d\u0430 \u043f\u043e-\u0433\u043e\u043b\u044f\u043c \u0435\u043b\u0435\u043c\u0435\u043d\u0442.<\/p>\n<p>\u0414\u043e\u043a\u0430\u0442\u043e \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u044f\u0442 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0430 \u0441\u044a\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430 (\u0447\u0440\u0435\u0437 \u0434\u043e\u043a\u043e\u0441\u0432\u0430\u043d\u0435, \u0441\u043a\u0440\u043e\u043b\u0432\u0430\u043d\u0435 \u0438\u043b\u0438 \u043d\u0430\u0442\u0438\u0441\u043a\u0430\u043d\u0435 \u043d\u0430 \u043a\u043b\u0430\u0432\u0438\u0448), \u0431\u0440\u0430\u0443\u0437\u044a\u0440\u044a\u0442 \u0449\u0435 \u0441\u043f\u0440\u0435 \u0434\u0430 \u043e\u0442\u0447\u0438\u0442\u0430 \u043d\u043e\u0432\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438, \u0442\u044a\u0439 \u043a\u0430\u0442\u043e \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435\u0442\u043e \u043d\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u044f \u0441\u044a\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430 \u0447\u0435\u0441\u0442\u043e \u043f\u0440\u043e\u043c\u0435\u043d\u044f \u0438\u0437\u0433\u043b\u0435\u0434\u0430 (layout) \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430 (\u043e\u0441\u043e\u0431\u0435\u043d\u043e \u0438\u0437\u0440\u0430\u0437\u0435\u043d\u043e \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u0432\u0430\u043d\u0435\u0442\u043e).<\/p>\n<hr \/>\n<h2>\u0412\u0440\u0435\u043c\u0435 \u0437\u0430 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435 \u0441\u043f\u0440\u044f\u043c\u043e \u0432\u0440\u0435\u043c\u0435 \u0437\u0430 \u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d\u0435<\/h2>\n<p>\u041e\u0442 \u0441\u044a\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0437\u0430 \u0441\u0438\u0433\u0443\u0440\u043d\u043e\u0441\u0442, \u0432\u0440\u0435\u043c\u0435\u0442\u043e<strong><em> (timestamp) <\/em><\/strong>\u0437\u0430 \u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u0442\u0430, \u043d\u0435 \u0435 \u043d\u0430\u043b\u0438\u0447\u043d\u043e \u0437\u0430 \u043e\u043d\u0435\u0437\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f, \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0438 \u043e\u0442 \u0434\u0440\u0443\u0433 \u0441\u044a\u0440\u0432\u044a\u0440 (cross-origin), \u043a\u043e\u0438\u0442\u043e \u043d\u044f\u043c\u0430\u0442 \u0445\u0435\u0434\u044a\u0440 <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTTP\/Headers\/Timing-Allow-Origin\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>Timing-Allow-Origin<\/strong><\/a>. \u0417\u0430 \u0442\u044f\u0445 \u0435 \u043d\u0430\u043b\u0438\u0447\u043d\u043e \u0441\u0430\u043c\u043e \u0432\u0440\u0435\u043c\u0435\u0442\u043e \u0438\u043c \u0437\u0430 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435.<\/p>\n<p>\u041f\u0440\u0438\u043c\u0435\u0440\u044a\u0442 \u043f\u043e-\u0434\u043e\u043b\u0443 \u043f\u043e\u043a\u0430\u0437\u0432\u0430 \u043a\u0430\u043a \u0434\u0430 \u0441\u0435 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0432\u0430\u0442 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438, \u0447\u0438\u0435\u0442\u043e <a href=\"https:\/\/web.dev\/lcp\/#measure-lcp-in-javascript\">\u0432\u0440\u0435\u043c\u0435 \u0437\u0430 \u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d\u0435<\/a> \u043d\u0435 \u0435 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\/\u043d\u0430\u043b\u0438\u0447\u043d\u043e. \u0416\u0435\u043b\u0430\u0442\u0435\u043b\u043d\u043e \u0435 \u043e\u0431\u0430\u0447\u0435, \u043a\u043e\u0433\u0430\u0442\u043e \u0435 \u0432\u044a\u0437\u043c\u043e\u0436\u043d\u043e, \u0445\u0435\u0434\u044a\u0440\u0430 <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTTP\/Headers\/Timing-Allow-Origin\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Timing-Allow-Origin<\/a> \u0434\u0430 \u0431\u044a\u0434\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d, \u0437\u0430\u0440\u0430\u0434\u0438 \u0442\u043e\u0447\u043d\u043e\u0441\u0442 \u043d\u0430 \u043c\u0435\u0442\u0440\u0438\u043a\u0438\u0442\u0435.<\/p>\n<hr \/>\n<h2>\u041a\u0430\u043a \u0441\u0435 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0432\u0430\u0442 \u043f\u0440\u043e\u043c\u0435\u043d\u0438\u0442\u0435 \u0432 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435\u0442\u043e \u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u044a\u0442?<\/h2>\n<p>\u0417\u0430 \u0434\u0430 \u0441\u0435 \u0437\u0430\u043f\u0430\u0437\u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u043d\u043e\u0441\u0442\u0442\u0430 \u0432\u0438\u0441\u043e\u043a\u0430 \u0438 \u0434\u0430 \u0441\u0435 \u043d\u0430\u043c\u0430\u043b\u0438 \u0432\u0440\u0435\u043c\u0435\u0442\u043e \u0437\u0430 \u0438\u0437\u0447\u0438\u0441\u043b\u044f\u0432\u0430\u043d\u0435 \u0438 \u0438\u0437\u043f\u0440\u0430\u0449\u0430\u043d\u0435 \u043d\u0430 \u043d\u043e\u0432\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 (entries), \u043f\u0440\u043e\u043c\u0435\u043d\u0438\u0442\u0435 \u0432 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0438\u043b\u0438 \u043f\u043e\u0437\u0438\u0446\u0438\u044f\u0442\u0430 \u043d\u0430 \u0434\u0430\u0434\u0435\u043d \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u043d\u044f\u043c\u0430 \u0434\u0430 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0430\u0442 \u043d\u043e\u0432\u0438 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u043d\u0438 <em>LCP \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438<\/em>. \u0412\u0437\u0435\u043c\u0430\u0442 \u0441\u0435 \u043f\u0440\u0435\u0434\u0432\u0438\u0434 \u0441\u0430\u043c\u043e \u043f\u044a\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u043d\u0438\u0442\u0435 \u0440\u0430\u0437\u043c\u0435\u0440 \u0438 \u043f\u043e\u0437\u0438\u0446\u0438\u044f \u043d\u0430 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0432\u044a\u0432 \u0432\u0438\u0434\u0438\u043c\u0430\u0442\u0430 \u0447\u0430\u0441\u0442 \u043d\u0430 \u0435\u043a\u0440\u0430\u043d\u0430.<\/p>\n<p>\u0422\u043e\u0432\u0430 \u043e\u0437\u043d\u0430\u0447\u0430\u0432\u0430, \u0447\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u0442\u0430, \u043a\u043e\u0438\u0442\u043e \u043f\u044a\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u043d\u043e \u0441\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0437\u0435\u043d\u0438 \u0438\u0437\u0432\u044a\u043d \u0435\u043a\u0440\u0430\u043d\u0430, \u0441\u043b\u0435\u0434 \u043a\u0430\u0442\u043e \u0441\u0435 \u043f\u043e\u044f\u0432\u044f\u0432\u0430\u0442 \u043d\u0430 \u0435\u043a\u0440\u0430\u043d\u0430, \u043c\u043e\u0436\u0435 \u0434\u0430 \u043d\u0435 \u0431\u044a\u0434\u0430\u0442 \u043e\u0442\u0447\u0435\u0442\u0435\u043d\u0438. \u0421\u044a\u0449\u043e \u0442\u0430\u043a\u0430, \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438\u0442\u0435, \u043a\u043e\u0438\u0442\u043e \u043f\u044a\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u043d\u043e \u0441\u0430 \u0431\u0438\u043b\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0437\u0435\u043d\u0438 \u043d\u0430 \u0435\u043a\u0440\u0430\u043d\u0430, \u0430 \u0432\u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0435 \u0441\u0430 \u0438\u0437\u0442\u043b\u0430\u0441\u043a\u0430\u043d\u0438 \u0438\u0437\u0432\u044a\u043d \u0432\u0438\u0434\u0438\u043c\u0430\u0442\u0430 \u0447\u0430\u0441\u0442 \u043d\u0430 \u0435\u043a\u0440\u0430\u043d\u0430, \u0449\u0435 \u043e\u0442\u0447\u0435\u0442\u0430\u0442 \u043f\u044a\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u043d\u0438\u044f \u0441\u0438 \u0440\u0430\u0437\u043c\u0435\u0440 (in-viewport size).<\/p>\n<p>\u0412\u044a\u043f\u0440\u0435\u043a\u0438 \u0442\u043e\u0432\u0430 (\u043a\u0430\u043a\u0442\u043e \u0431\u0435 \u0441\u043f\u043e\u043c\u0435\u043d\u0430\u0442\u043e \u043f\u043e-\u0433\u043e\u0440\u0435) \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u044a\u0442 \u043d\u044f\u043c\u0430 \u0434\u0430 \u0441\u0435 \u0432\u0437\u0435\u043c\u0435 \u043f\u0440\u0435\u0434\u0432\u0438\u0434, \u0434\u043e\u043a\u043e\u043b\u043a\u043e\u0442\u043e \u0431\u044a\u0434\u0435 \u043f\u0440\u0435\u043c\u0430\u0445\u043d\u0430\u0442 \u043e\u0442 DOM \u0438\u043b\u0438 \u0430\u043a\u043e \u0441\u0432\u044a\u0440\u0437\u0430\u043d\u0438\u044f\u0442 \u0441 \u043d\u0435\u0433\u043e \u0440\u0435\u0441\u0443\u0440\u0441 \u0441\u0435 \u043f\u0440\u043e\u043c\u0435\u043d\u0438.<\/p>\n<hr \/>\n<h2>\u041f\u0440\u0438\u043c\u0435\u0440\u0438 \u0437\u0430 LCP<\/h2>\n<p>\u0415\u0442\u043e \u0434\u0432\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u0437\u0430 \u0442\u043e\u0432\u0430 \u043a\u0430\u043a\u0432\u043e \u0441\u0435 \u0441\u043b\u0443\u0447\u0432\u0430 \u0441 LCP \u043d\u0430 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0438 \u0443\u0435\u0431 \u0441\u0430\u0439\u0442\u043e\u0432\u0435 \u043f\u043e \u0432\u0440\u0435\u043c\u0435 \u043d\u0430 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430:<\/p>\n<p><img loading=\"lazy\" width=\"791\" height=\"609\" class=\"wp-image-8559\" src=\"\/blog\/wp-content\/pub\/word-image-1.png\" srcset=\"https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image-1.png 791w, https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image-1-300x231.png 300w, https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image-1-768x591.png 768w\" sizes=\"(max-width: 791px) 100vw, 791px\" \/><\/p>\n<p>\u0418 \u0432 \u0434\u0432\u0430\u0442\u0430 \u0442\u0430\u0439\u043c\u043b\u0430\u0439\u043d\u0430 \u043f\u043e-\u0433\u043e\u0440\u0435, \u0432\u0438\u0436\u0434\u0430\u043c\u0435, \u0447\u0435 \u0441\u044a\u0441 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435 \u043d\u0430 \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435\u0442\u043e, \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f\u0442 \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u0441\u0435 \u043f\u0440\u043e\u043c\u0435\u043d\u044f. \u0412 \u043f\u044a\u0440\u0432\u0438\u044f \u043f\u0440\u0438\u043c\u0435\u0440 - \u0432 DOM \u0434\u044a\u0440\u0432\u043e\u0442\u043e \u0441\u0435 \u0434\u043e\u0431\u0430\u0432\u044f \u043d\u043e\u0432\u043e \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435 \u0438 \u0442\u043e\u0432\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f \u043a\u043e\u0439 \u0449\u0435 \u0435 \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f \u0435\u043b\u0435\u043c\u0435\u043d\u0442. \u0412\u044a\u0432 \u0432\u0442\u043e\u0440\u0438\u044f \u043f\u0440\u0438\u043c\u0435\u0440 \u043f\u0440\u043e\u043c\u0435\u043d\u044f \u0441\u0435 \u043b\u0435\u0439\u0430\u0443\u0442\u0430, \u0438 \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435\u0442\u043e, \u043a\u043e\u0435\u0442\u043e \u043f\u0440\u0435\u0434\u0438 \u0435 \u0431\u0438\u043b\u043e \u043d\u0430\u0439-\u0433\u043e\u043b\u044f\u043c\u043e, \u0438\u0437\u0447\u0435\u0437\u0432\u0430 \u043e\u0442 \u0432\u0438\u0434\u0438\u043c\u0430\u0442\u0430 \u0447\u0430\u0441\u0442 \u043d\u0430 \u0435\u043a\u0440\u0430\u043d\u0430.<\/p>\n<p>\u0427\u0435\u0441\u0442\u043e \u0441\u0435 \u043c\u0438\u0441\u043b\u0438, \u0447\u0435 \u043a\u044a\u0441\u043d\u043e-\u0437\u0430\u0440\u0435\u0436\u0434\u0430\u0449\u043e\u0442\u043e \u0441\u0435 \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435 (late-loading content) \u0435 \u043f\u043e-\u0433\u043e\u043b\u044f\u043c\u043e \u043e\u0442 \u043e\u043d\u043e\u0432\u0430, \u043a\u043e\u0435\u0442\u043e \u0432\u0435\u0447\u0435 \u0435 \u0432\u0438\u0434\u0438\u043c\u043e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430. \u041e\u0431\u0430\u0447\u0435, \u0442\u043e\u0432\u0430 \u043d\u0435 \u0435 \u0442\u043e\u0447\u043d\u043e \u0442\u0430\u043a\u0430. \u0412 \u0441\u043b\u0435\u0434\u0432\u0430\u0449\u0438\u0442\u0435 \u0434\u0432\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u0449\u0435 \u0432\u0438\u0434\u0438\u043c, \u0447\u0435 \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u0441\u0435 \u043f\u043e\u044f\u0432\u044f\u0432\u0430 \u043f\u0440\u0435\u0434\u0438 \u043f\u044a\u043b\u043d\u043e\u0442\u043e \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430.<\/p>\n<p><img loading=\"lazy\" width=\"785\" height=\"603\" class=\"wp-image-8560\" src=\"\/blog\/wp-content\/pub\/word-image-2.png\" srcset=\"https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image-2.png 785w, https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image-2-300x230.png 300w, https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image-2-768x590.png 768w\" sizes=\"(max-width: 785px) 100vw, 785px\" \/><\/p>\n<p>\u0412 \u043f\u044a\u0440\u0432\u0438\u044f \u043f\u0440\u0438\u043c\u0435\u0440, \u043b\u043e\u0433\u043e\u0442\u043e \u043d\u0430 Instagram \u0441\u0435 \u0437\u0430\u0440\u0435\u0436\u0434\u0430 \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u0435\u043b\u043d\u043e \u0440\u0430\u043d\u043e, \u043e\u0431\u0430\u0447\u0435 \u043e\u0441\u0442\u0430\u0432\u0430 \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f\u0442 \u0435\u043b\u0435\u043c\u0435\u043d\u0442, \u0434\u043e\u0440\u0438 \u0438 \u0441\u043b\u0435\u0434 \u0438\u0437\u043e\u0431\u0440\u0430\u0437\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 \u043e\u0441\u0442\u0430\u043d\u0430\u043b\u043e \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435.<\/p>\n<p>\u0412 \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u0441\u044a\u0441 SERP-\u0430 \u043d\u0430 Google, \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f\u0442 \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u0435 \u0442\u0435\u043a\u0441\u0442\u043e\u0432 \u043f\u0430\u0440\u0430\u0433\u0440\u0430\u0444, \u043a\u043e\u0439\u0442\u043e \u0441\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0437\u044f\u0432\u0430 \u043f\u0440\u0435\u0434\u0438 \u0434\u0430 \u0441\u0435 \u0437\u0430\u0440\u0435\u0434\u044f\u0442 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u0442\u0430 \u0438\u043b\u0438 \u043b\u043e\u0433\u0430\u0442\u0430.\u0422\u044a\u0439 \u043a\u0430\u0442\u043e \u0432\u0441\u0438\u0447\u043a\u0438 \u043e\u0442\u0434\u0435\u043b\u043d\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0441\u0430 \u043f\u043e-\u043c\u0430\u043b\u043a\u0438 \u043e\u0442 \u0442\u043e\u0437\u0438 \u043f\u0430\u0440\u0430\u0433\u0440\u0430\u0444, \u0442\u043e\u0439 \u043e\u0441\u0442\u0430\u0432\u0430 \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f\u0442 \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u043f\u0440\u0435\u0437 \u0446\u0435\u043b\u0438\u044f \u043f\u0440\u043e\u0446\u0435\u0441 \u043d\u0430 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435.<\/p>\n<p>*<em>\u0412 \u043f\u044a\u0440\u0432\u0438\u044f \u0444\u0440\u0435\u0439\u043c \u043d\u0430 Instagram \u0442\u0430\u0439\u043c\u043b\u0430\u0439\u043d\u0430 \u043c\u043e\u0436\u0435 \u0434\u0430 \u0437\u0430\u0431\u0435\u043b\u0435\u0436\u0438\u0442\u0435, \u0447\u0435 \u043b\u043e\u0433\u043e\u0442\u043e \u043d\u0430 \u0418\u043d\u0441\u0442\u0430\u0433\u0440\u0430\u043c (\u043b\u043e\u0433\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0437\u044f\u0432\u0430\u0449\u043e \u0444\u043e\u0442\u043e\u0430\u043f\u0430\u0440\u0430\u0442) \u043d\u0435 \u0435 \u043e\u0431\u0433\u0440\u0430\u0434\u0435\u043d\u043e \u0432 \u0437\u0435\u043b\u0435\u043d\u043e. \u0422\u043e\u0432\u0430 \u0435 \u0442\u0430\u043a\u0430, \u0437\u0430\u0449\u043e\u0442\u043e \u0442\u043e \u0435 &lt;svg&gt; \u0435\u043b\u0435\u043c\u0435\u043d\u0442, \u0430 &lt;svg&gt; \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438\u0442\u0435 \u043f\u043e\u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u043c \u043d\u0435 \u0441\u0435 \u0441\u0447\u0438\u0442\u0430\u0442 \u0437\u0430 LCP \u201c\u043a\u0430\u043d\u0434\u0438\u0434\u0430\u0442\u0438\u201d. \u0422\u043e\u0432\u0430 \u0435 \u0442\u0430\u043a\u0430, \u0437\u0430\u0449\u043e\u0442\u043e SVG \u0435 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0433\u0435\u043d\u0438\u0435, \u043a\u043e\u0435\u0442\u043e \u043d\u044f\u043c\u0430 \u0444\u0438\u043a\u0441\u0438\u0440\u0430\u043d \u0440\u0430\u0437\u043c\u0435\u0440. \u041f\u044a\u0440\u0432\u0438\u044f\u0442 \u201c\u043a\u0430\u043d\u0434\u0438\u0434\u0430\u0442\u201d \u0437\u0430 LCP \u0435 \u0442\u0435\u043a\u0441\u0442\u044a\u0442 \u043f\u043e\u044f\u0432\u0438\u043b \u0441\u0435 \u0432\u044a\u0432 \u0432\u0442\u043e\u0440\u0438\u044f \u0444\u0440\u0435\u0439\u043c.<\/em><\/p>\n<hr \/>\n<h2>\u041a\u0430\u043a \u0434\u0430 \u0438\u0437\u043c\u0435\u0440\u0438\u0442\u0435 LCP \u043d\u0430 \u0432\u0430\u0448\u0438\u044f \u0441\u0430\u0439\u0442?<\/h2>\n<p>LCP \u043c\u043e\u0436\u0435 \u0434\u0430 \u0441\u0435 \u0438\u0437\u043c\u0435\u0440\u0432\u0430 \u0432 \u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u0438\u044f \u0438\u043b\u0438 \u0447\u0440\u0435\u0437 \u0441\u044a\u0431\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u043f\u043e\u043b\u0435\u0432\u0438 \u0434\u0430\u043d\u043d\u0438 \u0438 \u0435 \u0434\u043e\u0441\u0442\u044a\u043f\u0435\u043d \u0432 \u0441\u043b\u0435\u0434\u043d\u0438\u0442\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0438:<\/p>\n<h3><strong>\u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0438 \u0437\u0430 \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u043d\u0435 \u043d\u0430 \u043f\u043e\u043b\u0435\u0432\u0438 \u0434\u0430\u043d\u043d\u0438<\/strong><\/h3>\n<p>\u041f\u0440\u0438 \u0442\u043e\u0437\u0438 \u0432\u0438\u0434 \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u043d\u0435 \u0434\u0430\u043d\u043d\u0438\u0442\u0435 \u0441\u0435 \u0441\u044a\u0431\u0440\u0430\u043d\u0438 \u043e\u0442 \u0431\u0440\u0430\u0443\u0437\u044a\u0440\u0438\u0442\u0435 \u043d\u0430 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u0438\u0442\u0435 \u043d\u0430 \u0432\u0430\u0448\u0438\u044f \u0441\u0430\u0439\u0442. \u0422\u043e\u0432\u0430 \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u043d\u0435 \u0435 \u043c\u043d\u043e\u0433\u043e \u043f\u043e-\u0442\u043e\u0447\u043d\u043e, \u043d\u043e \u0438\u0437\u0438\u0441\u043a\u0432\u0430 \u0441\u0430\u0439\u0442\u044a\u0442 \u0434\u0430 \u0431\u044a\u0434\u0435 \u0441\u0438\u043b\u043d\u043e \u043f\u043e\u0441\u0435\u0449\u0430\u0432\u0430\u043d, \u0437\u0430 \u0434\u0430 \u043c\u043e\u0436\u0435 \u0431\u044a\u0440\u0437\u043e \u0434\u0430 \u0441\u0435 \u0441\u044a\u0431\u0435\u0440\u0430\u0442 \u043f\u043e\u0432\u0435\u0447\u0435 \u0438 \u043f\u043e-\u0442\u043e\u0447\u043d\u0438 \u0434\u0430\u043d\u043d\u0438. \u0415\u0442\u043e \u043d\u044f\u043a\u043e\u043b\u043a\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u0437\u0430 \u043f\u043e\u043b\u0435\u0432\u0438 \u0434\u0430\u043d\u043d\u0438:<\/p>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-user-experience-report\">Chrome User Experience Report<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">PageSpeed Insights<\/a><\/li>\n<li><a href=\"https:\/\/support.google.com\/webmasters\/answer\/9205520\">Search Console (Core Web Vitals)<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/GoogleChrome\/web-vitals\">web-vitals JavaScript library<\/a><\/li>\n<\/ul>\n<h3><strong>\u041b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u043d\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0438<\/strong><\/h3>\n<p>\u041f\u0440\u0438 \u0442\u043e\u0437\u0438 \u0432\u0438\u0434 \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u043d\u0435, \u0441\u0430\u0439\u0442\u044a\u0442 \u0441\u0435 \u0442\u0435\u0441\u0442\u0432\u0430 \u043e\u0442 \u0435\u0434\u043d\u043e \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043e \u043c\u044f\u0441\u0442\u043e - \u043e\u0442 \u0443\u0435\u0431 \u0441\u044a\u0440\u0432\u044a\u0440\u0430 \u043d\u0430 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430, \u043a\u043e\u0439\u0442\u043e \u043e\u0431\u0438\u043a\u043d\u043e\u0432\u0435\u043d\u043e \u0435 \u0438\u0437\u0432\u044a\u043d \u0411\u044a\u043b\u0433\u0430\u0440\u0438\u044f \u0438\u043b\u0438 \u0441\u0435 \u0442\u0435\u0441\u0442\u0432\u0430 \u043e\u0442 \u0432\u0430\u0448\u0438\u044f \u0431\u0440\u0430\u0443\u0437\u044a\u0440.<\/p>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/\">Lighthouse<\/a><\/li>\n<li><a href=\"https:\/\/webpagetest.org\/\">WebPageTest<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/\">Chrome DevTools<\/a> - \u0447\u0430\u0441\u0442 \u043e\u0442 Google \u0431\u0440\u0430\u0443\u0437\u044a\u0440\u0430 Chrome.<\/li>\n<\/ul>\n<p>\u0415\u0434\u0438\u043d \u043e\u0442 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0438\u0442\u0435, \u043a\u043e\u0439\u0442\u043e \u043f\u043e\u043b\u0437\u0432\u0430\u043c\u0435 \u0432 <a href=\"https:\/\/ganbox.com\" target=\"_blank\" rel=\"noopener noreferrer\">Ganbox<\/a> \u043e\u0442 \u0434\u043e\u0441\u0442\u0430 \u0432\u0440\u0435\u043c\u0435 \u0437\u0430 \u0441\u044a\u0437\u0434\u0430\u0432\u0430\u043d\u0435 \u043d\u0430 \u043e\u0442\u0447\u0435\u0442\u0438 \u0437\u0430 \u0441\u0430\u0439\u0442\u043e\u0432\u0435 \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0438, \u0435 <strong>Core Web Vitals<\/strong> \u043d\u0430 Google Search Console.<\/p>\n<hr \/>\n<h2>\u0418\u0437\u043c\u0435\u0440\u0432\u0430\u043d\u0435 \u043d\u0430 LCP \u0432 JavaScript<\/h2>\n<p><span style=\"color: #000080;\"><em>\u0417\u0430\u0431. \u0422\u0430\u0437\u0438 \u0442\u043e\u0447\u043a\u0430 \u0431\u0438 \u0431\u0438\u043b\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u0430 \u0437\u0430 \u0443\u0435\u0431 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0438\u0441\u0442\u0438, \u0430\u043a\u043e \u043d\u0435 \u0441\u0435 \u0437\u0430\u043d\u0438\u043c\u0430\u0432\u0430\u0442\u0435 \u0441 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0438\u0440\u0430\u043d\u0435 \u0432 JavaScript \u043c\u043e\u0436\u0435 \u0434\u0430 \u044f \u043f\u0440\u043e\u043f\u0443\u0441\u043d\u0435\u0442\u0435 \u0438 \u0434\u0430 \u043f\u0440\u0435\u043c\u0438\u043d\u0435\u0442\u0435 \u043a\u044a\u043c \u0442\u043e\u0447\u043a\u0430\u0442\u0430 \"\u041a\u0430\u043a \u0434\u0430 \u043f\u043e\u0434\u043e\u0431\u0440\u0438\u043c LCP \u043d\u0430 \u0441\u0430\u0439\u0442\u0430?\" \u0434\u043e\u043b\u0443, \u0437\u0430 \u0434\u0430 \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043a\u0430\u043a \u0434\u0430 \u043f\u043e\u0434\u043e\u0431\u0440\u0438\u0442\u0435 \u0441\u043a\u0440\u043e\u0441\u0442\u0442\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442\u0430 \u0441\u0438.<\/em><\/span><\/p>\n<p>\u0417\u0430 \u0434\u0430 \u0438\u0437\u043c\u0435\u0440\u0438\u0442\u0435 LCP \u0432 JavaScript, \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u0439\u0442\u0435 <a href=\"https:\/\/wicg.github.io\/largest-contentful-paint\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Largest Contentful Paint API<\/a>. \u0421\u043b\u0435\u0434\u0432\u0430\u0449\u0438\u044f\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u043f\u043e\u043a\u0430\u0437\u0432\u0430 \u043a\u0430\u043a \u0434\u0430 \u0441\u044a\u0437\u0434\u0430\u0434\u0435\u0442\u0435 <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/PerformanceObserver\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">PerformanceObserver<\/a>, \u043a\u043e\u0439\u0442\u043e \u0442\u044a\u0440\u0441\u0438 largest-contentful-paint \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438\u0442\u0435 \u0438 \u0433\u0438 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0430 \u0432 \u043a\u043e\u043d\u0437\u043e\u043b\u0430\u0442\u0430.<\/p>\n<p><img loading=\"lazy\" width=\"822\" height=\"375\" class=\"wp-image-8561\" src=\"\/blog\/wp-content\/pub\/word-image-3.png\" srcset=\"https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image-3.png 822w, https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image-3-300x137.png 300w, https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image-3-768x350.png 768w\" sizes=\"(max-width: 822px) 100vw, 822px\" \/><\/p>\n<p>\u0412 \u0433\u043e\u0440\u043d\u0438\u044f \u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u0441\u0435\u043a\u0438 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0430\u043d <em>largest-contentful-paint<\/em> \u0435\u043b\u0435\u043c\u0435\u043d\u0442, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0432\u0430 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u0435\u043d \u201c\u043a\u0430\u043d\u0434\u0438\u0434\u0430\u0442\u201d \u0437\u0430 LCP. \u041f\u043e \u043f\u0440\u0438\u043d\u0446\u0438\u043f, \u0441\u0442\u043e\u0439\u043d\u043e\u0441\u0442\u0442\u0430 <em>startTime<\/em> \u043d\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u044f \u0434\u043e\u0431\u0430\u0432\u0435\u043d \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u0435 LCP \u0441\u0442\u043e\u0439\u043d\u043e\u0441\u0442\u0442\u0430 (value), \u043d\u043e \u0442\u043e\u0432\u0430 \u043d\u0435 \u0432\u0438\u043d\u0430\u0433\u0438 \u0435 \u0442\u0430\u043a\u0430. \u041d\u0435 \u0432\u0441\u0438\u0447\u043a\u0438 <em>largest-contentful-paint<\/em> \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u0441\u0430 \u0432\u0430\u043b\u0438\u0434\u043d\u0438 \u0437\u0430 \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u043d\u0435 \u043d\u0430 LCP.<\/p>\n<p>\u0421\u043b\u0435\u0434\u0432\u0430\u0449\u0438\u044f\u0442 \u0440\u0430\u0437\u0434\u0435\u043b \u0438\u0437\u0431\u0440\u043e\u044f\u0432\u0430 \u0440\u0430\u0437\u043b\u0438\u043a\u0438\u0442\u0435 \u043c\u0435\u0436\u0434\u0443 \u0442\u043e\u0432\u0430, \u043a\u0430\u043a\u0432\u043e \u043e\u0442\u0447\u0438\u0442\u0430 API-\u0442\u043e \u0438 \u043a\u0430\u043a \u0441\u0435 \u0438\u0437\u0447\u0438\u0441\u043b\u044f\u0432\u0430\u0442 \u043c\u0435\u0442\u0440\u0438\u043a\u0438\u0442\u0435.<\/p>\n<h3>\u0420\u0430\u0437\u043b\u0438\u043a\u0438 \u043c\u0435\u0436\u0434\u0443 \u043c\u0435\u0442\u0440\u0438\u043a\u0438 \u0438 \u0434\u0430\u043d\u043d\u0438 \u043e\u0442 API<\/h3>\n<ul>\n<li>API \u0449\u0435 \u0438\u0437\u043f\u0440\u0430\u0442\u0438 largest-contentful-paint \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u0437\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0438, \u043a\u043e\u0438\u0442\u043e \u0441\u0435 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u0442 \u0432\u044a\u0432 \u0444\u043e\u043d\u043e\u0432 \u0440\u0435\u0436\u0438\u043c, \u043d\u043e \u0442\u0435\u0437\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0438 \u0442\u0440\u044f\u0431\u0432\u0430 \u0434\u0430 \u0431\u044a\u0434\u0430\u0442 \u043f\u0440\u0435\u043d\u0435\u0431\u0440\u0435\u0433\u0432\u0430\u043d\u0438 \u043f\u0440\u0438 \u0438\u0437\u0447\u0438\u0441\u043b\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 LCP.<\/li>\n<li>API \u0449\u0435 \u043f\u0440\u043e\u0434\u044a\u043b\u0436\u0438 \u0434\u0430 \u0438\u0437\u043f\u0440\u0430\u0449\u0430 largest-contentful-paint \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438, \u0434\u043e\u0440\u0438 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0434\u0430 \u0441\u0435 \u043d\u0430\u043c\u0438\u0440\u0430 \u0432\u044a\u0432 \u0444\u043e\u043d\u043e\u0432 \u0440\u0435\u0436\u0438\u043c (backgrounded), \u043d\u043e \u0442\u0435\u0437\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u0442\u0440\u044f\u0431\u0432\u0430 \u0434\u0430 \u0431\u044a\u0434\u0430\u0442 \u043f\u0440\u0435\u043d\u0435\u0431\u0440\u0435\u0433\u0432\u0430\u043d\u0438 \u043f\u0440\u0438 \u0438\u0437\u0447\u0438\u0441\u043b\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 LCP (\u0432\u0437\u0435\u043c\u0430\u0442 \u0441\u0435 \u043f\u0440\u0435\u0434\u0432\u0438\u0434 \u0441\u0430\u043c\u043e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438\u0442\u0435 \u043d\u0430\u043c\u0438\u0440\u0430\u0449\u0438 \u0441\u0435 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u043a\u043e\u044f\u0442\u043e \u0435 \u0431\u0438\u043b\u0430 \u043d\u0430 \u043f\u0440\u0435\u0434\u0435\u043d \u043f\u043b\u0430\u043d \u043f\u0440\u0435\u0437 \u0446\u044f\u043b\u043e\u0442\u043e \u0432\u0440\u0435\u043c\u0435).<\/li>\n<li>API \u043d\u0435 \u043e\u0442\u0447\u0438\u0442\u0430 largest-contentful-paint \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438, \u043a\u043e\u0433\u0430\u0442\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430 \u0441\u0435 \u0432\u044a\u0437\u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0432\u0430 \u043e\u0442 <a href=\"https:\/\/web.dev\/bfcache\/#impact-on-core-web-vitals\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">back\/forward \u043a\u0435\u0448\u0430<\/a>, \u043e\u0431\u0430\u0447\u0435 \u0432 \u0442\u0435\u0437\u0438 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0438 LCP \u0442\u0440\u044f\u0431\u0432\u0430 \u0434\u0430 \u0441\u0435 \u0438\u0437\u043c\u0435\u0440\u0432\u0430, \u0442\u044a\u0439 \u043a\u0430\u0442\u043e \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0438\u0442\u0435 \u0433\u0438 \u0432\u044a\u0437\u043f\u0440\u0438\u0435\u043c\u0430\u0442 \u043a\u0430\u0442\u043e \u043e\u0442\u0434\u0435\u043b\u043d\u0438 \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u044f\/\u0441\u0435\u0441\u0438\u0438 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430.<\/li>\n<li>API \u043d\u0435 \u043e\u0442\u0447\u0438\u0442\u0430 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438\u0442\u0435 \u0432 iFrames, \u043d\u043e \u0437\u0430 \u0434\u0430 \u0441\u0435 \u0438\u0437\u043c\u0435\u0440\u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u043d\u043e LCP, \u0442\u0435 \u0442\u0440\u044f\u0431\u0432\u0430 \u0434\u0430 \u0441\u0435 \u0432\u0437\u0435\u043c\u0430\u0442 \u043f\u0440\u0435\u0434\u0432\u0438\u0434.<\/li>\n<\/ul>\n<p>\u0412\u043c\u0435\u0441\u0442\u043e \u0434\u0430 \u0437\u0430\u043f\u043e\u043c\u043d\u044f\u0442 \u0432\u0441\u0438\u0447\u043a\u0438 \u0442\u0435\u0437\u0438 \u0444\u0438\u043d\u0438 \u0440\u0430\u0437\u043b\u0438\u043a\u0438, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u0446\u0438\u0442\u0435 \u043c\u043e\u0433\u0430\u0442 \u0434\u0430 \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u0442 <a href=\"https:\/\/github.com\/GoogleChrome\/web-vitals\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">JavaScript \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430\u0442\u0430 \u043d\u0430 web-vitals<\/a> \u0437\u0430 \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u043d\u0435 \u043d\u0430 LCP:<\/p>\n<p><img loading=\"lazy\" width=\"822\" height=\"157\" class=\"wp-image-8562\" src=\"\/blog\/wp-content\/pub\/word-image-4.png\" srcset=\"https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image-4.png 822w, https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image-4-300x57.png 300w, https:\/\/ganbox.com\/blog\/wp-content\/pub\/word-image-4-768x147.png 768w\" sizes=\"(max-width: 822px) 100vw, 822px\" \/><\/p>\n<p>\u0417\u0430 \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u043d\u0435 \u043d\u0430 LCP \u0432 JavaScript, \u0432\u0438\u0436\u0442\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043d\u0438\u044f \u043a\u043e\u0434 (source code) \u043d\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u0442\u0430 <a href=\"https:\/\/github.com\/GoogleChrome\/web-vitals\/blob\/master\/src\/getLCP.ts\">getLCP ()<\/a>.<\/p>\n<hr \/>\n<h2>\u041a\u0430\u043a\u0432\u043e \u0430\u043a\u043e \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f\u0442 \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u043d\u0435 \u0435 \u043d\u0430\u0439-\u0432\u0430\u0436\u043d\u0438\u044f\u0442?<\/h2>\n<p>\u0412 \u043d\u044f\u043a\u043e\u0438 \u0441\u043b\u0443\u0447\u0430\u0438 \u043d\u0430\u0439-\u0432\u0430\u0436\u043d\u0438\u044f\u0442 \u0435\u043b\u0435\u043c\u0435\u043d\u0442 (\u0438\u043b\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438) \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430 \u043d\u0435 \u0435 \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u044f \u0435\u043b\u0435\u043c\u0435\u043d\u0442. \u041f\u0440\u0438 \u0442\u043e\u0437\u0438 \u0441\u043b\u0443\u0447\u0430\u0439, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u0446\u0438\u0442\u0435 \u0431\u0438\u0445\u0430 \u043c\u043e\u0433\u043b\u0438 \u0434\u0430 \u043e\u0431\u044a\u0440\u043d\u0430\u0442 \u043f\u043e\u0432\u0435\u0447\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435\u00a0 \u043d\u0430 \u0438\u0437\u043c\u0435\u0440\u0432\u0430\u043d\u0435\u0442\u043e \u043d\u0430 \u0432\u0440\u0435\u043c\u0435\u0442\u043e \u0437\u0430 \u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0442\u0435\u0437\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438. \u0422\u043e\u0432\u0430 \u0435 \u0432\u044a\u0437\u043c\u043e\u0436\u043d\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u0442\u0430 \u043d\u0430 <a href=\"https:\/\/wicg.github.io\/element-timing\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Element Timing API<\/a>, \u043a\u0430\u043a\u0442\u043e \u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u043e \u0432 \u0441\u0442\u0430\u0442\u0438\u044f\u0442\u0430 \u0437\u0430 <a href=\"https:\/\/web.dev\/custom-metrics\/#element-timing-api\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0438\u0442\u0435 \u043c\u0435\u0442\u0440\u0438\u043a\u0438<\/a>.<\/p>\n<hr \/>\n<h2>\u041a\u0430\u043a \u0434\u0430 \u043f\u043e\u0434\u043e\u0431\u0440\u0438\u043c LCP \u043d\u0430 \u0441\u0430\u0439\u0442\u0430?<\/h2>\n<p>LCP \u0441\u0435 \u0432\u043b\u0438\u044f\u0435 \u043f\u0440\u0435\u0434\u0438\u043c\u043d\u043e \u043e\u0442 \u0447\u0435\u0442\u0438\u0440\u0438 \u0444\u0430\u043a\u0442\u043e\u0440\u0430:<\/p>\n<ul>\n<li>\u0411\u0430\u0432\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0437\u0430 \u0440\u0435\u0430\u043a\u0446\u0438\u044f \u043d\u0430 \u0441\u044a\u0440\u0432\u044a\u0440\u0430 (\u0437\u0430\u0432\u0438\u0441\u0438 \u043e\u0442 \u0445\u043e\u0441\u0442\u0438\u043d\u0433\u0430)<\/li>\n<li>\u0411\u043b\u043e\u043a\u0438\u0440\u0430\u0449\u0438 \u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d\u0435\u0442\u043e JavaScript \u0438 CSS (\u0437\u0430\u0432\u0438\u0441\u0438 \u043e\u0442 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430\u0442\u0430 \u043d\u0430 \u0441\u043e\u0444\u0442\u0443\u0435\u0440\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442\u0430)<\/li>\n<li>\u0412\u0440\u0435\u043c\u0435 \u0437\u0430 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435 \u043d\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 (\u043c\u043e\u0436\u0435 \u0434\u0430 \u0437\u0430\u0432\u0438\u0441\u0438 \u043e\u0442 \u043c\u043d\u043e\u0433\u043e \u043d\u0435\u0449\u0430: \u0433\u043e\u043b\u0435\u043c\u0438\u043d\u0430 \u043d\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u0430, \u043d\u0430\u0442\u043e\u0432\u0430\u0440\u0432\u0430\u043d\u0435 \u043d\u0430 \u0441\u044a\u0440\u0432\u044a\u0440\u0430, \u043d\u0430\u0442\u043e\u0432\u0430\u0440\u0432\u0430\u043d\u0435 \u043d\u0430 \u043c\u0440\u0435\u0436\u0430\u0442\u0430 \u0438 \u0434\u0440.)<\/li>\n<li>\u0420\u0435\u043d\u0434\u0438\u0440\u0430\u043d\u0435 \u043e\u0442 \u0441\u0442\u0440\u0430\u043d\u0430 \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 (client-side rendering) (\u0437\u0430\u0432\u0438\u0441\u0438 \u043e\u0442 \u0438\u0437\u0447\u0438\u0441\u043b\u0438\u0442\u0435\u043b\u043d\u0430\u0442\u0430 \u043c\u043e\u0449 \u043d\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e\u0442\u043e, \u043d\u0430 \u043a\u043e\u0435\u0442\u043e \u0435 \u0431\u0440\u0430\u0443\u0437\u044a\u0440\u0430).<\/li>\n<\/ul>\n<h3>\u0421\u044a\u0432\u0435\u0442\u0438 \u0437\u0430 \u043f\u043e\u0434\u043e\u0431\u0440\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 LCP - Largest Contentful Paint<\/h3>\n<ul>\n<li>\u041d\u0430\u043c\u0430\u043b\u0435\u0442\u0435 \u043e\u0431\u0449\u0438\u044f \u0440\u0430\u0437\u043c\u0435\u0440 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430, \u0447\u0440\u0435\u0437 \u043f\u0440\u0435\u043e\u0440\u0430\u0437\u043c\u0435\u0440\u044f\u0432\u0430\u043d\u0435 (resize) \u0438 \u043a\u043e\u043c\u043f\u0440\u0435\u0441\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438 \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u043d\u0435 \u043d\u0430 \u0444\u043e\u0440\u043c\u0430\u0442\u0438 \u043e\u0442 \u0441\u043b\u0435\u0434\u0432\u0430\u0449\u043e \u043f\u043e\u043a\u043e\u043b\u0435\u043d\u0438\u0435 \u043a\u0430\u0442\u043e WebP, JPEG 2000, \u0438\u043b\u0438 JPEG XR. \u0423\u0432\u0435\u0440\u0435\u0442\u0435 \u0441\u0435, \u0447\u0435 \u0438\u043c\u0430\u0442\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043d\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u0442\u043e \u0432 \u043e\u0431\u0438\u043a\u043d\u043e\u0432\u0435\u043d JPG \u0438\u043b\u0438 PNG \u0437\u0430\u0440\u0430\u0434\u0438 \u0441\u0442\u0430\u0440\u0438\u0442\u0435 \u0431\u0440\u0430\u0443\u0437\u044a\u0440\u0438, \u043a\u043e\u0438\u0442\u043e \u043d\u044f\u043c\u0430 \u0434\u0430 \u043c\u043e\u0433\u0430\u0442 \u0434\u0430 \u0437\u0430\u0440\u0435\u0434\u044f\u0442 \u043d\u043e\u0432\u0438\u0442\u0435 \u0444\u043e\u0440\u043c\u0430\u0442\u0438;<\/li>\n<li>\u041f\u0440\u0435\u043c\u0430\u0445\u043d\u0435\u0442\u0435 \u0438\u043b\u0438 \u043d\u0430\u043c\u0430\u043b\u0435\u0442\u0435 \u043d\u0430\u0439-\u0433\u043e\u043b\u0435\u043c\u0438\u0442\u0435 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430. \u041d\u044f\u043a\u043e\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u043c\u043e\u0436\u0435 \u0434\u0430 \u043d\u0435 \u0441\u0435 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u0442 \u0438\u0437\u043e\u0431\u0449\u043e \u043f\u0440\u0438 \u043e\u0442\u0432\u0430\u0440\u044f\u043d\u0435 \u043d\u0430 \u0441\u0430\u0439\u0442\u0430 \u043e\u0442 \u043c\u043e\u0431\u0438\u043b\u043d\u043e \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e;<\/li>\n<li>\u041f\u0440\u0435\u043c\u0430\u0445\u043d\u0435\u0442\u0435 \u0438\u043b\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u0442\u0435 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435\u0442\u043e \u043d\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u0438 \u043e\u0442 \u0442\u0440\u0435\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0430 (\u0440\u0435\u043a\u043b\u0430\u043c\u0438, \u0431\u0440\u043e\u044f\u0447\u0438 \u043a\u0430\u0442\u043e Google Analytics, \u0447\u0430\u0442 \u0431\u043e\u0442, Facebook \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438, \u0432\u044a\u043d\u0448\u043d\u0438 \u0448\u0440\u0438\u0444\u0442\u043e\u0432\u0435 \u0438 \u0434\u0440.);<\/li>\n<li>\u041f\u0440\u0435\u043c\u0438\u043d\u0435\u0442\u0435 \u043a\u044a\u043c \u043f\u043e-\u0432\u0438\u0441\u043e\u043a \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u043f\u043b\u0430\u043d (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 VPS);<\/li>\n<li>\u0412\u044a\u0432\u0435\u0434\u0435\u0442\u0435 lazyload \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435 \u0437\u0430 \u0440\u0435\u043a\u043b\u0430\u043c\u0438\u0442\u0435 \u0438 \u0441\u043d\u0438\u043c\u043a\u0438\u0442\u0435. \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u0442\u0430 \u0438\u0437\u0432\u044a\u043d \u0432\u0438\u0434\u0438\u043c\u0430\u0442\u0430 \u0447\u0430\u0441\u0442 \u043d\u0430 \u0435\u043a\u0440\u0430\u043d\u0430, \u043c\u043e\u0436\u0435 \u0434\u0430 \u0431\u044a\u0434\u0430\u0442 \u0441 \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u043e \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043d\u0435 \u0438 \u0434\u0430 \u0441\u0435 \u0437\u0430\u0440\u0435\u0434\u044f\u0442 \u0435\u0434\u0432\u0430 \u0441\u043b\u0435\u0434 \u043a\u0430\u0442\u043e \u0441\u0435 \u0441\u043a\u0440\u043e\u043b\u043d\u0435 \u0434\u043e \u0442\u044f\u0445;<\/li>\n<li>\u041e\u0442\u043a\u0440\u0438\u0439\u0442\u0435 \u0431\u043b\u043e\u043a\u0438\u0440\u0430\u0449\u0438 \u0440\u0435\u043d\u0434\u0438\u0440\u0430\u043d\u0435\u0442\u043e JavaScript \u0438 CSS \u0438 \u0433\u0438 \u043f\u043e\u043f\u0440\u0430\u0432\u0435\u0442\u0435;<\/li>\n<li>\u041f\u0440\u0435\u043c\u0445\u043d\u0435\u0442\u0435 \u043d\u0435\u043d\u0443\u0436\u043d\u0438\u0442\u0435 \u043f\u043b\u044a\u0433\u0438\u043d\u0438 \u0438\u043b\u0438 \u0441\u043e\u0444\u0442\u0443\u0435\u0440\u043d\u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u043a\u043e\u0438\u0442\u043e \u043d\u0435 \u0441\u0435 \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u0442;<\/li>\n<li>\u041c\u0438\u043d\u0438\u0444\u0438\u0446\u0438\u0440\u0430\u0439\u0442\u0435\u00a0 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432\u0435\u0442\u0435, \u0441\u0442\u0438\u043b\u043e\u0432\u0435\u0442\u0435 \u0438 \u0434\u043e\u0440\u0438 HTML \u043a\u043e\u0434\u0430 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0438\u0442\u0435 (Minify JavaScript, CSS, HTML);<\/li>\n<li>\u0418\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u0439\u0442\u0435 CDN \u0437\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u0442\u0430. \u0422\u043e\u0432\u0430 \u043d\u044f\u043c\u0430 \u0433\u043e\u043b\u044f\u043c \u0441\u043c\u0438\u0441\u044a\u043b, \u0430\u043a\u043e \u0441\u0430\u0439\u0442\u044a\u0442 \u0435 \u0441\u0430\u043c\u043e \u0437\u0430 \u0411\u044a\u043b\u0433\u0430\u0440\u0438\u044f, \u043e\u0441\u0432\u0435\u043d \u0430\u043a\u043e \u043f\u043e\u043b\u0437\u0432\u0430\u043d\u0438\u044f\u0442 CDN \u043d\u044f\u043c\u0430 \u0446\u0435\u043d\u0442\u0440\u043e\u0432\u0435 \u0440\u0430\u0437\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438 \u0432 \u0431\u044a\u043b\u0433\u0430\u0440\u0441\u043a\u0438 \u0433\u0440\u0430\u0434\u043e\u0432\u0435.<\/li>\n<\/ul>\n<p>\u0410\u043a\u043e \u0441\u0442\u0435 \u0443\u0435\u0431 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a, \u0437\u0430 \u0434\u0430 \u043f\u0440\u043e\u0443\u0447\u0438\u0442\u0435 \u0432 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u0442\u0435\u0445\u043d\u0438\u043a\u0438\u0442\u0435 \u0437\u0430 \u043f\u043e\u0434\u043e\u0431\u0440\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 LCP, \u043f\u0440\u043e\u0447\u0435\u0442\u0435\u0442\u0435 \u0441\u0442\u0430\u0442\u0438\u044f\u0442\u0430 <a href=\"https:\/\/web.dev\/optimize-lcp\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\u041e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 LCP<\/a>\u00a0(\u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438 \u0435\u0437\u0438\u043a).<\/p>\n<p><em>\u0415\u0442\u043e \u0438 \u0435\u0434\u043d\u043e \u0432\u0438\u0434\u0435\u043e \u043d\u0430 \u0431\u044a\u043b\u0433\u0430\u0440\u0441\u043a\u0438 \u0437\u0430 LCP \u043e\u0442 \u043a\u043e\u043b\u0435\u0433\u0438\u0442\u0435 \u043e\u0442 \u0443\u0435\u0431 \u0441\u0442\u0443\u0434\u0438\u043e Creativiso<\/em><\/p>\n<div class=\"iframe-container\"><iframe loading=\"lazy\" title=\"\u041a\u0430\u043a\u0432\u043e \u0435 Largest Contentful Paint (LCP)? \/\/ Core Web Vitals\" src=\"https:\/\/www.youtube.com\/embed\/7InMX7o2sCs?feature=oembed\" width=\"500\" height=\"281\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>\u0414\u043e\u043f\u044a\u043b\u043d\u0438\u0442\u0435\u043b\u043d\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u0438 \u043e\u0442\u043d\u043e\u0441\u043d\u043e \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u043d\u0438\u0442\u0435 \u0442\u0435\u0445\u043d\u0438\u043a\u0438 \u0437\u0430 \u0438\u0437\u043f\u044a\u043b\u043d\u0435\u043d\u0438\u0435, \u043a\u043e\u0438\u0442\u043e \u0449\u0435 \u043f\u043e\u0434\u043e\u0431\u0440\u044f\u0442 LCP:<\/p>\n<ul>\n<li><a href=\"https:\/\/web.dev\/apply-instant-loading-with-prpl\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Apply instant loading with the PRPL pattern<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/critical-rendering-path\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Optimizing the Critical Rendering Path<\/a><\/li>\n<li><a href=\"https:\/\/web.dev\/fast#optimize-your-css\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Optimize your CSS<\/a><\/li>\n<li><a href=\"https:\/\/web.dev\/fast#optimize-your-images\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Optimize your Images<\/a><\/li>\n<li><a href=\"https:\/\/web.dev\/fast#optimize-web-fonts\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Optimize web Fonts<\/a><\/li>\n<li><a href=\"https:\/\/web.dev\/fast#optimize-your-javascript\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Optimize your JavaScript<\/a><\/li>\n<\/ul>\n<p>\u0412\u0438\u0436\u0442\u0435 \u043e\u0449\u0435 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u044f\u0442\u0430 \u043d\u0430 Ganbox: <a href=\"\/blog\/kakvo-e-cls-cumulative-layout-shift\">\u041a\u0430\u043a\u0432\u043e \u0435 CLS - <span lang=\"zxx\">Cumulative Layout Shift<\/span><\/a><\/p>\n<p>\u0410\u043a\u043e \u0438\u043c\u0430\u0442\u0435 \u043d\u0443\u0436\u0434\u0430 \u043e\u0442 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0442\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442, \u043c\u043e\u0436\u0435 \u0434\u0430 \u0441\u0435 \u0441\u0432\u044a\u0440\u0436\u0435\u0442\u0435 \u0441 \u043d\u0430\u0441 \u043e\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 <a href=\"https:\/\/ganbox.com\/about\" target=\"_blank\" rel=\"noopener noreferrer\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0438<\/a>.<\/p>\n<p style=\"text-align: right;\"><span style=\"color: #999999;\">\u0417\u0430\u0431. \u0418\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u043d\u0438 \u0441\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0438 \u043e\u0442 \u0441\u0430\u0439\u0442\u0430 web.dev<\/span><\/p>\n\u041f\u0440\u043e\u0447\u0435\u0442\u0435\u043d\u0430:12081","protected":false},"excerpt":{"rendered":"<p>LCP (Largest Contentful Paint) \u0435 \u0447\u0430\u0441\u0442 \u043e\u0442 Core Web Vitals - \u043d\u0430\u0431\u043e\u0440 \u043e\u0442 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u0438 \u043c\u0435\u0442\u0440\u0438\u043a\u0438, \u0441\u0432\u044a\u0440\u0437\u0430\u043d\u0438 \u0441\u044a\u0441 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0442\u0430 \u0438 \u0432\u0438\u0437\u0443\u0430\u043b\u043d\u0430\u0442\u0430 \u0441\u0442\u0430\u0431\u0438\u043b\u043d\u043e\u0441\u0442 \u043d\u0430 \u0443\u0435\u0431 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0438\u0442\u0435. Google \u0433\u0438 \u0441\u0447\u0438\u0442\u0430 \u0437\u0430 \u0438\u0437\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u043d\u043e \u0441\u044a\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u0438 \u0437\u0430 \u0446\u044f\u043b\u043e\u0441\u0442\u043d\u043e\u0442\u043e \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u043e \u0438\u0437\u0436\u0438\u0432\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 \u0434\u0430\u0434\u0435\u043d \u0443\u0435\u0431 \u0441\u0430\u0439\u0442 \u0438 \u043e\u0442 \u043c\u0430\u0439 2021 \u0433 \u0441\u0430 \u0432\u0430\u0436\u0435\u043d \u0440\u0430\u043d\u043a\u0438\u043d\u0433 \u0444\u0430\u043a\u0442\u043e\u0440. Core Web Vitals\u00a0 \u0441\u044a\u0434\u044a\u0440\u0436\u0430 \u0442\u0440\u0438 \u0432\u0430\u0436\u043d\u0438 \u043c\u0435\u0442\u0440\u0438\u043a\u0438: Largest [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":8565,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[28,1],"tags":[404],"modified_by":"\u0413\u0435\u043e\u0440\u0433\u0438 \u0421\u0442\u0435\u0444\u0430\u043d\u043e\u0432","_links":{"self":[{"href":"https:\/\/ganbox.com\/blog\/wp-json\/wp\/v2\/posts\/8556"}],"collection":[{"href":"https:\/\/ganbox.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ganbox.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ganbox.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ganbox.com\/blog\/wp-json\/wp\/v2\/comments?post=8556"}],"version-history":[{"count":5,"href":"https:\/\/ganbox.com\/blog\/wp-json\/wp\/v2\/posts\/8556\/revisions"}],"predecessor-version":[{"id":9685,"href":"https:\/\/ganbox.com\/blog\/wp-json\/wp\/v2\/posts\/8556\/revisions\/9685"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ganbox.com\/blog\/wp-json\/wp\/v2\/media\/8565"}],"wp:attachment":[{"href":"https:\/\/ganbox.com\/blog\/wp-json\/wp\/v2\/media?parent=8556"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ganbox.com\/blog\/wp-json\/wp\/v2\/categories?post=8556"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ganbox.com\/blog\/wp-json\/wp\/v2\/tags?post=8556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}