{"id":3297,"date":"2025-06-05T16:30:19","date_gmt":"2025-06-05T16:30:19","guid":{"rendered":"https:\/\/www.web-bartar.com\/blog\/?p=3297"},"modified":"2025-06-05T16:31:20","modified_gmt":"2025-06-05T16:31:20","slug":"cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88","status":"publish","type":"post","link":"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/","title":{"rendered":"Cumulative Layout Shift (CLS)\u0686\u06cc\u0633\u062a \u0648 \u0646\u0642\u0634 \u062d\u06cc\u0627\u062a\u06cc \u0622\u0646 \u062f\u0631 \u0633\u0626\u0648"},"content":{"rendered":"<p data-sourcepos=\"3:1-3:431\">\u062f\u0631 \u062a\u062c\u0631\u0628\u0647 \u0648\u0628 \u0645\u062f\u0631\u0646\u060c \u0641\u0642\u0637 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0647\u0645 \u0646\u06cc\u0633\u062a\u061b \u062b\u0628\u0627\u062a \u0628\u0635\u0631\u06cc \u0646\u06cc\u0632 \u0628\u0647 \u0647\u0645\u0627\u0646 \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u062f. &#8220;Cumulative Layout Shift&#8221; \u06cc\u0627 \u0628\u0647 \u0627\u062e\u062a\u0635\u0627\u0631 <strong>CLS<\/strong> \u06cc\u06a9\u06cc \u0627\u0632 \u0633\u0647 \u0645\u0639\u06cc\u0627\u0631 \u0627\u0635\u0644\u06cc Core Web Vitals \u06af\u0648\u06af\u0644 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0642\u06cc\u0642\u0627\u064b \u0627\u06cc\u0646 \u062b\u0628\u0627\u062a \u0631\u0627 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f. CLS \u0646\u0634\u0627\u0646\u200c\u062f\u0647\u0646\u062f\u0647 \u0645\u06cc\u0632\u0627\u0646 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0646\u0627\u062e\u0648\u0627\u0633\u062a\u0647 \u0639\u0646\u0627\u0635\u0631 \u0628\u0635\u0631\u06cc \u062f\u0631 \u0635\u0641\u062d\u0647 \u062f\u0631 \u0637\u0648\u0644 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0648 \u062d\u062a\u06cc \u067e\u0633 \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a. \u06cc\u06a9 CLS \u0628\u0627\u0644\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0631\u0627 \u0628\u0647 \u0634\u062f\u062a \u0645\u062e\u062a\u0644 \u06a9\u0646\u062f \u0648 \u0628\u0631 \u0631\u062a\u0628\u0647\u200c\u0628\u0646\u062f\u06cc \u0633\u0627\u06cc\u062a \u062f\u0631 \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u062a\u0623\u062b\u06cc\u0631 \u0645\u0646\u0641\u06cc \u0628\u06af\u0630\u0627\u0631\u062f.<\/p>\n<p data-sourcepos=\"5:1-5:165\">\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0628\u0647 \u0635\u0648\u0631\u062a \u0639\u0645\u06cc\u0642 \u0648 \u0641\u0646\u06cc \u0628\u0647 CLS\u060c \u0646\u062d\u0648\u0647 \u0645\u062d\u0627\u0633\u0628\u0647 \u0622\u0646\u060c \u062f\u0644\u0627\u06cc\u0644 \u0627\u0635\u0644\u06cc \u0628\u0631\u0648\u0632 \u0622\u0646 \u0648 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u062c\u0627\u0645\u0639 \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u0622\u0646 \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u06cc\u0645 \u0648 \u062a\u0623\u062b\u06cc\u0631 \u0622\u0646 \u0628\u0631 \u0633\u0631\u0639\u062a \u0633\u0627\u06cc\u062a \u0648 \u0633\u0626\u0648 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/p>\n<div id=\"toc_container\" class=\"toc_white no_bullets\"><p class=\"toc_title\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p><ul class=\"toc_list\"><li><a href=\"#CLS\">CLS \u0686\u06cc\u0633\u062a\u061f \u062a\u0639\u0631\u06cc\u0641 \u0641\u0646\u06cc \u0648 \u0645\u0641\u0647\u0648\u0645<\/a><\/li><li><a href=\"#_CLS\">\u0686\u0631\u0627 CLS \u0645\u0647\u0645 \u0627\u0633\u062a\u061f \u062a\u0623\u062b\u06cc\u0631 \u0628\u0631 \u0633\u0631\u0639\u062a \u0633\u0627\u06cc\u062a \u0648 \u0633\u0626\u0648<\/a><\/li><li><a href=\"#__CLS\">\u062f\u0644\u0627\u06cc\u0644 \u0627\u0635\u0644\u06cc \u0628\u0631\u0648\u0632 CLS \u0628\u0627\u0644\u0627<\/a><\/li><li><a href=\"#___CLS\">\u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u062c\u0627\u0645\u0639 \u0648 \u0641\u0646\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f CLS<\/a><\/li><li><a href=\"#__CLS-2\">\u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0648 \u0627\u0634\u06a9\u0627\u0644\u200c\u0632\u062f\u0627\u06cc\u06cc CLS<\/a><\/li><li><a href=\"#_CLS-2\">\u0646\u062a\u06cc\u062c\u0647\u200c\u06af\u06cc\u0631\u06cc: CLS\u060c \u0636\u0627\u0645\u0646 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0648 \u0645\u0648\u0641\u0642\u06cc\u062a \u062f\u0631 \u0648\u0628<\/a><\/li><\/ul><\/div>\n<h3 data-sourcepos=\"7:1-7:31\"><span id=\"CLS\">CLS \u0686\u06cc\u0633\u062a\u061f \u062a\u0639\u0631\u06cc\u0641 \u0641\u0646\u06cc \u0648 \u0645\u0641\u0647\u0648\u0645<\/span><\/h3>\n<p data-sourcepos=\"9:1-9:353\"><strong>Cumulative Layout Shift (CLS)<\/strong> \u0645\u0639\u06cc\u0627\u0631\u06cc \u0628\u062f\u0648\u0646 \u0648\u0627\u062d\u062f \u0627\u0633\u062a \u06a9\u0647 \u0645\u062c\u0645\u0648\u0639 \u062a\u0645\u0627\u0645 \u0627\u0645\u062a\u06cc\u0627\u0632\u0627\u062a &#8220;\u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc&#8221; (Layout Shift Score) \u0631\u0627 \u0628\u0631\u0627\u06cc \u0647\u0631 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0646\u0627\u062e\u0648\u0627\u0633\u062a\u0647 \u062f\u0631 \u0686\u06cc\u062f\u0645\u0627\u0646 \u0635\u0641\u062d\u0647 \u062f\u0631 \u0637\u0648\u0644 \u0639\u0645\u0631 \u06a9\u0627\u0645\u0644 \u0622\u0646 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0639\u06cc\u0627\u0631 \u0628\u0647 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0628\u0635\u0631\u06cc \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0627\u0634\u0627\u0631\u0647 \u062f\u0627\u0631\u062f \u0648 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u067e\u0627\u0633\u062e \u0628\u0647 \u0627\u06cc\u0646 \u0633\u0648\u0627\u0644 \u0627\u0633\u062a: &#8220;\u0622\u06cc\u0627 \u0639\u0646\u0627\u0635\u0631 \u0635\u0641\u062d\u0647 \u0628\u062f\u0648\u0646 \u0627\u0646\u062a\u0638\u0627\u0631 \u06a9\u0627\u0631\u0628\u0631 \u062c\u0627\u0628\u062c\u0627 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u0648 \u0645\u0632\u0627\u062d\u0645\u062a \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u061f&#8221;<\/p>\n<p data-sourcepos=\"11:1-11:265\"><strong>\u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc (Layout Shift):<\/strong> \u0632\u0645\u0627\u0646\u06cc \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc\u200c\u0627\u0641\u062a\u062f \u06a9\u0647 \u06cc\u06a9 \u0639\u0646\u0635\u0631 \u0645\u0648\u062c\u0648\u062f \u0648 \u0642\u0627\u0628\u0644 \u0645\u0634\u0627\u0647\u062f\u0647 \u062f\u0631 \u0635\u0641\u062d\u0647\u060c \u0645\u0648\u0642\u0639\u06cc\u062a \u0634\u0631\u0648\u0639 \u062e\u0648\u062f \u0631\u0627 \u0627\u0632 \u06cc\u06a9 \u0641\u0631\u06cc\u0645 \u0628\u0647 \u0641\u0631\u06cc\u0645 \u062f\u06cc\u06af\u0631 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u062f. \u0627\u06cc\u0646 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc\u200c\u0647\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0627\u0639\u062b \u0634\u0648\u0646\u062f \u06a9\u0627\u0631\u0628\u0631 \u0628\u0647 \u0627\u0634\u062a\u0628\u0627\u0647 \u0631\u0648\u06cc \u0686\u06cc\u0632\u06cc \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u062f \u06cc\u0627 \u0631\u0634\u062a\u0647 \u0627\u0641\u06a9\u0627\u0631\u0634 \u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u062d\u062a\u0648\u0627 \u0642\u0637\u0639 \u0634\u0648\u062f.<\/p>\n<p data-sourcepos=\"13:1-14:62\"><strong>\u0646\u062d\u0648\u0647 \u0645\u062d\u0627\u0633\u0628\u0647 CLS Score:<\/strong> \u0627\u0645\u062a\u06cc\u0627\u0632 \u0647\u0631 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc \u0627\u0632 \u062d\u0627\u0635\u0644\u200c\u0636\u0631\u0628 \u062f\u0648 \u0645\u0642\u062f\u0627\u0631 \u0628\u0647 \u062f\u0633\u062a \u0645\u06cc\u200c\u0622\u06cc\u062f:<\/p>\n<ol data-sourcepos=\"16:1-18:0\">\n<li data-sourcepos=\"16:1-16:369\"><strong>Impact Fraction (\u06a9\u0633\u0631 \u062a\u0627\u062b\u06cc\u0631):<\/strong> \u0627\u06cc\u0646 \u06a9\u0633\u0631\u060c \u0646\u0627\u062d\u06cc\u0647 \u0645\u062a\u0623\u062b\u0631 \u0627\u0632 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0631\u0627 \u062f\u0631 \u0646\u0645\u0627\u06cc \u062f\u06cc\u062f (viewport) \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0634\u0627\u0645\u0644 \u0645\u062c\u0645\u0648\u0639 \u0645\u0633\u0627\u062d\u062a \u062f\u06cc\u062f\u0646\u06cc \u0639\u0646\u0627\u0635\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0642\u0628\u0644 \u0627\u0632 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0648 \u0628\u0639\u062f \u0627\u0632 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u062f\u0631 \u0646\u0645\u0627\u06cc \u062f\u06cc\u062f \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u0646\u062f. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644\u060c \u0627\u06af\u0631 \u06cc\u06a9 \u0639\u0646\u0635\u0631 50% \u0627\u0632 \u0646\u0645\u0627\u06cc \u062f\u06cc\u062f \u0631\u0627 \u0627\u0634\u063a\u0627\u0644 \u06a9\u0646\u062f \u0648 \u0633\u067e\u0633 25% \u0628\u0647 \u0633\u0645\u062a \u067e\u0627\u06cc\u06cc\u0646 \u062d\u0631\u06a9\u062a \u06a9\u0646\u062f\u060c \u06a9\u0633\u0631 \u062a\u0627\u062b\u06cc\u0631 \u0622\u0646 0.75 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f (0.50 \u0642\u0628\u0644 \u0627\u0632 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc + 0.25 \u0628\u0639\u062f \u0627\u0632 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc).<\/li>\n<li data-sourcepos=\"17:1-18:0\"><strong>Distance Fraction (\u06a9\u0633\u0631 \u0641\u0627\u0635\u0644\u0647):<\/strong> \u0627\u06cc\u0646 \u06a9\u0633\u0631\u060c \u0628\u06cc\u0634\u062a\u0631\u06cc\u0646 \u0641\u0627\u0635\u0644\u0647 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0647\u0631 \u0639\u0646\u0635\u0631 \u0646\u0627\u067e\u0627\u06cc\u062f\u0627\u0631 (\u0639\u0646\u0635\u0631\u06cc \u06a9\u0647 \u062c\u0627\u0628\u062c\u0627 \u0634\u062f\u0647) \u0631\u0627 \u0646\u0633\u0628\u062a \u0628\u0647 \u0627\u0628\u0639\u0627\u062f \u06a9\u0644\u06cc \u0646\u0645\u0627\u06cc \u062f\u06cc\u062f \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644\u060c \u0627\u06af\u0631 \u06cc\u06a9 \u0639\u0646\u0635\u0631 25% \u0627\u0632 \u0627\u0631\u062a\u0641\u0627\u0639 \u0646\u0645\u0627\u06cc \u062f\u06cc\u062f \u0631\u0627 \u0628\u0647 \u0633\u0645\u062a \u067e\u0627\u06cc\u06cc\u0646 \u062d\u0631\u06a9\u062a \u06a9\u0646\u062f\u060c \u06a9\u0633\u0631 \u0641\u0627\u0635\u0644\u0647 \u0622\u0646 0.25 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/li>\n<\/ol>\n<p data-sourcepos=\"19:1-19:60\"><strong>Layout Shift Score = Impact Fraction \u00d7 Distance Fraction<\/strong><\/p>\n<p data-sourcepos=\"21:1-21:345\"><strong>Cumulative Layout Shift (CLS)<\/strong> \u0645\u062c\u0645\u0648\u0639 \u062a\u0645\u0627\u0645 Layout Shift Score\u0647\u0627\u06cc \u0641\u0631\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u063a\u06cc\u0631\u0645\u0646\u062a\u0638\u0631\u0647 \u062f\u0631 \u0637\u0648\u0644 \u0639\u0645\u0631 \u0635\u0641\u062d\u0647 \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc\u200c\u0627\u0641\u062a\u0646\u062f. \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0631 \u0639\u0631\u0636 500 \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647 \u067e\u0633 \u0627\u0632 \u06cc\u06a9 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 (\u0645\u0627\u0646\u0646\u062f \u06a9\u0644\u06cc\u06a9 \u06cc\u0627 \u062a\u0627\u06cc\u067e) \u0631\u062e \u0645\u06cc\u200c\u062f\u0647\u0646\u062f\u060c \u0627\u0632 \u0645\u062d\u0627\u0633\u0628\u0647 CLS \u0645\u0633\u062a\u062b\u0646\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u0632\u06cc\u0631\u0627 \u0627\u06cc\u0646 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc\u200c\u0647\u0627 \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0645\u0648\u0631\u062f \u0627\u0646\u062a\u0638\u0627\u0631 \u06a9\u0627\u0631\u0628\u0631 \u0647\u0633\u062a\u0646\u062f (\u0645\u062b\u0644\u0627\u064b \u0628\u0627\u0632 \u0634\u062f\u0646 \u06cc\u06a9 \u0645\u0646\u0648\u06cc \u0622\u0628\u0634\u0627\u0631\u06cc \u067e\u0633 \u0627\u0632 \u06a9\u0644\u06cc\u06a9).<\/p>\n<p data-sourcepos=\"23:1-23:29\"><strong>\u0646\u0645\u0631\u0647\u200c\u062f\u0647\u06cc CLS \u0627\u0632 \u0646\u0638\u0631 \u06af\u0648\u06af\u0644:<\/strong><\/p>\n<ul data-sourcepos=\"25:1-28:0\">\n<li data-sourcepos=\"25:1-25:29\"><strong>\u062e\u0648\u0628 (Good):<\/strong> 0.1 \u06cc\u0627 \u06a9\u0645\u062a\u0631<\/li>\n<li data-sourcepos=\"26:1-26:55\"><strong>\u0646\u06cc\u0627\u0632 \u0628\u0647 \u0628\u0647\u0628\u0648\u062f (Needs Improvement):<\/strong> \u0628\u06cc\u0646 0.1 \u0648 0.25<\/li>\n<li data-sourcepos=\"27:1-28:0\"><strong>\u0636\u0639\u06cc\u0641 (Poor):<\/strong> \u0628\u06cc\u0634 \u0627\u0632 0.25<\/li>\n<\/ul>\n<p data-sourcepos=\"29:1-29:74\">\u0647\u062f\u0641 \u06af\u0648\u06af\u0644 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 75% \u0627\u0632 \u0628\u0627\u0632\u062f\u06cc\u062f\u0647\u0627\u06cc \u06cc\u06a9 \u0635\u0641\u062d\u0647\u060c CLS \u06a9\u0645\u062a\u0631 \u0627\u0632 0.1 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f.<\/p>\n<h3 data-sourcepos=\"31:1-31:45\"><span id=\"_CLS\">\u0686\u0631\u0627 CLS \u0645\u0647\u0645 \u0627\u0633\u062a\u061f \u062a\u0623\u062b\u06cc\u0631 \u0628\u0631 \u0633\u0631\u0639\u062a \u0633\u0627\u06cc\u062a \u0648 \u0633\u0626\u0648<\/span><\/h3>\n<p data-sourcepos=\"33:1-33:254\">CLS \u0628\u0647 \u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0631 \u0633\u0631\u0639\u062a \u0633\u0627\u06cc\u062a \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0627\u0648\u0644\u06cc\u0647 \u062a\u0623\u062b\u06cc\u0631 \u0646\u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u062f\u060c \u0627\u0645\u0627 \u0628\u0647 \u0634\u062f\u062a \u0628\u0631 <strong>\u06a9\u06cc\u0641\u06cc\u062a \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc (UX)<\/strong> \u0648 <strong>\u0639\u0645\u0644\u06a9\u0631\u062f \u0627\u062f\u0631\u0627\u06a9\u06cc (Perceived Performance)<\/strong> \u062a\u0623\u062b\u06cc\u0631 \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u062f. \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a\u060c \u0627\u06cc\u0646 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631 \u0633\u0626\u0648 \u0648 \u0631\u062a\u0628\u0647\u200c\u0628\u0646\u062f\u06cc \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0627\u062b\u0631 \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u062f.<\/p>\n<p data-sourcepos=\"35:1-35:31\"><strong>\u062a\u0623\u062b\u06cc\u0631 \u0628\u0631 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc (UX):<\/strong><\/p>\n<ol data-sourcepos=\"37:1-41:0\">\n<li data-sourcepos=\"37:1-37:357\"><strong>\u0646\u0627\u0627\u0645\u06cc\u062f\u06cc \u0648 \u0633\u0631\u062f\u0631\u06af\u0645\u06cc \u06a9\u0627\u0631\u0628\u0631:<\/strong> \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0646\u0627\u06af\u0647\u0627\u0646\u06cc \u0645\u062d\u062a\u0648\u0627 \u0641\u0648\u0642\u200c\u0627\u0644\u0639\u0627\u062f\u0647 \u0622\u0632\u0627\u0631\u062f\u0647\u0646\u062f\u0647 \u0627\u0633\u062a. \u062a\u0635\u0648\u0631 \u06a9\u0646\u06cc\u062f \u062f\u0631 \u062d\u0627\u0644 \u0645\u0637\u0627\u0644\u0639\u0647 \u06cc\u06a9 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0647\u0633\u062a\u06cc\u062f \u06a9\u0647 \u0646\u0627\u06af\u0647\u0627\u0646 \u06cc\u06a9 \u062a\u0628\u0644\u06cc\u063a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0645\u062a\u0646 \u0631\u0627 \u0628\u0647 \u067e\u0627\u06cc\u06cc\u0646 \u0647\u0644 \u0645\u06cc\u200c\u062f\u0647\u062f. \u06cc\u0627 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0631\u0648\u06cc \u06cc\u06a9 \u062f\u06a9\u0645\u0647 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f \u0648 \u062f\u0631 \u0644\u062d\u0638\u0647 \u0622\u062e\u0631\u060c \u062f\u06a9\u0645\u0647 \u062c\u0627\u0628\u062c\u0627 \u0634\u062f\u0647 \u0648 \u0634\u0645\u0627 \u0631\u0648\u06cc \u0686\u06cc\u0632 \u062f\u06cc\u06af\u0631\u06cc \u06a9\u0644\u06cc\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u062a\u062c\u0631\u0628\u06cc\u0627\u062a \u0645\u0646\u0641\u06cc\u060c \u0628\u0627\u0639\u062b \u0646\u0627\u0627\u0645\u06cc\u062f\u06cc\u060c \u0633\u0631\u062f\u0631\u06af\u0645\u06cc \u0648 \u062d\u0633 \u0639\u062f\u0645 \u06a9\u0646\u062a\u0631\u0644 \u062f\u0631 \u06a9\u0627\u0631\u0628\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n<li data-sourcepos=\"38:1-38:205\"><strong>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0646\u0631\u062e \u067e\u0631\u0634 (Bounce Rate):<\/strong> \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u0647 \u0633\u0631\u0639\u062a \u0627\u0632 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0636\u0639\u06cc\u0641\u06cc \u062f\u0627\u0631\u0646\u062f \u0641\u0631\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. CLS \u0628\u0627\u0644\u0627 \u0628\u0647 \u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0627 \u0646\u0631\u062e \u067e\u0631\u0634 \u0628\u0627\u0644\u0627\u062a\u0631 \u0648 \u06a9\u0627\u0647\u0634 \u0632\u0645\u0627\u0646 \u0645\u0627\u0646\u062f\u06af\u0627\u0631\u06cc \u062f\u0631 \u0633\u0627\u06cc\u062a (Dwell Time) \u0645\u0631\u062a\u0628\u0637 \u0627\u0633\u062a.<\/li>\n<li data-sourcepos=\"39:1-39:179\"><strong>\u06a9\u0627\u0647\u0634 \u062a\u0628\u062f\u06cc\u0644 (Conversions):<\/strong> \u0627\u06af\u0631 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0646\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0628\u0627 \u0639\u0646\u0627\u0635\u0631 \u06a9\u0644\u06cc\u062f\u06cc \u0645\u0627\u0646\u0646\u062f \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc &#8220;\u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0647 \u0633\u0628\u062f \u062e\u0631\u06cc\u062f&#8221; \u06cc\u0627 \u0641\u0631\u0645\u200c\u0647\u0627\u06cc \u062a\u0645\u0627\u0633 \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f\u060c \u0646\u0631\u062e \u062a\u0628\u062f\u06cc\u0644 \u0628\u0647 \u0634\u062f\u062a \u06a9\u0627\u0647\u0634 \u0645\u06cc\u200c\u06cc\u0627\u0628\u062f.<\/li>\n<li data-sourcepos=\"40:1-41:0\"><strong>\u0645\u0634\u06a9\u0644\u0627\u062a \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc (Accessibility):<\/strong> \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062f\u0627\u0631\u0627\u06cc \u0646\u0627\u062a\u0648\u0627\u0646\u06cc\u060c \u0628\u0647 \u0648\u06cc\u0698\u0647 \u0627\u0641\u0631\u0627\u062f\u06cc \u06a9\u0647 \u0627\u0632 \u0641\u0646\u0627\u0648\u0631\u06cc\u200c\u0647\u0627\u06cc \u06a9\u0645\u06a9\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0645\u062d\u062a\u0648\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0631\u0627 \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u063a\u06cc\u0631\u0645\u0645\u06a9\u0646 \u06a9\u0646\u062f.<\/li>\n<\/ol>\n<p data-sourcepos=\"42:1-42:45\"><strong>\u062a\u0623\u062b\u06cc\u0631 \u0628\u0631 \u0633\u0631\u0639\u062a \u0633\u0627\u06cc\u062a (\u0628\u0647 \u0645\u0641\u0647\u0648\u0645 \u063a\u06cc\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645):<\/strong><\/p>\n<p data-sourcepos=\"44:1-44:302\">\u0627\u06af\u0631\u0686\u0647 CLS \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0631\u0627 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0627\u0645\u0627 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u0622\u0646 \u0627\u063a\u0644\u0628 \u0628\u0627 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc\u200c\u0647\u0627\u06cc \u06a9\u0644\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0633\u0627\u06cc\u062a \u0647\u0645\u067e\u0648\u0634\u0627\u0646\u06cc \u062f\u0627\u0631\u0646\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u062a\u0639\u0631\u06cc\u0641 \u0627\u0628\u0639\u0627\u062f \u062a\u0635\u0627\u0648\u06cc\u0631 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u0641\u0636\u0627\u06cc \u0644\u0627\u0632\u0645 \u0631\u0627 \u0627\u0632 \u0642\u0628\u0644 \u0631\u0632\u0631\u0648 \u06a9\u0646\u062f\u060c \u06a9\u0647 \u0627\u06cc\u0646 \u062e\u0648\u062f \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0632\u0645\u0627\u0646 \u0631\u0646\u062f\u0631 \u0627\u0648\u0644\u06cc\u0647 \u0646\u06cc\u0632 \u06a9\u0645\u06a9 \u06a9\u0646\u062f.<\/p>\n<p data-sourcepos=\"46:1-46:23\"><strong>\u062a\u0623\u062b\u06cc\u0631 \u0628\u0631 \u0633\u0626\u0648 (SEO):<\/strong><\/p>\n<p data-sourcepos=\"48:1-48:135\">\u0627\u0632 \u0645\u06cc 2021\u060c Core Web Vitals (\u0634\u0627\u0645\u0644 CLS) \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 <strong>\u0641\u0627\u06a9\u062a\u0648\u0631 \u0631\u062a\u0628\u0647\u200c\u0628\u0646\u062f\u06cc<\/strong> \u0631\u0633\u0645\u06cc \u062f\u0631 \u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645 \u062c\u0633\u062a\u062c\u0648\u06cc \u06af\u0648\u06af\u0644 \u0645\u0639\u0631\u0641\u06cc \u0634\u062f\u0647\u200c\u0627\u0646\u062f. \u0627\u06cc\u0646 \u0628\u062f\u0627\u0646 \u0645\u0639\u0646\u0627\u0633\u062a \u06a9\u0647:<\/p>\n<ol data-sourcepos=\"50:1-53:0\">\n<li data-sourcepos=\"50:1-50:198\"><strong>\u0631\u062a\u0628\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645:<\/strong> \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u0628\u0627 CLS \u067e\u0627\u06cc\u06cc\u0646\u200c\u062a\u0631\u060c \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u062f\u0631 \u0646\u062a\u0627\u06cc\u062c \u062c\u0633\u062a\u062c\u0648 \u0631\u062a\u0628\u0647 \u0628\u0647\u062a\u0631\u06cc \u062e\u0648\u0627\u0647\u0646\u062f \u062f\u0627\u0634\u062a. \u06af\u0648\u06af\u0644 \u0628\u0647 \u0648\u0636\u0648\u062d \u0627\u0639\u0644\u0627\u0645 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0647\u062a\u0631\u06cc \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f\u060c \u067e\u0627\u062f\u0627\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/li>\n<li data-sourcepos=\"51:1-51:278\"><strong>\u0628\u0647\u0628\u0648\u062f \u0633\u06cc\u06af\u0646\u0627\u0644\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631 (User Signals):<\/strong> CLS \u067e\u0627\u06cc\u06cc\u0646 \u0645\u0646\u062c\u0631 \u0628\u0647 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0647\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0646 \u0627\u0645\u0631 \u0628\u0647 \u0646\u0648\u0628\u0647 \u062e\u0648\u062f\u060c \u0633\u06cc\u06af\u0646\u0627\u0644\u200c\u0647\u0627\u06cc \u0645\u062b\u0628\u062a \u06a9\u0627\u0631\u0628\u0631 \u0645\u0627\u0646\u0646\u062f \u0646\u0631\u062e \u067e\u0631\u0634 \u06a9\u0645\u062a\u0631\u060c \u0632\u0645\u0627\u0646 \u0645\u0627\u0646\u062f\u06af\u0627\u0631\u06cc \u0628\u06cc\u0634\u062a\u0631\u060c \u0648 \u0646\u0631\u062e \u062a\u0628\u062f\u06cc\u0644 \u0628\u0627\u0644\u0627\u062a\u0631 \u0631\u0627 \u062a\u0642\u0648\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f. \u06af\u0648\u06af\u0644 \u0627\u06cc\u0646 \u0633\u06cc\u06af\u0646\u0627\u0644\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u063a\u06cc\u0631\u0645\u0633\u062a\u0642\u06cc\u0645 \u062f\u0631 \u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645 \u062e\u0648\u062f \u0644\u062d\u0627\u0638 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n<li data-sourcepos=\"52:1-53:0\"><strong>\u062a\u0623\u062b\u06cc\u0631 \u0628\u0631 AI Overviews (SGE):<\/strong> \u062f\u0631 \u0639\u0635\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0648 \u0627\u062f\u063a\u0627\u0645 \u0622\u0646 \u062f\u0631 \u0646\u062a\u0627\u06cc\u062c \u062c\u0633\u062a\u062c\u0648 (\u0645\u0627\u0646\u0646\u062f AI Overviews \u06af\u0648\u06af\u0644)\u060c \u0627\u0631\u0627\u0626\u0647 \u06cc\u06a9 \u062a\u062c\u0631\u0628\u0647 \u0628\u0635\u0631\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631 \u0648 \u0633\u0631\u06cc\u0639 \u0627\u0632 \u0627\u0647\u0645\u06cc\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u0628\u0631\u062e\u0648\u0631\u062f\u0627\u0631 \u0627\u0633\u062a. \u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u0632 \u0646\u0638\u0631 CLS \u0628\u0647\u06cc\u0646\u0647 \u0647\u0633\u062a\u0646\u062f\u060c \u0627\u062d\u062a\u0645\u0627\u0644\u0627 \u062f\u0631 \u0627\u0631\u0627\u0626\u0647 \u0645\u062d\u062a\u0648\u0627 \u0628\u0647 \u0648\u0627\u0633\u0637\u0647 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0646\u06cc\u0632 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u0647\u062a\u0631\u06cc \u062e\u0648\u0627\u0647\u0646\u062f \u062f\u0627\u0634\u062a.<\/li>\n<\/ol>\n<h3 data-sourcepos=\"54:1-54:28\"><span id=\"__CLS\">\u062f\u0644\u0627\u06cc\u0644 \u0627\u0635\u0644\u06cc \u0628\u0631\u0648\u0632 CLS \u0628\u0627\u0644\u0627<\/span><\/h3>\n<p data-sourcepos=\"56:1-56:83\">\u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0639\u0644\u062a \u0627\u0635\u0644\u06cc CLS \u0628\u0627\u0644\u0627\u060c \u0627\u0648\u0644\u06cc\u0646 \u06af\u0627\u0645 \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u0622\u0646 \u0627\u0633\u062a. \u0631\u0627\u06cc\u062c\u200c\u062a\u0631\u06cc\u0646 \u062f\u0644\u0627\u06cc\u0644 \u0639\u0628\u0627\u0631\u062a\u0646\u062f \u0627\u0632:<\/p>\n<ol data-sourcepos=\"58:1-66:0\">\n<li data-sourcepos=\"58:1-58:326\"><strong>\u062a\u0635\u0627\u0648\u06cc\u0631 \u0648 \u0648\u06cc\u062f\u0626\u0648\u0647\u0627\u06cc \u0628\u062f\u0648\u0646 \u0627\u0628\u0639\u0627\u062f (Images\/Videos Without Dimensions):<\/strong> \u0627\u06cc\u0646 \u0634\u0627\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0639\u0644\u062a \u0627\u0633\u062a. \u0627\u06af\u0631 \u0627\u0628\u0639\u0627\u062f <code>width<\/code> \u0648 <code>height<\/code> \u0628\u0631\u0627\u06cc \u062a\u06af <code>&lt;img&gt;<\/code> \u06cc\u0627 <code>&lt;video&gt;<\/code> \u0645\u0634\u062e\u0635 \u0646\u0634\u0648\u062f\u060c \u0645\u0631\u0648\u0631\u06af\u0631 \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u0646\u0645\u06cc\u200c\u062f\u0627\u0646\u062f \u0686\u0647 \u0641\u0636\u0627\u06cc\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0622\u0646\u200c\u0647\u0627 \u0631\u0632\u0631\u0648 \u06a9\u0646\u062f. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u062a\u0635\u0648\u06cc\u0631 \u06cc\u0627 \u0648\u06cc\u062f\u0626\u0648 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0641\u0636\u0627\u06cc \u0644\u0627\u0632\u0645 \u0631\u0627 \u0627\u0634\u063a\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0632\u06cc\u0631 \u0622\u0646 \u062c\u0627\u0628\u062c\u0627 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n<li data-sourcepos=\"59:1-59:297\"><strong>\u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u060c \u0641\u0631\u06cc\u0645\u200c\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc (Iframes) \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc Embed \u0634\u062f\u0647 \u0628\u062f\u0648\u0646 \u0627\u0628\u0639\u0627\u062f:<\/strong> \u0645\u0634\u0627\u0628\u0647 \u062a\u0635\u0627\u0648\u06cc\u0631\u060c \u062a\u0628\u0644\u06cc\u063a\u0627\u062a (\u0628\u0647 \u062e\u0635\u0648\u0635 \u062a\u0628\u0644\u06cc\u063a\u0627\u062a \u0631\u06cc\u062f\u0627\u06cc\u0631\u06a9\u062a \u0634\u062f\u0647 \u0648 \u062f\u0627\u06cc\u0646\u0627\u0645\u06cc\u06a9)\u060c \u0648\u06cc\u062f\u0626\u0648\u0647\u0627\u06cc Embed \u0634\u062f\u0647 \u0627\u0632 \u06cc\u0648\u062a\u06cc\u0648\u0628\u060c \u0648 \u0633\u0627\u06cc\u0631 \u0645\u062d\u062a\u0648\u0627\u06cc Embed \u0634\u062f\u0647 (\u0645\u0627\u0646\u0646\u062f \u067e\u0633\u062a\u200c\u0647\u0627\u06cc \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc) \u0627\u06af\u0631 \u0627\u0628\u0639\u0627\u062f \u0645\u0634\u062e\u0635\u06cc \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f\u060c \u067e\u0633 \u0627\u0632 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0628\u0627\u0639\u062b \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0645\u062d\u062a\u0648\u0627 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/li>\n<li data-sourcepos=\"60:1-60:316\"><strong>\u0645\u062d\u062a\u0648\u0627\u06cc \u062a\u0632\u0631\u06cc\u0642 \u0634\u062f\u0647 \u062f\u06cc\u0646\u0627\u0645\u06cc\u06a9 (Dynamically Injected Content):<\/strong> \u0645\u062d\u062a\u0648\u0627\u06cc\u06cc \u06a9\u0647 \u067e\u0633 \u0627\u0632 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0635\u0641\u062d\u0647 \u062a\u0648\u0633\u0637 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u06cc\u0627 API\u0647\u0627 \u0628\u0647 \u0635\u0641\u062d\u0647 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f (\u0645\u062b\u0644\u0627\u064b \u0646\u0648\u062a\u06cc\u0641\u06cc\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627\u060c \u0641\u0631\u0645\u200c\u0647\u0627\u06cc \u06a9\u0648\u06a9\u06cc\u060c \u0628\u0646\u0631\u0647\u0627\u06cc \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc\u060c \u06cc\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc \u0644\u0648\u062f \u0634\u062f\u0647 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0627\u06cc\u200c\u062c\u06a9\u0633) \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627\u0639\u062b \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0634\u0648\u062f\u060c \u0628\u0647 \u062e\u0635\u0648\u0635 \u0627\u06af\u0631 \u0641\u0636\u0627\u06cc \u06a9\u0627\u0641\u06cc \u0628\u0631\u0627\u06cc \u0622\u0646 \u0627\u0632 \u0642\u0628\u0644 \u0631\u0632\u0631\u0648 \u0646\u0634\u062f\u0647 \u0628\u0627\u0634\u062f.<\/li>\n<li data-sourcepos=\"61:1-63:253\"><strong>\u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc \u0648\u0628 (Web Fonts) \u06a9\u0647 \u0628\u0627\u0639\u062b FOIT\/FOUT \u0645\u06cc\u200c\u0634\u0648\u0646\u062f:<\/strong>\n<ul data-sourcepos=\"62:5-63:253\">\n<li data-sourcepos=\"62:5-62:182\"><strong>FOIT (Flash of Invisible Text):<\/strong> \u0645\u0631\u0648\u0631\u06af\u0631 \u062a\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0641\u0648\u0646\u062a \u0648\u0628 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0634\u0648\u062f\u060c \u0645\u062a\u0646 \u0631\u0627 \u067e\u0646\u0647\u0627\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u067e\u0633 \u0627\u0632 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc\u060c \u0645\u062a\u0646 \u0646\u0627\u06af\u0647\u0627\u0646 \u0638\u0627\u0647\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0627\u0639\u062b \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0639\u0646\u0627\u0635\u0631 \u062f\u06cc\u06af\u0631 \u0634\u0648\u062f.<\/li>\n<li data-sourcepos=\"63:5-63:253\"><strong>FOUT (Flash of Unstyled Text):<\/strong> \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u0628\u062a\u062f\u0627 \u0645\u062a\u0646 \u0631\u0627 \u0628\u0627 \u06cc\u06a9 \u0641\u0648\u0646\u062a \u0633\u06cc\u0633\u062a\u0645\u06cc (fallback font) \u0646\u0645\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f \u0648 \u067e\u0633 \u0627\u0632 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0641\u0648\u0646\u062a \u0648\u0628\u060c \u0622\u0646 \u0631\u0627 \u0628\u0627 \u0641\u0648\u0646\u062a \u062c\u062f\u06cc\u062f \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u06cc\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0641\u0648\u0646\u062a \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0646\u062f\u0627\u0632\u0647 \u0645\u062a\u0646 \u0648 \u062f\u0631 \u0646\u062a\u06cc\u062c\u0647 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0639\u0646\u0627\u0635\u0631 \u0627\u0637\u0631\u0627\u0641 \u0634\u0648\u062f.<\/li>\n<\/ul>\n<\/li>\n<li data-sourcepos=\"64:1-64:277\"><strong>\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc CSS\/JavaScript \u06a9\u0647 \u0628\u0627\u0639\u062b \u062a\u063a\u06cc\u06cc\u0631 \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f:<\/strong> \u0628\u0631\u062e\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u06cc\u0627 \u0627\u0646\u062a\u0642\u0627\u0644\u200c\u0647\u0627 \u06a9\u0647 \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc CSS \u0645\u0627\u0646\u0646\u062f <code>width<\/code>, <code>height<\/code>, <code>top<\/code>, <code>left<\/code> \u0648 \u063a\u06cc\u0631\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0627\u0639\u062b \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0634\u0648\u0646\u062f. \u0628\u0631\u0627\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0631\u0648\u0627\u0646\u200c\u062a\u0631 \u0628\u0627\u06cc\u062f \u0627\u0632 <code>transform<\/code> \u0648 <code>opacity<\/code> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/li>\n<li data-sourcepos=\"65:1-66:0\"><strong>\u0639\u062f\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Placeholder \u0628\u0631\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 \u0645\u062a\u063a\u06cc\u0631:<\/strong> \u0628\u0631\u0627\u06cc \u0639\u0646\u0627\u0635\u0631\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u062f\u0627\u0646\u06cc\u062f \u0642\u0631\u0627\u0631 \u0627\u0633\u062a \u0628\u0639\u062f\u0627\u064b \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0634\u0648\u0646\u062f (\u0645\u0627\u0646\u0646\u062f \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\u0647\u0627\u060c \u0641\u0631\u0645\u200c\u0647\u0627\u060c \u06cc\u0627 \u06a9\u0627\u0645\u0646\u062a\u200c\u0647\u0627)\u060c \u0627\u0645\u0627 \u0627\u0628\u0639\u0627\u062f \u062f\u0642\u06cc\u0642 \u0622\u0646\u200c\u0647\u0627 \u0645\u0634\u062e\u0635 \u0646\u06cc\u0633\u062a\u060c \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u06cc\u06a9 \u0641\u0636\u0627\u06cc \u0631\u0632\u0631\u0648 \u0634\u062f\u0647 (Placeholder) \u0628\u0627\u0639\u062b CLS \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n<\/ol>\n<h3 data-sourcepos=\"67:1-67:39\"><span id=\"___CLS\">\u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u062c\u0627\u0645\u0639 \u0648 \u0641\u0646\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f CLS<\/span><\/h3>\n<p data-sourcepos=\"69:1-69:76\">\u0628\u0647\u0628\u0648\u062f CLS \u0646\u06cc\u0627\u0632\u0645\u0646\u062f \u0631\u0648\u06cc\u06a9\u0631\u062f\u06cc \u0633\u06cc\u0633\u062a\u0645\u0627\u062a\u06cc\u06a9 \u0648 \u0628\u0631\u0631\u0633\u06cc \u062f\u0642\u06cc\u0642 \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0627\u0633\u062a:<\/p>\n<ol data-sourcepos=\"71:1-101:0\">\n<li data-sourcepos=\"71:1-74:0\">\n<p data-sourcepos=\"71:5-71:72\"><strong>\u0647\u0645\u06cc\u0634\u0647 \u0627\u0628\u0639\u0627\u062f (width \u0648 height) \u0631\u0627 \u0628\u0631\u0627\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648 \u0648\u06cc\u062f\u0626\u0648\u0647\u0627 \u0645\u0634\u062e\u0635 \u06a9\u0646\u06cc\u062f:<\/strong><\/p>\n<ul data-sourcepos=\"72:5-74:0\">\n<li data-sourcepos=\"72:5-72:189\">\u0627\u06cc\u0646 \u0645\u0647\u0645\u062a\u0631\u06cc\u0646 \u0648 \u0645\u0624\u062b\u0631\u062a\u0631\u06cc\u0646 \u0631\u0627\u0647\u06a9\u0627\u0631 \u0627\u0633\u062a. \u0628\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc <code>width<\/code> \u0648 <code>height<\/code> \u0628\u0647 \u062a\u06af\u200c\u0647\u0627\u06cc <code>&lt;img&gt;<\/code> \u0648 <code>&lt;video&gt;<\/code>\u060c \u0645\u0631\u0648\u0631\u06af\u0631 \u0642\u0628\u0644 \u0627\u0632 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0641\u0627\u06cc\u0644 \u0631\u0633\u0627\u0646\u0647\u060c \u0641\u0636\u0627\u06cc \u0644\u0627\u0632\u0645 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0622\u0646 \u0631\u0632\u0631\u0648 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n<li data-sourcepos=\"73:5-74:0\"><strong>\u0646\u06a9\u062a\u0647 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627\u060c \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc <code>srcset<\/code> \u0648 <code>sizes<\/code> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0627\u0645\u0627 \u0647\u0645\u0686\u0646\u0627\u0646 \u0627\u0628\u0639\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0646\u0633\u0628\u062a \u0627\u0628\u0639\u0627\u062f (aspect ratio) \u062d\u0641\u0638 \u06a9\u0646\u06cc\u062f. \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 CSS <code>aspect-ratio<\/code> \u0628\u0631\u0627\u06cc \u062a\u0639\u06cc\u06cc\u0646 \u0646\u0633\u0628\u062a \u0627\u0628\u0639\u0627\u062f \u0628\u0631\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 \u0645\u062e\u062a\u0644\u0641 \u0646\u06cc\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<\/li>\n<li data-sourcepos=\"75:1-79:0\">\n<p data-sourcepos=\"75:5-75:63\"><strong>\u0641\u0636\u0627\u06cc \u0644\u0627\u0632\u0645 \u0631\u0627 \u0628\u0631\u0627\u06cc \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u060c Embed\u0647\u0627 \u0648 iFrames \u0631\u0632\u0631\u0648 \u06a9\u0646\u06cc\u062f:<\/strong><\/p>\n<ul data-sourcepos=\"76:5-79:0\">\n<li data-sourcepos=\"76:5-76:235\"><strong>\u0628\u0631\u0627\u06cc \u062a\u0628\u0644\u06cc\u063a\u0627\u062a:<\/strong> \u0627\u06af\u0631 \u0627\u0632 \u067e\u0644\u062a\u0641\u0631\u0645\u200c\u0647\u0627\u06cc \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc \u062f\u0627\u06cc\u0646\u0627\u0645\u06cc\u06a9 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0641\u0636\u0627\u06cc \u06a9\u0627\u0641\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0628\u0644\u0648\u06a9 \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc (\u062d\u062a\u06cc \u0627\u06af\u0631 \u062a\u0628\u0644\u06cc\u063a \u062e\u0627\u0644\u06cc \u0628\u0627\u0634\u062f) \u0631\u0632\u0631\u0648 \u06a9\u0646\u06cc\u062f. \u0627\u0632 \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc <code>min-height<\/code> \u0648 <code>min-width<\/code> \u0628\u0631\u0627\u06cc \u062a\u0636\u0645\u06cc\u0646 \u062d\u062f\u0627\u0642\u0644 \u0627\u0628\u0639\u0627\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<li data-sourcepos=\"77:5-77:199\"><strong>\u0628\u0631\u0627\u06cc Embed\u0647\u0627 (\u0645\u0627\u0646\u0646\u062f \u06cc\u0648\u062a\u06cc\u0648\u0628\u060c \u062a\u0648\u06cc\u06cc\u062a\u0631\u060c \u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645):<\/strong> \u0627\u0628\u0639\u0627\u062f \u0639\u0646\u0627\u0635\u0631 Embed \u0634\u062f\u0647 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc <code>width<\/code> \u0648 <code>height<\/code> (\u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0645\u06a9\u0627\u0646) \u06cc\u0627 \u0628\u0627 CSS (\u0645\u0627\u0646\u0646\u062f <code>aspect-ratio<\/code> \u0628\u0631\u0627\u06cc \u0648\u06cc\u062f\u0626\u0648\u0647\u0627) \u0645\u0634\u062e\u0635 \u06a9\u0646\u06cc\u062f.<\/li>\n<li data-sourcepos=\"78:5-79:0\"><strong>Fallback Content:<\/strong> \u062f\u0631 \u0635\u0648\u0631\u062a \u0639\u062f\u0645 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0628\u0644\u06cc\u063a \u06cc\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc Embed \u0634\u062f\u0647\u060c \u06cc\u06a9 \u0641\u0636\u0627\u06cc \u062e\u0627\u0644\u06cc (placeholder) \u06cc\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 (fallback content) \u0646\u0645\u0627\u06cc\u0634 \u062f\u0647\u06cc\u062f.<\/li>\n<\/ul>\n<\/li>\n<li data-sourcepos=\"80:1-85:0\">\n<p data-sourcepos=\"80:5-80:75\"><strong>\u0627\u0632 \u062a\u0632\u0631\u06cc\u0642 \u0645\u062d\u062a\u0648\u0627\u06cc \u062f\u06cc\u0646\u0627\u0645\u06cc\u06a9 \u0628\u0627\u0644\u0627\u06cc \u062e\u0637 \u062f\u06cc\u062f (Above-the-Fold) \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f:<\/strong><\/p>\n<ul data-sourcepos=\"81:5-85:0\">\n<li data-sourcepos=\"81:5-81:91\">\u0645\u062d\u062a\u0648\u0627\u06cc\u06cc \u06a9\u0647 \u067e\u0633 \u0627\u0632 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0628\u0627\u0644\u0627\u06cc \u062e\u0637 \u062f\u06cc\u062f \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u06cc\u06a9\u06cc \u0627\u0632 \u0639\u0648\u0627\u0645\u0644 \u0627\u0635\u0644\u06cc CLS \u0627\u0633\u062a.<\/li>\n<li data-sourcepos=\"82:5-82:161\">\u0627\u06af\u0631 \u0628\u0627\u06cc\u062f \u0645\u062d\u062a\u0648\u0627\u06cc \u062f\u06cc\u0646\u0627\u0645\u06cc\u06a9 \u0631\u0627 \u0628\u0627\u0644\u0627\u06cc \u062e\u0637 \u062f\u06cc\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f (\u0645\u0627\u0646\u0646\u062f \u067e\u0627\u067e\u200c\u0622\u067e\u200c\u0647\u0627\u06cc \u06a9\u0648\u06a9\u06cc \u06cc\u0627 \u0646\u0648\u062a\u06cc\u0641\u06cc\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627)\u060c \u0641\u0636\u0627\u06cc \u0644\u0627\u0632\u0645 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0622\u0646\u200c\u0647\u0627 \u0627\u0632 \u0642\u0628\u0644 \u0628\u0627 CSS \u06cc\u0627 JavaScript \u0631\u0632\u0631\u0648 \u06a9\u0646\u06cc\u062f.<\/li>\n<li data-sourcepos=\"83:5-83:98\">\u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0645\u06a9\u0627\u0646\u060c \u0627\u06cc\u0646 \u0646\u0648\u0639 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u062f\u0631 \u067e\u0627\u06cc\u06cc\u0646 \u0635\u0641\u062d\u0647 \u06cc\u0627 \u067e\u0633 \u0627\u0632 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0627\u0645\u0644 \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0635\u0644\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0647\u06cc\u062f.<\/li>\n<li data-sourcepos=\"84:5-85:0\">\u0627\u0632 Transition\u0647\u0627 \u0628\u0631\u0627\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0648\u0631\u0648\u062f\u06cc (Fade-in animations) \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0648\u0631\u0648\u062f \u0639\u0646\u0627\u0635\u0631 \u0646\u0627\u06af\u0647\u0627\u0646\u06cc \u0646\u0628\u0627\u0634\u062f.<\/li>\n<\/ul>\n<\/li>\n<li data-sourcepos=\"86:1-90:0\">\n<p data-sourcepos=\"86:5-86:59\"><strong>\u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc \u0648\u0628 \u0631\u0627 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0648 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f:<\/strong><\/p>\n<ul data-sourcepos=\"87:5-90:0\">\n<li data-sourcepos=\"87:5-87:313\"><strong><code>font-display: swap;<\/code>:<\/strong> \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc CSS \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u062f\u0631 \u062d\u06cc\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0641\u0648\u0646\u062a \u0648\u0628\u060c \u0627\u0632 \u06cc\u06a9 \u0641\u0648\u0646\u062a \u0633\u06cc\u0633\u062a\u0645\u06cc (fallback font) \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0627\u0632 &#8220;Flash of Invisible Text&#8221; (FOIT) \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0645\u062a\u0646 \u0631\u0627 \u062f\u0631 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0645\u0645\u06a9\u0646 \u0642\u0627\u0628\u0644 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u067e\u0633 \u0627\u0632 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0641\u0648\u0646\u062a \u0648\u0628\u060c \u0641\u0648\u0646\u062a \u0633\u06cc\u0633\u062a\u0645\u06cc \u0628\u0627 \u0622\u0646 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n<li data-sourcepos=\"88:5-88:201\"><strong>Preload \u06a9\u0631\u062f\u0646 \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc \u062d\u06cc\u0627\u062a\u06cc:<\/strong> \u0627\u0632 <code>&lt;link rel=\"preload\" as=\"font\" crossorigin&gt;<\/code> \u0628\u0631\u0627\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc \u062d\u06cc\u0627\u062a\u06cc (\u0645\u0627\u0646\u062a \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f\u0647 \u062f\u0631 \u0628\u0627\u0644\u0627\u06cc \u062e\u0637 \u062f\u06cc\u062f) \u062f\u0631 \u0627\u0648\u0627\u06cc\u0644 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<li data-sourcepos=\"89:5-90:0\"><strong>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>size-adjust<\/code>, <code>ascent-override<\/code>, <code>descent-override<\/code>, <code>line-gap-override<\/code> \u062f\u0631 <code>@font-face<\/code>:<\/strong> \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 CSS \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f \u062a\u0627 \u0628\u0627 \u062a\u0646\u0638\u06cc\u0645 \u062f\u0642\u06cc\u0642 \u0627\u0628\u0639\u0627\u062f \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc fallback\u060c \u062a\u0641\u0627\u0648\u062a \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u06cc\u0646 \u0641\u0648\u0646\u062a fallback \u0648 \u0641\u0648\u0646\u062a \u0627\u0635\u0644\u06cc \u0631\u0627 \u0628\u0647 \u062d\u062f\u0627\u0642\u0644 \u0628\u0631\u0633\u0627\u0646\u06cc\u062f \u0648 \u0628\u062f\u06cc\u0646 \u062a\u0631\u062a\u06cc\u0628 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u06cc\u062f.<\/li>\n<\/ul>\n<\/li>\n<li data-sourcepos=\"91:1-94:0\">\n<p data-sourcepos=\"91:5-91:39\"><strong>\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0627 \u062f\u0642\u062a \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f:<\/strong><\/p>\n<ul data-sourcepos=\"92:5-94:0\">\n<li data-sourcepos=\"92:5-92:144\">\u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc CSS \u06a9\u0647 \u0628\u0627\u0639\u062b \u062a\u063a\u06cc\u06cc\u0631 \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f (\u0645\u0627\u0646\u0646\u062f <code>width<\/code>, <code>height<\/code>, <code>top<\/code>, <code>left<\/code>, <code>margin<\/code>, <code>padding<\/code>) \u0628\u0631\u0627\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/li>\n<li data-sourcepos=\"93:5-94:0\">\u0628\u0647 \u062c\u0627\u06cc \u0622\u0646\u200c\u0647\u0627\u060c \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc <code>transform<\/code> (\u0628\u0631\u0627\u06cc \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc <code>translateX()<\/code>, <code>translateY()<\/code>, <code>scale()<\/code>) \u0648 <code>opacity<\/code> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u062a\u0648\u0633\u0637 GPU \u0634\u062a\u0627\u0628\u200c\u062f\u0647\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u0648 \u0628\u0627\u0639\u062b \u0631\u0646\u062f\u0631 \u0645\u062c\u062f\u062f (re-layout) \u0646\u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc \u0627\u06cc\u062c\u0627\u062f \u0646\u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/li>\n<\/ul>\n<\/li>\n<li data-sourcepos=\"95:1-97:0\">\n<p data-sourcepos=\"95:5-95:82\"><strong>\u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc <code>content-visibility<\/code> \u0628\u0631\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 \u0628\u0632\u0631\u06af \u0648 \u062e\u0627\u0631\u062c \u0627\u0632 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/strong><\/p>\n<ul data-sourcepos=\"96:5-97:0\">\n<li data-sourcepos=\"96:5-97:0\">\u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u062c\u062f\u06cc\u062f CSS \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0631\u0646\u062f\u0631\u06cc\u0646\u06af \u0639\u0646\u0627\u0635\u0631 \u062e\u0627\u0631\u062c \u0627\u0632 \u0646\u0645\u0627\u06cc \u062f\u06cc\u062f \u0631\u0627 \u0628\u0647 \u062a\u0639\u0648\u06cc\u0642 \u0628\u06cc\u0646\u062f\u0627\u0632\u062f \u0648 \u0641\u0642\u0637 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0647 \u0622\u0646\u200c\u0647\u0627 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0631\u0646\u062f\u0631 \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u06a9\u0644\u06cc \u0648 CLS \u0645\u0641\u06cc\u062f \u0628\u0627\u0634\u062f\u060c \u0632\u06cc\u0631\u0627 \u0645\u0631\u0648\u0631\u06af\u0631 \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc \u0628\u0631\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 \u0646\u0627\u0645\u0631\u0626\u06cc \u0646\u062f\u0627\u0631\u062f.<\/li>\n<\/ul>\n<\/li>\n<li data-sourcepos=\"98:1-101:0\">\n<p data-sourcepos=\"98:5-98:49\"><strong>\u0628\u0631\u0631\u0633\u06cc \u062f\u0642\u06cc\u0642 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a DOM \u067e\u0633 \u0627\u0632 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631:<\/strong><\/p>\n<ul data-sourcepos=\"99:5-101:0\">\n<li data-sourcepos=\"99:5-99:191\">\u0627\u06af\u0631 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc \u067e\u0633 \u0627\u0632 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 (\u0645\u0627\u0646\u0646\u062f \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u06cc\u06a9 \u062f\u06a9\u0645\u0647 \u0628\u0631\u0627\u06cc \u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u06cc\u06a9 \u0645\u0646\u0648) \u0631\u062e \u0645\u06cc\u200c\u062f\u0647\u062f\u060c \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0627\u06cc\u0646 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u062f\u0631 \u0632\u0645\u0627\u0646 500 \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647 \u067e\u0633 \u0627\u0632 \u0648\u0631\u0648\u062f\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc\u200c\u0627\u0641\u062a\u0646\u062f.<\/li>\n<li data-sourcepos=\"100:5-101:0\">\u0627\u06af\u0631 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u067e\u0633 \u0627\u0632 \u0627\u06cc\u0646 \u0628\u0627\u0632\u0647 \u0632\u0645\u0627\u0646\u06cc \u0631\u062e \u0645\u06cc\u200c\u062f\u0647\u0646\u062f\u060c \u0628\u0627\u06cc\u062f \u0645\u06a9\u0627\u0646\u06cc\u0633\u0645 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06cc\u0627 \u0646\u0645\u0627\u06cc\u0634 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u0637\u0648\u0631\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f \u06a9\u0647 \u0641\u0636\u0627\u06cc \u0644\u0627\u0632\u0645 \u0631\u0627 \u0627\u0632 \u0642\u0628\u0644 \u0631\u0632\u0631\u0648 \u06a9\u0646\u062f \u06cc\u0627 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0631\u0648\u0627\u0646\u200c\u062a\u0631 (\u0645\u062b\u0644\u0627\u064b \u0628\u0627 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc <code>transform<\/code>) \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u062f.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3 data-sourcepos=\"102:1-102:42\"><span id=\"__CLS-2\">\u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0648 \u0627\u0634\u06a9\u0627\u0644\u200c\u0632\u062f\u0627\u06cc\u06cc CLS<\/span><\/h3>\n<p data-sourcepos=\"104:1-104:58\">\u0628\u0631\u0627\u06cc \u062a\u0634\u062e\u06cc\u0635 \u0648 \u0631\u0641\u0639 \u0645\u0634\u06a9\u0644\u0627\u062a CLS\u060c \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<ul data-sourcepos=\"106:1-112:0\">\n<li data-sourcepos=\"106:1-106:138\"><strong>PageSpeed Insights (PSI):<\/strong> \u0627\u0628\u0632\u0627\u0631 \u0631\u0633\u0645\u06cc \u06af\u0648\u06af\u0644 \u06a9\u0647 \u0647\u0645 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0641\u06cc\u0644\u062f (CrUX) \u0648 \u0647\u0645 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634\u06af\u0627\u0647\u06cc (Lighthouse) \u0631\u0627 \u0628\u0631\u0627\u06cc CLS \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/li>\n<li data-sourcepos=\"107:1-109:252\"><strong>Chrome DevTools (Lighthouse &amp; Performance Panel):<\/strong>\n<ul data-sourcepos=\"108:5-109:252\">\n<li data-sourcepos=\"108:5-108:159\"><strong>Lighthouse:<\/strong> \u062f\u0631 \u067e\u0646\u0644 DevTools \u0645\u0631\u0648\u0631\u06af\u0631 \u06a9\u0631\u0648\u0645\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u06af\u0632\u0627\u0631\u0634 Lighthouse \u06a9\u0627\u0645\u0644 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f \u06a9\u0647 CLS \u0631\u0627 \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0631\u062f\u0647 \u0648 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u0627\u062a\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u0622\u0646 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/li>\n<li data-sourcepos=\"109:5-109:252\"><strong>Performance Panel:<\/strong> \u0627\u06cc\u0646 \u067e\u0646\u0644 \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0636\u0628\u0637\u06cc \u0627\u0632 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f \u0648 \u062a\u0645\u0627\u0645 \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\u06cc \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc (Layout Shift) \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u06af\u0631\u0627\u0641\u06cc\u06a9\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0627\u0647 \u0628\u0631\u0627\u06cc \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0639\u0646\u0635\u0631 \u06cc\u0627 \u0631\u0648\u06cc\u062f\u0627\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0627\u0639\u062b \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n<\/ul>\n<\/li>\n<li data-sourcepos=\"110:1-110:253\"><strong>WebPageTest:<\/strong> \u0627\u0628\u0632\u0627\u0631\u06cc \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0628\u0631\u0627\u06cc \u0634\u0628\u06cc\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0627\u0632 \u0645\u06a9\u0627\u0646\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0648 \u0628\u0627 \u0633\u0631\u0639\u062a\u200c\u0647\u0627\u06cc \u0627\u062a\u0635\u0627\u0644 \u0645\u062a\u0641\u0627\u0648\u062a\u060c \u06a9\u0647 \u062c\u0632\u0626\u06cc\u0627\u062a \u062f\u0642\u06cc\u0642 CLS \u0648 \u0633\u0627\u06cc\u0631 \u0645\u062a\u0631\u06cc\u06a9\u200c\u0647\u0627 \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f. \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0648\u06cc\u062f\u0626\u0648\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0631\u0627 \u0646\u06cc\u0632 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0628\u0635\u0631\u06cc \u0631\u062f\u06cc\u0627\u0628\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<li data-sourcepos=\"111:1-112:0\"><strong>Search Console (Core Web Vitals Report):<\/strong> \u06af\u0632\u0627\u0631\u0634 Core Web Vitals \u062f\u0631 \u06af\u0648\u06af\u0644 \u0633\u0631\u0686 \u06a9\u0646\u0633\u0648\u0644\u060c \u0646\u0645\u0627\u06cc \u06a9\u0644\u06cc \u0627\u0632 \u0639\u0645\u0644\u06a9\u0631\u062f CLS \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0648\u0627\u0642\u0639\u06cc (CrUX) \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/li>\n<\/ul>\n<h3 data-sourcepos=\"113:1-113:48\"><span id=\"_CLS-2\">\u0646\u062a\u06cc\u062c\u0647\u200c\u06af\u06cc\u0631\u06cc: CLS\u060c \u0636\u0627\u0645\u0646 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0648 \u0645\u0648\u0641\u0642\u06cc\u062a \u062f\u0631 \u0648\u0628<\/span><\/h3>\n<p data-sourcepos=\"115:1-115:256\">Cumulative Layout Shift \u06cc\u06a9 \u0645\u062a\u0631\u06cc\u06a9 \u062d\u06cc\u0627\u062a\u06cc \u062f\u0631 Core Web Vitals \u0627\u0633\u062a \u06a9\u0647 \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u0633\u0631\u0639\u062a \u0635\u0631\u0641\u060c \u0628\u0647 \u062b\u0628\u0627\u062a \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u062a\u062c\u0631\u0628\u0647 \u0628\u0635\u0631\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u062f. \u0646\u0627\u062f\u06cc\u062f\u0647 \u06af\u0631\u0641\u062a\u0646 CLS \u0646\u0647 \u062a\u0646\u0647\u0627 \u0628\u0647 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0622\u0633\u06cc\u0628 \u0645\u06cc\u200c\u0631\u0633\u0627\u0646\u062f\u060c \u0628\u0644\u06a9\u0647 \u0628\u0647 \u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0631 \u0631\u062a\u0628\u0647\u200c\u0628\u0646\u062f\u06cc \u0633\u0626\u0648\u06cc \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0646\u06cc\u0632 \u062a\u0623\u062b\u06cc\u0631 \u0645\u0646\u0641\u06cc \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u062f.<\/p>\n<p data-sourcepos=\"117:1-117:542\">\u0628\u0627 \u062f\u0631\u06a9 \u0639\u0645\u06cc\u0642 \u0627\u0632 \u0645\u06a9\u0627\u0646\u06cc\u0633\u0645\u200c\u0647\u0627\u06cc \u0628\u0631\u0648\u0632 CLS \u0648 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0641\u0646\u06cc \u0630\u06a9\u0631 \u0634\u062f\u0647 (\u0645\u0627\u0646\u0646\u062f \u062a\u0639\u0631\u06cc\u0641 \u0627\u0628\u0639\u0627\u062f \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648 \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0641\u0648\u0646\u062a\u200c\u0647\u0627 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0642\u06cc\u0642 \u0645\u062d\u062a\u0648\u0627\u06cc \u062f\u06cc\u0646\u0627\u0645\u06cc\u06a9)\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f CLS \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0631\u0627 \u0628\u0647\u06cc\u0646\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u06cc\u06a9 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0631\u0648\u0627\u0646\u060c \u067e\u0627\u06cc\u062f\u0627\u0631 \u0648 \u062f\u0644\u067e\u0630\u06cc\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u062e\u0627\u0637\u0628\u0627\u0646 \u062e\u0648\u062f \u0641\u0631\u0627\u0647\u0645 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0627\u0645\u0631 \u0646\u0647 \u062a\u0646\u0647\u0627 \u0628\u0647 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0631\u0636\u0627\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631 \u0648 \u06a9\u0627\u0647\u0634 \u0646\u0631\u062e \u067e\u0631\u0634 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0628\u0644\u06a9\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u0633\u0626\u0648\u06cc \u0634\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0646\u062a\u0627\u06cc\u062c \u062c\u0633\u062a\u062c\u0648\u06cc \u06af\u0648\u06af\u0644 \u062a\u0642\u0648\u06cc\u062a \u06a9\u0631\u062f\u0647 \u0648 \u0628\u0647 \u0631\u0634\u062f \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0634\u0645\u0627 \u06cc\u0627\u0631\u06cc \u0645\u06cc\u200c\u0631\u0633\u0627\u0646\u062f. \u062f\u0631 \u062f\u0646\u06cc\u0627\u06cc\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0633\u0631\u0639\u062a \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0647\u0633\u062a\u0646\u062f\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc CLS \u062f\u06cc\u06af\u0631 \u06cc\u06a9 \u0627\u0646\u062a\u062e\u0627\u0628 \u0646\u06cc\u0633\u062a\u060c \u0628\u0644\u06a9\u0647 \u06cc\u06a9 \u0636\u0631\u0648\u0631\u062a \u0627\u0633\u062a.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u062f\u0631 \u062a\u062c\u0631\u0628\u0647 \u0648\u0628 \u0645\u062f\u0631\u0646\u060c \u0641\u0642\u0637 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0647\u0645 \u0646\u06cc\u0633\u062a\u061b \u062b\u0628\u0627\u062a \u0628\u0635\u0631\u06cc \u0646\u06cc\u0632 \u0628\u0647 \u0647\u0645\u0627\u0646 \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u062f. &#8220;Cumulative Layout Shift&#8221; \u06cc\u0627 \u0628\u0647 \u0627\u062e\u062a\u0635\u0627\u0631 CLS \u06cc\u06a9\u06cc \u0627\u0632 \u0633\u0647 \u0645\u0639\u06cc\u0627\u0631 \u0627\u0635\u0644\u06cc Core Web Vitals \u06af\u0648\u06af\u0644 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0642\u06cc\u0642\u0627\u064b \u0627\u06cc\u0646 \u062b\u0628\u0627\u062a \u0631\u0627 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f. CLS \u0646\u0634\u0627\u0646\u200c\u062f\u0647\u0646\u062f\u0647 \u0645\u06cc\u0632\u0627\u0646 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0646\u0627\u062e\u0648\u0627\u0633\u062a\u0647 \u0639\u0646\u0627\u0635\u0631 \u0628\u0635\u0631\u06cc \u062f\u0631 \u0635\u0641\u062d\u0647 \u062f\u0631 \u0637\u0648\u0644 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0648 &#8230; <a title=\"Cumulative Layout Shift (CLS)\u0686\u06cc\u0633\u062a \u0648 \u0646\u0642\u0634 \u062d\u06cc\u0627\u062a\u06cc \u0622\u0646 \u062f\u0631 \u0633\u0626\u0648\" class=\"read-more\" href=\"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/\" aria-label=\"More on Cumulative Layout Shift (CLS)\u0686\u06cc\u0633\u062a \u0648 \u0646\u0642\u0634 \u062d\u06cc\u0627\u062a\u06cc \u0622\u0646 \u062f\u0631 \u0633\u0626\u0648\">\u0627\u062f\u0627\u0645\u0647<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-3297","post","type-post","status-publish","format-standard","hentry","category-seo"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cumulative Layout Shift (CLS)\u0686\u06cc\u0633\u062a \u0648 \u0646\u0642\u0634 \u062d\u06cc\u0627\u062a\u06cc \u0622\u0646 \u062f\u0631 \u0633\u0626\u0648 - \u0648\u0628 \u0628\u0631\u062a\u0631<\/title>\n<meta name=\"description\" content=\"\u062f\u0631 \u062a\u062c\u0631\u0628\u0647 \u0648\u0628 \u0645\u062f\u0631\u0646\u060c \u0641\u0642\u0637 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0647\u0645 \u0646\u06cc\u0633\u062a\u061b \u062b\u0628\u0627\u062a \u0628\u0635\u0631\u06cc \u0646\u06cc\u0632 \u0628\u0647 \u0647\u0645\u0627\u0646 \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u062f. &quot;Cumulative Layout Shift&quot; \u06cc\u0627 \u0628\u0647 \u0627\u062e\u062a\u0635\u0627\u0631 CLS \u06cc\u06a9\u06cc \u0627\u0632 \u0633\u0647 \u0645\u0639\u06cc\u0627\u0631 \u0627\u0635\u0644\u06cc Core Web Vitals \u06af\u0648\u06af\u0644 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0642\u06cc\u0642\u0627\u064b \u0627\u06cc\u0646 \u062b\u0628\u0627\u062a \u0631\u0627 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls\u0686\u06cc\u0633\u062a-\u0648-\u0646\u0642\u0634-\u062d\u06cc\u0627\u062a\u06cc-\u0622\u0646-\u062f\u0631-\u0633\u0626\u0648\/\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cumulative Layout Shift (CLS)\u0686\u06cc\u0633\u062a \u0648 \u0646\u0642\u0634 \u062d\u06cc\u0627\u062a\u06cc \u0622\u0646 \u062f\u0631 \u0633\u0626\u0648 - \u0648\u0628 \u0628\u0631\u062a\u0631\" \/>\n<meta property=\"og:description\" content=\"\u062f\u0631 \u062a\u062c\u0631\u0628\u0647 \u0648\u0628 \u0645\u062f\u0631\u0646\u060c \u0641\u0642\u0637 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0647\u0645 \u0646\u06cc\u0633\u062a\u061b \u062b\u0628\u0627\u062a \u0628\u0635\u0631\u06cc \u0646\u06cc\u0632 \u0628\u0647 \u0647\u0645\u0627\u0646 \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u062f. &quot;Cumulative Layout Shift&quot; \u06cc\u0627 \u0628\u0647 \u0627\u062e\u062a\u0635\u0627\u0631 CLS \u06cc\u06a9\u06cc \u0627\u0632 \u0633\u0647 \u0645\u0639\u06cc\u0627\u0631 \u0627\u0635\u0644\u06cc Core Web Vitals \u06af\u0648\u06af\u0644 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0642\u06cc\u0642\u0627\u064b \u0627\u06cc\u0646 \u062b\u0628\u0627\u062a \u0631\u0627 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls\u0686\u06cc\u0633\u062a-\u0648-\u0646\u0642\u0634-\u062d\u06cc\u0627\u062a\u06cc-\u0622\u0646-\u062f\u0631-\u0633\u0626\u0648\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0648\u0628 \u0628\u0631\u062a\u0631\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-05T16:30:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-05T16:31:20+00:00\" \/>\n<meta name=\"author\" content=\"\u0645\u062f\u06cc\u0631 \u0633\u0627\u06cc\u062a\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u0645\u062f\u06cc\u0631 \u0633\u0627\u06cc\u062a\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/\"},\"author\":{\"name\":\"\u0645\u062f\u06cc\u0631 \u0633\u0627\u06cc\u062a\",\"@id\":\"https:\/\/www.web-bartar.com\/blog\/#\/schema\/person\/35371625c930efa89017ded2359698cb\"},\"headline\":\"Cumulative Layout Shift (CLS)\u0686\u06cc\u0633\u062a \u0648 \u0646\u0642\u0634 \u062d\u06cc\u0627\u062a\u06cc \u0622\u0646 \u062f\u0631 \u0633\u0626\u0648\",\"datePublished\":\"2025-06-05T16:30:19+00:00\",\"dateModified\":\"2025-06-05T16:31:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/\"},\"wordCount\":206,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.web-bartar.com\/blog\/#organization\"},\"articleSection\":[\"\u0633\u0626\u0648\"],\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/\",\"url\":\"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/\",\"name\":\"Cumulative Layout Shift (CLS)\u0686\u06cc\u0633\u062a \u0648 \u0646\u0642\u0634 \u062d\u06cc\u0627\u062a\u06cc \u0622\u0646 \u062f\u0631 \u0633\u0626\u0648 - \u0648\u0628 \u0628\u0631\u062a\u0631\",\"isPartOf\":{\"@id\":\"https:\/\/www.web-bartar.com\/blog\/#website\"},\"datePublished\":\"2025-06-05T16:30:19+00:00\",\"dateModified\":\"2025-06-05T16:31:20+00:00\",\"description\":\"\u062f\u0631 \u062a\u062c\u0631\u0628\u0647 \u0648\u0628 \u0645\u062f\u0631\u0646\u060c \u0641\u0642\u0637 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0647\u0645 \u0646\u06cc\u0633\u062a\u061b \u062b\u0628\u0627\u062a \u0628\u0635\u0631\u06cc \u0646\u06cc\u0632 \u0628\u0647 \u0647\u0645\u0627\u0646 \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u062f. \\\"Cumulative Layout Shift\\\" \u06cc\u0627 \u0628\u0647 \u0627\u062e\u062a\u0635\u0627\u0631 CLS \u06cc\u06a9\u06cc \u0627\u0632 \u0633\u0647 \u0645\u0639\u06cc\u0627\u0631 \u0627\u0635\u0644\u06cc Core Web Vitals \u06af\u0648\u06af\u0644 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0642\u06cc\u0642\u0627\u064b \u0627\u06cc\u0646 \u062b\u0628\u0627\u062a \u0631\u0627 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\/\/www.web-bartar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cumulative Layout Shift (CLS)\u0686\u06cc\u0633\u062a \u0648 \u0646\u0642\u0634 \u062d\u06cc\u0627\u062a\u06cc \u0622\u0646 \u062f\u0631 \u0633\u0626\u0648\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.web-bartar.com\/blog\/#website\",\"url\":\"https:\/\/www.web-bartar.com\/blog\/\",\"name\":\"\u0648\u0628 \u0628\u0631\u062a\u0631\",\"description\":\"\u0648\u0628\u0644\u0627\u06af \u0648\u0628 \u0628\u0631\u062a\u0631\",\"publisher\":{\"@id\":\"https:\/\/www.web-bartar.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.web-bartar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.web-bartar.com\/blog\/#organization\",\"name\":\"\u0648\u0628 \u0628\u0631\u062a\u0631\",\"url\":\"https:\/\/www.web-bartar.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/www.web-bartar.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.web-bartar.com\/blog\/wp-content\/uploads\/2021\/01\/logo-web-bartar.png\",\"contentUrl\":\"https:\/\/www.web-bartar.com\/blog\/wp-content\/uploads\/2021\/01\/logo-web-bartar.png\",\"width\":347,\"height\":50,\"caption\":\"\u0648\u0628 \u0628\u0631\u062a\u0631\"},\"image\":{\"@id\":\"https:\/\/www.web-bartar.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/web-bartar\/\",\"https:\/\/www.pinterest.com\/webbartar\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.web-bartar.com\/blog\/#\/schema\/person\/35371625c930efa89017ded2359698cb\",\"name\":\"\u0645\u062f\u06cc\u0631 \u0633\u0627\u06cc\u062a\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/www.web-bartar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/342daa4b26e1dcabd1e080c7559d91442c3eca9c67ffc79171e2483bbb3bf8ad?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/342daa4b26e1dcabd1e080c7559d91442c3eca9c67ffc79171e2483bbb3bf8ad?s=96&d=mm&r=g\",\"caption\":\"\u0645\u062f\u06cc\u0631 \u0633\u0627\u06cc\u062a\"},\"sameAs\":[\"https:\/\/web-bartar.com\/blog\"],\"url\":\"https:\/\/www.web-bartar.com\/blog\/author\/dariush\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cumulative Layout Shift (CLS)\u0686\u06cc\u0633\u062a \u0648 \u0646\u0642\u0634 \u062d\u06cc\u0627\u062a\u06cc \u0622\u0646 \u062f\u0631 \u0633\u0626\u0648 - \u0648\u0628 \u0628\u0631\u062a\u0631","description":"\u062f\u0631 \u062a\u062c\u0631\u0628\u0647 \u0648\u0628 \u0645\u062f\u0631\u0646\u060c \u0641\u0642\u0637 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0647\u0645 \u0646\u06cc\u0633\u062a\u061b \u062b\u0628\u0627\u062a \u0628\u0635\u0631\u06cc \u0646\u06cc\u0632 \u0628\u0647 \u0647\u0645\u0627\u0646 \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u062f. \"Cumulative Layout Shift\" \u06cc\u0627 \u0628\u0647 \u0627\u062e\u062a\u0635\u0627\u0631 CLS \u06cc\u06a9\u06cc \u0627\u0632 \u0633\u0647 \u0645\u0639\u06cc\u0627\u0631 \u0627\u0635\u0644\u06cc Core Web Vitals \u06af\u0648\u06af\u0644 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0642\u06cc\u0642\u0627\u064b \u0627\u06cc\u0646 \u062b\u0628\u0627\u062a \u0631\u0627 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls\u0686\u06cc\u0633\u062a-\u0648-\u0646\u0642\u0634-\u062d\u06cc\u0627\u062a\u06cc-\u0622\u0646-\u062f\u0631-\u0633\u0626\u0648\/","og_locale":"fa_IR","og_type":"article","og_title":"Cumulative Layout Shift (CLS)\u0686\u06cc\u0633\u062a \u0648 \u0646\u0642\u0634 \u062d\u06cc\u0627\u062a\u06cc \u0622\u0646 \u062f\u0631 \u0633\u0626\u0648 - \u0648\u0628 \u0628\u0631\u062a\u0631","og_description":"\u062f\u0631 \u062a\u062c\u0631\u0628\u0647 \u0648\u0628 \u0645\u062f\u0631\u0646\u060c \u0641\u0642\u0637 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0647\u0645 \u0646\u06cc\u0633\u062a\u061b \u062b\u0628\u0627\u062a \u0628\u0635\u0631\u06cc \u0646\u06cc\u0632 \u0628\u0647 \u0647\u0645\u0627\u0646 \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u062f. \"Cumulative Layout Shift\" \u06cc\u0627 \u0628\u0647 \u0627\u062e\u062a\u0635\u0627\u0631 CLS \u06cc\u06a9\u06cc \u0627\u0632 \u0633\u0647 \u0645\u0639\u06cc\u0627\u0631 \u0627\u0635\u0644\u06cc Core Web Vitals \u06af\u0648\u06af\u0644 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0642\u06cc\u0642\u0627\u064b \u0627\u06cc\u0646 \u062b\u0628\u0627\u062a \u0631\u0627 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.","og_url":"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls\u0686\u06cc\u0633\u062a-\u0648-\u0646\u0642\u0634-\u062d\u06cc\u0627\u062a\u06cc-\u0622\u0646-\u062f\u0631-\u0633\u0626\u0648\/","og_site_name":"\u0648\u0628 \u0628\u0631\u062a\u0631","article_published_time":"2025-06-05T16:30:19+00:00","article_modified_time":"2025-06-05T16:31:20+00:00","author":"\u0645\u062f\u06cc\u0631 \u0633\u0627\u06cc\u062a","twitter_card":"summary_large_image","twitter_misc":{"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a":"\u0645\u062f\u06cc\u0631 \u0633\u0627\u06cc\u062a","\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646":"12 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/#article","isPartOf":{"@id":"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/"},"author":{"name":"\u0645\u062f\u06cc\u0631 \u0633\u0627\u06cc\u062a","@id":"https:\/\/www.web-bartar.com\/blog\/#\/schema\/person\/35371625c930efa89017ded2359698cb"},"headline":"Cumulative Layout Shift (CLS)\u0686\u06cc\u0633\u062a \u0648 \u0646\u0642\u0634 \u062d\u06cc\u0627\u062a\u06cc \u0622\u0646 \u062f\u0631 \u0633\u0626\u0648","datePublished":"2025-06-05T16:30:19+00:00","dateModified":"2025-06-05T16:31:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/"},"wordCount":206,"commentCount":0,"publisher":{"@id":"https:\/\/www.web-bartar.com\/blog\/#organization"},"articleSection":["\u0633\u0626\u0648"],"inLanguage":"fa-IR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/","url":"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/","name":"Cumulative Layout Shift (CLS)\u0686\u06cc\u0633\u062a \u0648 \u0646\u0642\u0634 \u062d\u06cc\u0627\u062a\u06cc \u0622\u0646 \u062f\u0631 \u0633\u0626\u0648 - \u0648\u0628 \u0628\u0631\u062a\u0631","isPartOf":{"@id":"https:\/\/www.web-bartar.com\/blog\/#website"},"datePublished":"2025-06-05T16:30:19+00:00","dateModified":"2025-06-05T16:31:20+00:00","description":"\u062f\u0631 \u062a\u062c\u0631\u0628\u0647 \u0648\u0628 \u0645\u062f\u0631\u0646\u060c \u0641\u0642\u0637 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0647\u0645 \u0646\u06cc\u0633\u062a\u061b \u062b\u0628\u0627\u062a \u0628\u0635\u0631\u06cc \u0646\u06cc\u0632 \u0628\u0647 \u0647\u0645\u0627\u0646 \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u062f. \"Cumulative Layout Shift\" \u06cc\u0627 \u0628\u0647 \u0627\u062e\u062a\u0635\u0627\u0631 CLS \u06cc\u06a9\u06cc \u0627\u0632 \u0633\u0647 \u0645\u0639\u06cc\u0627\u0631 \u0627\u0635\u0644\u06cc Core Web Vitals \u06af\u0648\u06af\u0644 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0642\u06cc\u0642\u0627\u064b \u0627\u06cc\u0646 \u062b\u0628\u0627\u062a \u0631\u0627 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.","breadcrumb":{"@id":"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.web-bartar.com\/blog\/cumulative-layout-shift-cls%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%86%d9%82%d8%b4-%d8%ad%db%8c%d8%a7%d8%aa%db%8c-%d8%a2%d9%86-%d8%af%d8%b1-%d8%b3%d8%a6%d9%88\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/www.web-bartar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Cumulative Layout Shift (CLS)\u0686\u06cc\u0633\u062a \u0648 \u0646\u0642\u0634 \u062d\u06cc\u0627\u062a\u06cc \u0622\u0646 \u062f\u0631 \u0633\u0626\u0648"}]},{"@type":"WebSite","@id":"https:\/\/www.web-bartar.com\/blog\/#website","url":"https:\/\/www.web-bartar.com\/blog\/","name":"\u0648\u0628 \u0628\u0631\u062a\u0631","description":"\u0648\u0628\u0644\u0627\u06af \u0648\u0628 \u0628\u0631\u062a\u0631","publisher":{"@id":"https:\/\/www.web-bartar.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.web-bartar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"},{"@type":"Organization","@id":"https:\/\/www.web-bartar.com\/blog\/#organization","name":"\u0648\u0628 \u0628\u0631\u062a\u0631","url":"https:\/\/www.web-bartar.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/www.web-bartar.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.web-bartar.com\/blog\/wp-content\/uploads\/2021\/01\/logo-web-bartar.png","contentUrl":"https:\/\/www.web-bartar.com\/blog\/wp-content\/uploads\/2021\/01\/logo-web-bartar.png","width":347,"height":50,"caption":"\u0648\u0628 \u0628\u0631\u062a\u0631"},"image":{"@id":"https:\/\/www.web-bartar.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/web-bartar\/","https:\/\/www.pinterest.com\/webbartar"]},{"@type":"Person","@id":"https:\/\/www.web-bartar.com\/blog\/#\/schema\/person\/35371625c930efa89017ded2359698cb","name":"\u0645\u062f\u06cc\u0631 \u0633\u0627\u06cc\u062a","image":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/www.web-bartar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/342daa4b26e1dcabd1e080c7559d91442c3eca9c67ffc79171e2483bbb3bf8ad?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/342daa4b26e1dcabd1e080c7559d91442c3eca9c67ffc79171e2483bbb3bf8ad?s=96&d=mm&r=g","caption":"\u0645\u062f\u06cc\u0631 \u0633\u0627\u06cc\u062a"},"sameAs":["https:\/\/web-bartar.com\/blog"],"url":"https:\/\/www.web-bartar.com\/blog\/author\/dariush\/"}]}},"_links":{"self":[{"href":"https:\/\/www.web-bartar.com\/blog\/wp-json\/wp\/v2\/posts\/3297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.web-bartar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.web-bartar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.web-bartar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.web-bartar.com\/blog\/wp-json\/wp\/v2\/comments?post=3297"}],"version-history":[{"count":0,"href":"https:\/\/www.web-bartar.com\/blog\/wp-json\/wp\/v2\/posts\/3297\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.web-bartar.com\/blog\/wp-json\/wp\/v2\/media?parent=3297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.web-bartar.com\/blog\/wp-json\/wp\/v2\/categories?post=3297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.web-bartar.com\/blog\/wp-json\/wp\/v2\/tags?post=3297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}