{"id":9636,"date":"2023-05-31T14:42:00","date_gmt":"2023-05-31T11:12:00","guid":{"rendered":"https:\/\/hostida.com\/blog\/?p=9636"},"modified":"2024-12-17T17:48:04","modified_gmt":"2024-12-17T14:18:04","slug":"cls","status":"publish","type":"post","link":"https:\/\/hostida.com\/blog\/cls\/","title":{"rendered":"(Cumulative Layout Shift (CLS \u0686\u06cc\u0633\u062a + \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f"},"content":{"rendered":"<p>CLS \u06cc\u0627 Cumulative Layout Shift \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0647\u0631\u06af\u0648\u0646\u0647 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06a9\u0627\u0646 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u0628 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627\u0639\u062b \u0628\u0631\u0648\u0632 \u062e\u0637\u0627\u0647\u0627 \u0648 \u0645\u0634\u06a9\u0644\u0627\u062a\u06cc \u062f\u0631 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0634\u0648\u062f.<\/p>\n<p>\u0645\u062b\u0644\u0627 \u0648\u0642\u062a\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u062f\u0631 \u062d\u0627\u0644 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0637\u0644\u0628\u06cc \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a \u0648 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0646\u0627\u06af\u0647\u0627\u0646\u06cc \u062c\u0627\u0628\u062c\u0627 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0647 \u0637\u0648\u0631 \u0646\u0627\u06af\u0647\u0627\u0646\u06cc \u0635\u0641\u062d\u0647 \u0631\u0627 \u0628\u0628\u0646\u062f\u062f \u0648 \u0627\u0632 \u0633\u0627\u06cc\u062a \u062e\u0627\u0631\u062c \u0634\u0648\u062f.<\/p>\n<p>\u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644\u00a0\u0628\u0627\u06cc\u062f \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u0628\u0647 \u06af\u0648\u0646\u0647\u200c\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0634\u0648\u0646\u062f \u06a9\u0647 \u0633\u0627\u06cc\u0632 \u0648 \u0645\u0648\u0642\u0639\u06cc\u062a\u0634\u0627\u0646 \u0628\u0631\u0627\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u06a9\u0646\u062f.<\/p>\n<aside class=\"link-preview\"><fieldset><legend>\u0628\u06cc\u0634\u062a\u0631 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f<\/legend><a target=\"_blank\" href=\"https:\/\/hostida.com\/blog\/learn-how-to-change-the-appearance-of-the-adobe-connect-login-page\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2022\/04\/adobe-connect-Personalization.png\" alt=\"\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\" width=\"100\"\/><p>\u0622\u0645\u0648\u0632\u0634 \u062a\u0635\u0648\u06cc\u0631\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0638\u0627\u0647\u0631 \u0635\u0641\u062d\u0647 \u0648\u0631\u0648\u062f \u0627\u062f\u0648\u0628\u06cc \u06a9\u0627\u0646\u06a9\u062a - \u0647\u0627\u0633\u062a\u06cc\u062f\u0627<\/p><p><span><\/span><\/p><\/a><\/fieldset><\/aside>\n<h2>\u0627\u0645\u062a\u06cc\u0627\u0632 CLS \u0686\u06cc\u0633\u062a\u061f<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-9641\" src=\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/digiligo-blog-1.jpg\" alt=\"\" width=\"770\" height=\"443\" srcset=\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/digiligo-blog-1.jpg 770w, https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/digiligo-blog-1-300x173.jpg 300w, https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/digiligo-blog-1-768x442.jpg 768w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/p>\n<p>\u0627\u0645\u062a\u06cc\u0627\u0632 CLS \u06cc\u0627 Cumulative Layout Shift Score\u060c \u0645\u06cc\u0632\u0627\u0646 \u0642\u0627\u0628\u0644 \u0642\u0628\u0648\u0644 \u06cc\u0627 \u0646\u0627\u0645\u0637\u0644\u0648\u0628 \u0628\u0648\u062f\u0646 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0645\u0648\u0642\u0639\u06cc\u062a \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u062f\u0631 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f. \u0628\u0631\u0627\u06cc \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0627\u06cc\u0646 \u0627\u0645\u062a\u06cc\u0627\u0632 \u0627\u0632 \u0641\u0631\u0645\u0648\u0644 \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f:<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">[box type=&#8221;shadow&#8221; align=&#8221;aligncenter&#8221; class=&#8221;&#8221; width=&#8221;&#8221;]CLS score = \u03a3 impact fraction * distance fraction[\/box]<\/p>\n<p>&nbsp;<\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0641\u0631\u0645\u0648\u0644\u060c \u0645\u0642\u062f\u0627\u0631 impact fraction \u0646\u0634\u0627\u0646 \u062f\u0647\u0646\u062f\u0647 \u0645\u06cc\u0632\u0627\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u062f\u0631 \u0647\u0631 \u0644\u062d\u0638\u0647 \u0648 distance fraction \u0646\u06cc\u0632 \u0645\u06cc\u0632\u0627\u0646 \u0641\u0627\u0635\u0644\u0647\u200c\u0627\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u0644\u0645\u0627\u0646 \u062f\u0631 \u0647\u0631 \u0644\u062d\u0638\u0647 \u062d\u0631\u06a9\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p>\u0628\u0627 \u062c\u0645\u0639 \u0622\u0648\u0631\u06cc \u0627\u06cc\u0646 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645\u06cc \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0645\u062a\u06cc\u0627\u0632 CLS \u0631\u0627 \u0645\u062d\u0627\u0633\u0628\u0647 \u06a9\u0631\u062f.<\/p>\n<p>\u0628\u0647\u062a\u0631\u06cc\u0646 \u062d\u0627\u0644\u062a \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0627\u0645\u062a\u06cc\u0627\u0632 \u0635\u0641\u0631 \u0627\u0633\u062a \u06a9\u0647 \u0646\u0634\u0627\u0646 \u062f\u0647\u0646\u062f\u0647 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a.<\/p>\n<h2>\u0636\u0631\u06cc\u0628 \u062a\u0627\u062b\u06cc\u0631 (impact fraction) \u062f\u0631 CLS<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-9644\" src=\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/onely_hi_cls_pop.jpg\" alt=\"\" width=\"1301\" height=\"732\" srcset=\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/onely_hi_cls_pop.jpg 1600w, https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/onely_hi_cls_pop-300x169.jpg 300w, https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/onely_hi_cls_pop-1024x576.jpg 1024w, https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/onely_hi_cls_pop-768x432.jpg 768w, https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/onely_hi_cls_pop-1536x864.jpg 1536w, https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/onely_hi_cls_pop-390x220.jpg 390w\" sizes=\"auto, (max-width: 1301px) 100vw, 1301px\" \/><\/p>\n<p>\u0636\u0631\u06cc\u0628 \u062a\u0623\u062b\u06cc\u0631 \u06cc\u0627 Impact Fraction \u062f\u0631 CLS\u060c \u062c\u0632\u0626\u06cc \u0627\u0632 \u0641\u0631\u0645\u0648\u0644 \u0645\u062d\u0627\u0633\u0628\u0647 \u0627\u0645\u062a\u06cc\u0627\u0632 CLS \u0627\u0633\u062a \u06a9\u0647 \u0646\u0634\u0627\u0646 \u062f\u0647\u0646\u062f\u0647 \u0645\u06cc\u0632\u0627\u0646 \u062a\u0627\u062b\u06cc\u0631 \u0627\u0644\u0645\u0627\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0645\u0648\u0642\u0639\u06cc\u062a \u062f\u0631 \u0635\u0641\u062d\u0647 \u062f\u062e\u06cc\u0644 \u0627\u0633\u062a.<\/p>\n<p>\u06a9\u0627\u0646\u0648\u0646 \u062a\u0642\u0633\u06cc\u0645 \u0627\u06cc\u0646 \u0634\u0645\u0627\u0631\u0646\u062f\u0647\u060c \u0645\u062c\u0645\u0648\u0639 \u0637\u0648\u0644 \u0648 \u0639\u0631\u0636 \u0627\u0644\u0645\u0627\u0646 \u0627\u0633\u062a. \u0628\u0647 \u0639\u0628\u0627\u0631\u062a \u062f\u06cc\u06af\u0631\u060c \u0636\u0631\u06cc\u0628 \u062a\u0623\u062b\u06cc\u0631 \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0627\u0644\u0645\u0627\u0646 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0628\u0627\u0639\u062b \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u062f\u0631 \u0635\u0641\u062d\u0647 \u0645\u06cc \u0634\u0648\u062f\u060c \u0686\u0647 \u0645\u06cc\u0632\u0627\u0646 \u0646\u0642\u0635\u0627\u0646 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u062f\u0627\u0631\u062f.<\/p>\n<p>\u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0627\u0647\u0645\u06cc\u062a \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u060c \u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0636\u0631\u06cc\u0628 \u062a\u0623\u062b\u06cc\u0631 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0631\u0648\u06cc \u0635\u0641\u062d\u0647 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0627\u062f\u0647 \u0648 \u0628\u0631 \u0637\u0631\u0627\u062d\u06cc \u062e\u0648\u062f \u062a\u0645\u0631\u06a9\u0632 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0628\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0627 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0634\u0645\u0627 \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f.<\/p>\n<h2>\u0636\u0631\u06cc\u0628 \u0641\u0627\u0635\u0644\u0647 (distance fraction)<\/h2>\n<p>\u0636\u0631\u06cc\u0628 \u0641\u0627\u0635\u0644\u0647 \u06cc\u0627 Distance Fraction \u062f\u0631 \u0645\u062d\u0627\u0633\u0628\u0647 \u0627\u0645\u062a\u06cc\u0627\u0632 CLS\u060c \u0646\u0634\u0627\u0646 \u062f\u0647\u0646\u062f\u0647 \u0641\u0627\u0635\u0644\u0647\u200c\u0627\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u0644\u0645\u0627\u0646 \u062f\u0631 \u0647\u0631 \u0644\u062d\u0638\u0647 \u062d\u0631\u06a9\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0628\u0637\u0648\u0631 \u06a9\u0644\u06cc\u060c \u0627\u06cc\u0646 \u0636\u0631\u06cc\u0628\u060c \u0646\u0633\u0628\u062a \u0645\u0642\u0637\u0639 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u0627\u0644\u0645\u0627\u0646 \u062f\u0631 \u06cc\u06a9 \u0686\u0627\u0631\u0686\u0648\u0628 \u0632\u0645\u0627\u0646\u06cc \u0645\u0634\u062e\u0635 \u0628\u0647 \u0645\u062c\u0645\u0648\u0639 \u0637\u0648\u0644 \u0648 \u0639\u0631\u0636 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0627\u0633\u062a.<\/p>\n<p>\u0628\u0647 \u0639\u0628\u0627\u0631\u062a \u062f\u06cc\u06af\u0631\u060c \u0636\u0631\u06cc\u0628 \u0641\u0627\u0635\u0644\u0647 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0627\u0644\u0645\u0627\u0646 \u062f\u0631 \u0647\u0631 \u0644\u062d\u0638\u0647\u060c \u0628\u0647 \u0686\u0647 \u0645\u06cc\u0632\u0627\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u062a\u0635\u0627\u062f\u0641\u06cc \u0628\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u0635\u0641\u062d\u0647\u200c\u0634 \u0645\u0648\u0627\u062c\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<p>\u0628\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0627\u06cc\u0646 \u0639\u062f\u062f\u060c \u0645\u06cc\u0632\u0627\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u0646\u0633\u0628\u062a \u0628\u0647 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0628\u06cc\u0634\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0628\u0647\u0628\u0648\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n<p>\u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u0636\u0631\u06cc\u0628 \u0641\u0627\u0635\u0644\u0647 \u062f\u0631 \u0635\u0641\u062d\u0627\u062a \u0648\u0628\u060c \u0644\u0627\u0632\u0645 \u0627\u0633\u062a \u062a\u0627 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647 \u0628\u0647 \u06af\u0648\u0646\u0647\u200c\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0634\u0648\u0646\u062f \u06a9\u0647 \u0628\u06cc\u0634\u062a\u0631\u06cc\u0646 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0631\u0627 \u0628\u0627 \u0637\u0631\u062d \u06a9\u0644\u06cc \u0635\u0641\u062d\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f \u0648 \u062a\u0627 \u062d\u062f \u0627\u0645\u06a9\u0627\u0646 \u062f\u0631 \u06cc\u06a9 \u0645\u0648\u0642\u0639\u06cc\u062a \u062b\u0627\u0628\u062a \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0647 \u0634\u0648\u0646\u062f.<\/p>\n<p><strong><aside class=\"link-preview\"><fieldset><legend>\u0628\u06cc\u0634\u062a\u0631 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f<\/legend><a target=\"_blank\" href=\"https:\/\/hostida.com\/blog\/how-transfer-ssl-from-another-server\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/01\/gvdfgvdvg.jpg\" alt=\"\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\" width=\"100\"\/><p>\u0646\u062d\u0648\u0647 \u0627\u0646\u062a\u0642\u0627\u0644 \u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 SSL \u0628\u0647 \u0633\u0631\u0648\u0631 \u062c\u062f\u06cc\u062f - \u0647\u0627\u0633\u062a\u06cc\u062f\u0627<\/p><p><span><\/span><\/p><\/a><\/fieldset><\/aside><\/strong><\/p>\n<h2>\u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc CLS \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h2>\n<p>CLS\u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0639\u06cc\u0627\u0631\u0647\u0627\u06cc Core Web Vitals \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0628\u0647\u0628\u0648\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0631\u0627\u06cc \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc CLS \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0645\u06cc \u062a\u0648\u0627\u0646 \u0627\u0632 \u00a0Performance API \u00a0\u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u0632 \u0622\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/p>\n<p>\u0627\u06cc\u0646 API \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u0627\u0632 \u062c\u0645\u0644\u0647 \u0648\u0642\u0627\u06cc\u0639 \u062d\u06cc\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647\u200c\u0647\u0627 \u0648 \u0633\u0627\u06cc\u0631 \u0645\u0639\u06cc\u0627\u0631\u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0635\u0641\u062d\u0647 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p>\u0628\u0647 \u062f\u0644\u06cc\u0644 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0632\u0645\u0627\u0646 \u0628\u0646\u062f\u06cc \u062f\u0642\u06cc\u0642 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647\u060c \u0628\u0631\u0627\u06cc \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc CLS \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0627\u0628\u0639 Performance Observer \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f. \u0627\u06cc\u0646 \u062a\u0627\u0628\u0639 \u0628\u0631\u0627\u06cc \u0631\u0635\u062f \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u062f\u0631 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u0634\u062e\u0635 \u062f\u0631 \u0641\u0631\u0627\u06cc\u0646\u062f \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0635\u0641\u062d\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0631\u0627\u06cc \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc CLS \u0628\u0627\u06cc\u062f \u0645\u062c\u0645\u0648\u0639 impact fraction \u0648 distance fraction \u00a0\u0631\u0627 \u067e\u06cc\u0645\u0627\u06cc\u0634 \u06a9\u0631\u062f\u0647 \u0648 \u0645\u0642\u062f\u0627\u0631 \u0622\u0646 \u0631\u0627 \u0645\u062d\u0627\u0633\u0628\u0647 \u06a9\u0631\u062f.<\/p>\n<p>\u062f\u0631 \u06a9\u0644\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Performance API \u0648 \u062a\u0627\u0628\u0639 Performance Observer \u0628\u0627\u0639\u062b \u0628\u0647\u0628\u0648\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0646\u0627\u0648\u0631\u06cc \u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0628\u0647\u0628\u0648\u062f \u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u06a9\u0645\u06a9 \u06a9\u0646\u062f.<\/p>\n<p>\u0628\u0631\u0627\u06cc \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc CLS \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c 2 \u0631\u0648\u0634 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f:<\/p>\n<ul>\n<li>\u0627\u0632 Performance API \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f: \u0628\u0631\u0627\u06cc \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc CLS \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Performance API\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc target.boundingClientRect \u0648 event.previuosTarge.boundingClientRect \u00a0\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u0631\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u0645\u06a9\u0627\u0646 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0628\u0631\u0627\u06cc \u0645\u062d\u0627\u0633\u0628\u0647 impact fraction \u0648 distance fraction\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0631\u0645\u0648\u0644 \u0632\u06cc\u0631 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0645\u062d\u0627\u0633\u0628\u0647 \u06a9\u0646\u06cc\u062f:<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<pre><code class=\"hljs language-javascript\"><span class=\"hljs-keyword\">const<\/span> <span class=\"hljs-title function_\">calcCLS<\/span> = () =&gt; {\r\n  <span class=\"hljs-keyword\">const<\/span> observer = <span class=\"hljs-keyword\">new<\/span> <span class=\"hljs-title class_\">PerformanceObserver<\/span>(<span class=\"hljs-function\">(<span class=\"hljs-params\">list<\/span>) =&gt;<\/span> {\r\n      <span class=\"hljs-keyword\">const<\/span> entries = list.<span class=\"hljs-title function_\">getEntries<\/span>();\r\n      entries.<span class=\"hljs-title function_\">forEach<\/span>(<span class=\"hljs-function\">(<span class=\"hljs-params\">entry<\/span>) =&gt;<\/span> {\r\n          <span class=\"hljs-keyword\">if<\/span> (entry.<span class=\"hljs-property\">hadRecentInput<\/span>) {\r\n              <span class=\"hljs-keyword\">return<\/span>;\r\n          }\r\n          <span class=\"hljs-keyword\">const<\/span> cls = entry.<span class=\"hljs-property\">value<\/span>.<span class=\"hljs-title function_\">toFixed<\/span>(<span class=\"hljs-number\">4<\/span>);\r\n          <span class=\"hljs-variable language_\">console<\/span>.<span class=\"hljs-title function_\">log<\/span>(<span class=\"hljs-string\">`CLS value is: <span class=\"hljs-subst\">${cls}<\/span>`<\/span>);\r\n      });\r\n  });\r\n  observer.<span class=\"hljs-title function_\">observe<\/span>({ <span class=\"hljs-attr\">type<\/span>: <span class=\"hljs-string\">'layout-shift'<\/span>, <span class=\"hljs-attr\">buffered<\/span>: <span class=\"hljs-literal\">true<\/span> });\r\n};\r\n\r\n<span class=\"hljs-comment\">\/\/ \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645<\/span>\r\n<span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">onload<\/span> = calcCLS;<\/code><\/pre>\n<ul>\n<li>\u0627\u0632 Lighthouse \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f: Lighthouse \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u0645\u0639\u06cc\u0627\u0631\u0647\u0627\u06cc Core Web Vitals \u0631\u0627 \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0646\u06cc\u062f.\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0686\u0647 \u0645\u06cc\u0632\u0627\u0646\u06cc CLS \u062f\u0631 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0634\u0645\u0627 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u0648 \u0686\u06af\u0648\u0646\u0647 \u0622\u0646 \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u06cc\u062f.\u00a0\u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Lighthouse\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0628\u062e\u0634 Audits \u062f\u0631 \u0628\u062e\u0634 Developer Tools \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f Google Chrome\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<h2>\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0628\u0647\u0628\u0648\u062f CLS<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-9645\" src=\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/6315ebdc267b7d0aeed069e0_Blog-Cumulative-Layout-Shift-Image1-1014x667px.png\" alt=\"\" width=\"1014\" height=\"667\" srcset=\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/6315ebdc267b7d0aeed069e0_Blog-Cumulative-Layout-Shift-Image1-1014x667px.png 1014w, https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/6315ebdc267b7d0aeed069e0_Blog-Cumulative-Layout-Shift-Image1-1014x667px-300x197.png 300w, https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/6315ebdc267b7d0aeed069e0_Blog-Cumulative-Layout-Shift-Image1-1014x667px-768x505.png 768w\" sizes=\"auto, (max-width: 1014px) 100vw, 1014px\" \/><\/p>\n<p>CLS \u00a0\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0639\u06cc\u0627\u0631\u0647\u0627\u06cc Core Web Vitals \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u062f\u0631 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a. \u062f\u0631 \u0632\u06cc\u0631 \u0686\u0646\u062f \u0631\u0627\u0647\u06a9\u0627\u0631 \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f CLS \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<p>\u06f1. \u00a0\u0627\u062c\u062a\u0646\u0627\u0628 \u0627\u0632 \u0627\u06cc\u062c\u0627\u062f \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0646\u0627\u06af\u0647\u0627\u0646\u06cc \u062f\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627: \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc\u06cc \u0631\u0627 \u06a9\u0647 \u0628\u0639\u062f \u0627\u0632 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u062d\u0631\u06a9\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c \u062d\u062a\u06cc \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u0647\u0645 \u06a9\u0647 \u0627\u06cc\u0646 \u062d\u0631\u06a9\u062a \u0628\u0647 \u0646\u062d\u0648\u06cc \u0627\u0631\u062a\u0628\u0627\u0637 \u062f\u0627\u0631\u062f\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644\u060c \u0627\u06af\u0631 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648\u06cc\u062f\u0626\u0648\u06cc\u06cc \u0631\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u062e\u0648\u062f \u062f\u0627\u0631\u06cc\u062f\u060c \u0627\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u062e\u0641\u06cc \u0634\u062f\u0646 \u0648 \u0638\u0627\u0647\u0631 \u0634\u062f\u0646 \u0646\u0627\u06af\u0647\u0627\u0646\u06cc \u0627\u06cc\u0646 \u062a\u0635\u0627\u0648\u06cc\u0631 \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u06f2. \u00a0\u0644\u0648\u062f \u06a9\u0631\u062f\u0646 \u0639\u06a9\u0633\u200c\u0647\u0627 \u0628\u0627 \u0627\u0646\u062f\u0627\u0632\u0647 \u0635\u0641\u062d\u0647 \u0645\u0634\u062e\u0635 \u0634\u062f\u0647 \u0627\u0632 \u0642\u0628\u0644: \u0627\u06af\u0631 \u0628\u062e\u0648\u0627\u0647\u06cc\u062f \u062a\u0635\u0627\u0648\u06cc\u0631\u06cc \u0631\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u062a\u0635\u0627\u0648\u06cc\u0631\u06cc \u0631\u0627 \u0628\u0627 \u0627\u0646\u062f\u0627\u0632\u0647 \u0645\u0634\u062e\u0635 \u0634\u062f\u0647 \u062f\u0631 HTML \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u06a9\u0627\u0647\u0634 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0646\u0627\u06af\u0647\u0627\u0646\u06cc \u0648 \u0627\u06cc\u062c\u0627\u062f \u0627\u0645\u062a\u06cc\u0627\u0632 CLS \u0645\u0646\u0627\u0633\u0628 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u06a9\u0646\u062f.<\/p>\n<p>\u06f3. \u00a0\u062a\u0623\u062e\u06cc\u0631 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062f\u0627\u06cc\u0646\u0627\u0645\u06cc\u06a9: \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a\u06cc \u06a9\u0647 \u0628\u0627\u0639\u062b \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u062f \u06cc\u06a9 \u0627\u0644\u0645\u0627\u0646 \u062c\u062f\u06cc\u062f \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a.<\/p>\n<p>\u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0632\u0645\u0627\u0646 \u0644\u0648\u062f \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u062f\u0627\u06cc\u0646\u0627\u0645\u06cc\u06a9\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0631\u0648\u0646\u062f \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u0648 \u0633\u0631\u0639\u062a \u0634\u0628\u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u0641\u06cc\u062f \u0628\u0627\u0634\u062f.<\/p>\n<p>\u06f4. \u00a0\u0627\u0632 CSS \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0639\u0627\u0645\u0644 integration \u0635\u0641\u062d\u0627\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f: \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 CSS \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u067e\u0627\u0631\u0686\u0647 \u06a9\u0646\u0646\u062f\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0648\u0636\u0648\u062d \u0628\u0647 \u06a9\u0627\u0647\u0634 \u062a\u0639\u062f\u0627\u062f \u0645\u0634\u06a9\u0644\u0627\u062a\u200c\u0647\u0627\u06cc \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u06a9\u0645\u06a9 \u06a9\u0646\u062f. \u0647\u0631 \u0686\u0647 \u062d\u062c\u0645 CSS \u06a9\u0645\u062a\u0631 \u0628\u0627\u0634\u062f\u060c \u0627\u062d\u062a\u0645\u0627\u0644 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u06a9\u0645\u200c\u062a\u0631 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n<ol start=\"5\">\n<li>5. \u062a\u0639\u06cc\u06cc\u0646 \u0627\u0646\u062f\u0627\u0632\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u062a\u0635\u0648\u06cc\u0631: \u062a\u0635\u0627\u0648\u06cc\u0631\u06cc \u06a9\u0647 \u0628\u0627 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u063a\u06cc\u0631 \u0645\u0639\u0645\u0648\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u0648 \u06cc\u06a9\u06cc \u0627\u0632 \u0639\u0644\u0644 \u062a\u0627\u062b\u06cc\u0631\u06af\u0630\u0627\u0631 \u062f\u0631 CLS \u0627\u0633\u062a.<\/li>\n<\/ol>\n<p>\u062f\u0631 \u06a9\u0644\u060c \u0628\u0647 \u0645\u0646\u0638\u0648\u0631 \u0628\u0647\u0628\u0648\u062f \u0627\u0645\u062a\u06cc\u0627\u0632 CLS \u0635\u0641\u062d\u0627\u062a \u0648\u0628\u060c \u0644\u0627\u0632\u0645 \u0627\u0633\u062a \u0628\u0647 \u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0647 \u0635\u0648\u0631\u062a \u062c\u062f\u06cc \u067e\u0631\u062f\u0627\u062e\u062a\u0647 \u0634\u0648\u062f.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CLS \u06cc\u0627 Cumulative Layout Shift \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0647\u0631\u06af\u0648\u0646\u0647 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06a9\u0627\u0646 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u0628 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627\u0639\u062b \u0628\u0631\u0648\u0632 \u062e\u0637\u0627\u0647\u0627 \u0648 \u0645\u0634\u06a9\u0644\u0627\u062a\u06cc \u062f\u0631 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0634\u0648\u062f. \u0645\u062b\u0644\u0627 \u0648\u0642\u062a\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u062f\u0631 \u062d\u0627\u0644 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0637\u0644\u0628\u06cc \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a \u0648 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0646\u0627\u06af\u0647\u0627\u0646\u06cc \u062c\u0627\u0628\u062c\u0627 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0647 \u0637\u0648\u0631 \u0646\u0627\u06af\u0647\u0627\u0646\u06cc \u0635\u0641\u062d\u0647 [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":9642,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[204,190],"tags":[],"class_list":["post-9636","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-developer","category-seo-guide"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.4 (Yoast SEO v24.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>(Cumulative Layout Shift (CLS \u0686\u06cc\u0633\u062a + \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f - \u0647\u0627\u0633\u062a\u06cc\u062f\u0627<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hostida.com\/blog\/cls\/\" \/>\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 + \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f\" \/>\n<meta property=\"og:description\" content=\"CLS \u06cc\u0627 Cumulative Layout Shift \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0647\u0631\u06af\u0648\u0646\u0647 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06a9\u0627\u0646 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u0628 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627\u0639\u062b \u0628\u0631\u0648\u0632 \u062e\u0637\u0627\u0647\u0627 \u0648 \u0645\u0634\u06a9\u0644\u0627\u062a\u06cc \u062f\u0631 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0634\u0648\u062f. \u0645\u062b\u0644\u0627 \u0648\u0642\u062a\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u062f\u0631 \u062d\u0627\u0644 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0637\u0644\u0628\u06cc \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a \u0648 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0646\u0627\u06af\u0647\u0627\u0646\u06cc \u062c\u0627\u0628\u062c\u0627 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0647 \u0637\u0648\u0631 \u0646\u0627\u06af\u0647\u0627\u0646\u06cc \u0635\u0641\u062d\u0647 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hostida.com\/blog\/cls\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0648\u0628\u0644\u0627\u06af \u0647\u0627\u0633\u062a\u06cc\u062f\u0627\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-31T11:12:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-17T14:18:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/cumulative-layout-shift-cls.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"316\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"\u0627\u0644\u0647\u0647 \u0628\u0631\u0627\u062a\u06cc\" \/>\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=\"\u0627\u0644\u0647\u0647 \u0628\u0631\u0627\u062a\u06cc\" \/>\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=\"7 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hostida.com\/blog\/cls\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/hostida.com\/blog\/cls\/\"},\"author\":{\"name\":\"\u0627\u0644\u0647\u0647 \u0628\u0631\u0627\u062a\u06cc\",\"@id\":\"https:\/\/hostida.com\/blog\/#\/schema\/person\/ef97bcb9302e726e6516bf9418b59e7c\"},\"headline\":\"(Cumulative Layout Shift (CLS \u0686\u06cc\u0633\u062a + \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f\",\"datePublished\":\"2023-05-31T11:12:00+00:00\",\"dateModified\":\"2024-12-17T14:18:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hostida.com\/blog\/cls\/\"},\"wordCount\":126,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hostida.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hostida.com\/blog\/cls\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/cumulative-layout-shift-cls.png\",\"articleSection\":[\"\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0648 \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a\",\"\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc (SEO)\"],\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hostida.com\/blog\/cls\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hostida.com\/blog\/cls\/\",\"url\":\"https:\/\/hostida.com\/blog\/cls\/\",\"name\":\"(Cumulative Layout Shift (CLS \u0686\u06cc\u0633\u062a + \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f - \u0647\u0627\u0633\u062a\u06cc\u062f\u0627\",\"isPartOf\":{\"@id\":\"https:\/\/hostida.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hostida.com\/blog\/cls\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hostida.com\/blog\/cls\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/cumulative-layout-shift-cls.png\",\"datePublished\":\"2023-05-31T11:12:00+00:00\",\"dateModified\":\"2024-12-17T14:18:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hostida.com\/blog\/cls\/#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hostida.com\/blog\/cls\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/hostida.com\/blog\/cls\/#primaryimage\",\"url\":\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/cumulative-layout-shift-cls.png\",\"contentUrl\":\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/cumulative-layout-shift-cls.png\",\"width\":720,\"height\":316,\"caption\":\"(Cumulative Layout Shift (CLS \u0686\u06cc\u0633\u062a + \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hostida.com\/blog\/cls\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\/\/hostida.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"(Cumulative Layout Shift (CLS \u0686\u06cc\u0633\u062a + \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hostida.com\/blog\/#website\",\"url\":\"https:\/\/hostida.com\/blog\/\",\"name\":\"\u0648\u0628\u0644\u0627\u06af \u0647\u0627\u0633\u062a\u06cc\u062f\u0627\",\"description\":\"\u0627\u062e\u0628\u0627\u0631 \u0648 \u0622\u0645\u0648\u0632\u0634 \u0647\u0627\u06cc \u0648\u0628 \u0647\u0627\u0633\u062a\u06cc\u0646\u06af\",\"publisher\":{\"@id\":\"https:\/\/hostida.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hostida.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hostida.com\/blog\/#organization\",\"name\":\"\u0647\u0627\u0633\u062a\u06cc\u062f\u0627\",\"url\":\"https:\/\/hostida.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/hostida.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2020\/08\/logo-w-1.png\",\"contentUrl\":\"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2020\/08\/logo-w-1.png\",\"width\":885,\"height\":774,\"caption\":\"\u0647\u0627\u0633\u062a\u06cc\u062f\u0627\"},\"image\":{\"@id\":\"https:\/\/hostida.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hostida.com\/blog\/#\/schema\/person\/ef97bcb9302e726e6516bf9418b59e7c\",\"name\":\"\u0627\u0644\u0647\u0647 \u0628\u0631\u0627\u062a\u06cc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/hostida.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/113553a218fd451a8f7fe9926141fdc9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/113553a218fd451a8f7fe9926141fdc9?s=96&d=mm&r=g\",\"caption\":\"\u0627\u0644\u0647\u0647 \u0628\u0631\u0627\u062a\u06cc\"},\"description\":\"\u0647\u0631 \u0627\u062d\u0633\u0627\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0645\u060c \u0639\u0634\u0642 \u0628\u0647 \u0646\u0648\u06cc\u0633\u0646\u062f\u06af\u06cc \u062f\u0631 \u0645\u0646 \u062b\u0627\u0628\u062a \u0627\u0633\u062a. \u062f\u0648\u0633\u062a \u062f\u0627\u0631\u0645 \u0647\u0631\u0686\u0647 \u06a9\u0647 \u0645\u06cc\u200c\u0628\u06cc\u0646\u0645 \u062a\u0631\u0633\u06cc\u0645 \u06a9\u0646\u0645\u061b \u062d\u0627\u0644 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u062f \u0628\u0647 \u0632\u0628\u0627\u0646 \u06a9\u0644\u0645\u0627\u062a \u0628\u0627\u0634\u062f \u06cc\u0627 \u0628\u0647 \u0632\u0628\u0627\u0646 \u062a\u0635\u0648\u06cc\u0631.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"(Cumulative Layout Shift (CLS \u0686\u06cc\u0633\u062a + \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f - \u0647\u0627\u0633\u062a\u06cc\u062f\u0627","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:\/\/hostida.com\/blog\/cls\/","og_locale":"fa_IR","og_type":"article","og_title":"(Cumulative Layout Shift (CLS \u0686\u06cc\u0633\u062a + \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f","og_description":"CLS \u06cc\u0627 Cumulative Layout Shift \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0647\u0631\u06af\u0648\u0646\u0647 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06a9\u0627\u0646 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u0628 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627\u0639\u062b \u0628\u0631\u0648\u0632 \u062e\u0637\u0627\u0647\u0627 \u0648 \u0645\u0634\u06a9\u0644\u0627\u062a\u06cc \u062f\u0631 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0634\u0648\u062f. \u0645\u062b\u0644\u0627 \u0648\u0642\u062a\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u062f\u0631 \u062d\u0627\u0644 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0637\u0644\u0628\u06cc \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a \u0648 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0646\u0627\u06af\u0647\u0627\u0646\u06cc \u062c\u0627\u0628\u062c\u0627 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0647 \u0637\u0648\u0631 \u0646\u0627\u06af\u0647\u0627\u0646\u06cc \u0635\u0641\u062d\u0647 [&hellip;]","og_url":"https:\/\/hostida.com\/blog\/cls\/","og_site_name":"\u0648\u0628\u0644\u0627\u06af \u0647\u0627\u0633\u062a\u06cc\u062f\u0627","article_published_time":"2023-05-31T11:12:00+00:00","article_modified_time":"2024-12-17T14:18:04+00:00","og_image":[{"width":720,"height":316,"url":"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/cumulative-layout-shift-cls.png","type":"image\/png"}],"author":"\u0627\u0644\u0647\u0647 \u0628\u0631\u0627\u062a\u06cc","twitter_card":"summary_large_image","twitter_misc":{"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a":"\u0627\u0644\u0647\u0647 \u0628\u0631\u0627\u062a\u06cc","\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646":"7 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hostida.com\/blog\/cls\/#article","isPartOf":{"@id":"https:\/\/hostida.com\/blog\/cls\/"},"author":{"name":"\u0627\u0644\u0647\u0647 \u0628\u0631\u0627\u062a\u06cc","@id":"https:\/\/hostida.com\/blog\/#\/schema\/person\/ef97bcb9302e726e6516bf9418b59e7c"},"headline":"(Cumulative Layout Shift (CLS \u0686\u06cc\u0633\u062a + \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f","datePublished":"2023-05-31T11:12:00+00:00","dateModified":"2024-12-17T14:18:04+00:00","mainEntityOfPage":{"@id":"https:\/\/hostida.com\/blog\/cls\/"},"wordCount":126,"commentCount":0,"publisher":{"@id":"https:\/\/hostida.com\/blog\/#organization"},"image":{"@id":"https:\/\/hostida.com\/blog\/cls\/#primaryimage"},"thumbnailUrl":"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/cumulative-layout-shift-cls.png","articleSection":["\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0648 \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a","\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc (SEO)"],"inLanguage":"fa-IR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hostida.com\/blog\/cls\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hostida.com\/blog\/cls\/","url":"https:\/\/hostida.com\/blog\/cls\/","name":"(Cumulative Layout Shift (CLS \u0686\u06cc\u0633\u062a + \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f - \u0647\u0627\u0633\u062a\u06cc\u062f\u0627","isPartOf":{"@id":"https:\/\/hostida.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hostida.com\/blog\/cls\/#primaryimage"},"image":{"@id":"https:\/\/hostida.com\/blog\/cls\/#primaryimage"},"thumbnailUrl":"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/cumulative-layout-shift-cls.png","datePublished":"2023-05-31T11:12:00+00:00","dateModified":"2024-12-17T14:18:04+00:00","breadcrumb":{"@id":"https:\/\/hostida.com\/blog\/cls\/#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hostida.com\/blog\/cls\/"]}]},{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/hostida.com\/blog\/cls\/#primaryimage","url":"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/cumulative-layout-shift-cls.png","contentUrl":"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2023\/05\/cumulative-layout-shift-cls.png","width":720,"height":316,"caption":"(Cumulative Layout Shift (CLS \u0686\u06cc\u0633\u062a + \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f"},{"@type":"BreadcrumbList","@id":"https:\/\/hostida.com\/blog\/cls\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/hostida.com\/blog\/"},{"@type":"ListItem","position":2,"name":"(Cumulative Layout Shift (CLS \u0686\u06cc\u0633\u062a + \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f"}]},{"@type":"WebSite","@id":"https:\/\/hostida.com\/blog\/#website","url":"https:\/\/hostida.com\/blog\/","name":"\u0648\u0628\u0644\u0627\u06af \u0647\u0627\u0633\u062a\u06cc\u062f\u0627","description":"\u0627\u062e\u0628\u0627\u0631 \u0648 \u0622\u0645\u0648\u0632\u0634 \u0647\u0627\u06cc \u0648\u0628 \u0647\u0627\u0633\u062a\u06cc\u0646\u06af","publisher":{"@id":"https:\/\/hostida.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hostida.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"},{"@type":"Organization","@id":"https:\/\/hostida.com\/blog\/#organization","name":"\u0647\u0627\u0633\u062a\u06cc\u062f\u0627","url":"https:\/\/hostida.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/hostida.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2020\/08\/logo-w-1.png","contentUrl":"https:\/\/hostida.com\/blog\/wp-content\/uploads\/2020\/08\/logo-w-1.png","width":885,"height":774,"caption":"\u0647\u0627\u0633\u062a\u06cc\u062f\u0627"},"image":{"@id":"https:\/\/hostida.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hostida.com\/blog\/#\/schema\/person\/ef97bcb9302e726e6516bf9418b59e7c","name":"\u0627\u0644\u0647\u0647 \u0628\u0631\u0627\u062a\u06cc","image":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/hostida.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/113553a218fd451a8f7fe9926141fdc9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/113553a218fd451a8f7fe9926141fdc9?s=96&d=mm&r=g","caption":"\u0627\u0644\u0647\u0647 \u0628\u0631\u0627\u062a\u06cc"},"description":"\u0647\u0631 \u0627\u062d\u0633\u0627\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0645\u060c \u0639\u0634\u0642 \u0628\u0647 \u0646\u0648\u06cc\u0633\u0646\u062f\u06af\u06cc \u062f\u0631 \u0645\u0646 \u062b\u0627\u0628\u062a \u0627\u0633\u062a. \u062f\u0648\u0633\u062a \u062f\u0627\u0631\u0645 \u0647\u0631\u0686\u0647 \u06a9\u0647 \u0645\u06cc\u200c\u0628\u06cc\u0646\u0645 \u062a\u0631\u0633\u06cc\u0645 \u06a9\u0646\u0645\u061b \u062d\u0627\u0644 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u062f \u0628\u0647 \u0632\u0628\u0627\u0646 \u06a9\u0644\u0645\u0627\u062a \u0628\u0627\u0634\u062f \u06cc\u0627 \u0628\u0647 \u0632\u0628\u0627\u0646 \u062a\u0635\u0648\u06cc\u0631."}]}},"my_custom_field":"","_links":{"self":[{"href":"https:\/\/hostida.com\/blog\/wp-json\/wp\/v2\/posts\/9636","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hostida.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hostida.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hostida.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/hostida.com\/blog\/wp-json\/wp\/v2\/comments?post=9636"}],"version-history":[{"count":8,"href":"https:\/\/hostida.com\/blog\/wp-json\/wp\/v2\/posts\/9636\/revisions"}],"predecessor-version":[{"id":13310,"href":"https:\/\/hostida.com\/blog\/wp-json\/wp\/v2\/posts\/9636\/revisions\/13310"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hostida.com\/blog\/wp-json\/wp\/v2\/media\/9642"}],"wp:attachment":[{"href":"https:\/\/hostida.com\/blog\/wp-json\/wp\/v2\/media?parent=9636"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hostida.com\/blog\/wp-json\/wp\/v2\/categories?post=9636"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hostida.com\/blog\/wp-json\/wp\/v2\/tags?post=9636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}