{"id":32743,"date":"2023-10-21T17:00:00","date_gmt":"2023-10-21T13:30:00","guid":{"rendered":"https:\/\/parsavesta.com\/blog\/?p=32743"},"modified":"2023-10-24T13:48:48","modified_gmt":"2023-10-24T10:18:48","slug":"avoid-long-main-thread-tasks","status":"publish","type":"post","link":"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/","title":{"rendered":"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u062f\u0631 \u062c\u06cc \u062a\u06cc \u0645\u062a\u0631\u06cc\u06a9\u0633"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u0627\u06af\u0647 \u0631\u06af \u0645\u0633\u062f\u0648\u062f \u0628\u0634\u0647\u060c \u0645\u0633\u0644\u0645\u0627 \u0631\u0648\u06cc \u062c\u0631\u06cc\u0627\u0646 \u062e\u0648\u0646 \u062a\u0627\u062b\u06cc\u0631 \u062f\u0627\u0631\u0647 \u0648 \u0628\u0627\u0639\u062b \u0645\u06cc\u0634\u0647 \u062e\u0648\u0646 \u0631\u0633\u0627\u0646\u06cc \u062f\u0631 \u0628\u062f\u0646 \u0628\u0647 \u062e\u0648\u0628\u06cc \u0642\u0628\u0644 \u0646\u0628\u0627\u0634\u0647. long main-thread tasks \u0647\u0645 \u062f\u0642\u06cc\u0642\u0627 \u0645\u062b\u0644 \u0645\u0633\u062f\u0648\u062f \u0634\u062f\u0646 \u0631\u06af \u0628\u062f\u0646 \u0628\u0627\u0639\u062b \u0645\u06cc\u0634\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0646\u062a\u0648\u0646\u0647 \u0635\u0641\u062d\u0647 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0631\u0648 \u0631\u0646\u062f\u0631 \u06a9\u0646\u0647. \u062f\u0631 \u0646\u062a\u06cc\u062c\u0647\u060c \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0633\u0627\u06cc\u062a \u0628\u0647 \u0634\u062f\u062a \u0645\u06cc\u0627\u062f \u067e\u0627\u06cc\u06cc\u0646 \u0648 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 <a href=\"https:\/\/parsavesta.com\/blog\/ux\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc <\/a>\u0628\u062f\u06cc \u062e\u0648\u0627\u0647\u062f \u062f\u0627\u0634\u062a.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u062d\u0627\u0644\u0627 \u0686\u062c\u0648\u0631\u06cc \u0628\u0627\u06cc\u062f \u0627\u0632 \u0633\u0631\u0634 \u062e\u0644\u0627\u0635 \u0634\u06cc\u0645\u061f \u062a\u0648 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0647\u062a\u0648\u0646 \u0645\u06cc\u06af\u0645.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;&nbsp;\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u06cc\u0646\u06a9\u0647 main thread \u0686\u06cc\u0647\u061f \u0686\u06cc\u06a9\u0627\u0631 \u0645\u06cc\u06a9\u0646\u0647\u061f \u0648 \u0686\u0647 \u0639\u0646\u0627\u0635\u0631\u06cc \u0631\u0648 \u0645\u0633\u062f\u0648\u062f \u0645\u06cc\u06a9\u0646\u0647 \u0635\u062d\u0628\u062a \u0645\u06cc\u06a9\u0646\u06cc\u0645. \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0647\u0645 \u0631\u0648\u0634 \u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u0631\u0648 \u0628\u0647\u062a\u0648\u0646 \u0645\u06cc\u06af\u0645.<\/p>\n\n\n\n<br>\n<hr>\n<br>\n\n\n\n<p class=\"wp-block-paragraph\">\u0641\u0647\u0631\u0633\u062a:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#what-is-main-thread\">Main thread \u0686\u06cc\u0633\u062a\u061f<\/a><\/li>\n\n\n\n<li><a href=\"#what-affects-main-thread\">\u0686\u0647 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u0631\u0648\u06cc main thread \u062a\u0627\u062b\u06cc\u0631 \u0645\u06cc \u06af\u0630\u0627\u0631\u062f\u061f<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"#poorly-optimized-css-files\">\u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc CSS \u0628\u0647\u06cc\u0646\u0647 \u0646\u0634\u062f\u0647<\/a><\/li>\n\n\n\n<li><a href=\"#third-party-resources\">\u0645\u0646\u0627\u0628\u0639 \u0634\u062e\u0635 \u062b\u0627\u0644\u062b<\/a><\/li>\n\n\n\n<li><a href=\"#client-side-render\">\u0631\u0646\u062f\u0631 \u062f\u0631 \u0633\u0645\u062a \u06a9\u0644\u0627\u06cc\u0646\u062a<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"#how-to-fix-avoid-long-main-thread-tasks\">\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"#code-spliting\">\u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f<\/a><\/li>\n\n\n\n<li><a href=\"#minifying-css-and-javascript\">\u06a9\u0648\u0686\u06a9 \u06a9\u0631\u062f\u0646 CSS \u0648 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/a><\/li>\n\n\n\n<li><a href=\"#optimizing-javascript-code\">\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/a><\/li>\n\n\n\n<li><a href=\"#non-critical-resources-lazy-loading\">\u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0628\u0644 \u0645\u0646\u0627\u0628\u0639 \u063a\u06cc\u0631 \u0628\u062d\u0631\u0627\u0646\u06cc<\/a><\/li>\n\n\n\n<li><a href=\"#optimizing-fonts\">\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0641\u0648\u0646\u062a \u0647\u0627<\/a><\/li>\n\n\n\n<li><a href=\"#use-web-workers\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u0628 \u0648\u0631\u06a9\u0631\u0647\u0627<\/a><\/li>\n\n\n\n<li><a href=\"#use-better-rendering-ways\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0648\u0634 \u0647\u0627\u06cc \u0628\u0647\u062a\u0631 \u0631\u0646\u062f\u0631<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"#conlusion\">\u062c\u0645\u0639 \u0628\u0646\u062f\u06cc<\/a><\/li>\n<\/ul>\n\n\n\n<br>\n<hr>\n<br>\n\n\n\n<h2 class=\"wp-block-heading has-vivid-cyan-blue-color has-text-color\" id=\"what-is-main-thread\">Main thread \u0686\u06cc\u0633\u062a\u061f<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Main thread \u0628\u062e\u0634\u06cc \u0627\u0632 \u0645\u0631\u0648\u0631\u06af\u0631\u0650 \u06a9\u0647 \u0645\u0633\u0626\u0648\u0644 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u060c \u0631\u0646\u062f\u0631 \u06a9\u0631\u062f\u0646 <a href=\"https:\/\/parsavesta.com\/blog\/ui\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/a> \u0648 \u0627\u062c\u0631\u0627\u06cc \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0647\u0633\u062a\u0634. \u062f\u0631 \u0648\u0627\u0642\u0639 \u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0647\u0645 \u062a\u0631\u06cc\u0646 \u0628\u062e\u0634 \u0647\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0645\u062d\u0633\u0648\u0628 \u0645\u06cc\u0634\u0647 \u0648 \u0645\u06cc\u062a\u0648\u0646\u06cc\u062f \u0627\u0648\u0646 \u0631\u0648 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u062d\u062f \u067e\u0631\u062f\u0627\u0632\u0634 \u0645\u0631\u06a9\u0632\u06cc \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u062f\u0631 \u0646\u0638\u0631 \u0628\u06af\u06cc\u0631\u06cc\u062f.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0647\u0645\u0647\u200c\u06cc \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0628\u0647 \u0637\u0648\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0628\u0627 \u06cc\u0647 \u062f\u0648\u0646\u0647 Main thread \u06a9\u0627\u0631 \u0645\u06cc\u06a9\u0646\u0646\u062f\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0645\u0631\u0648\u0631\u06af\u0631 \u0646\u0645\u06cc\u062a\u0648\u0646\u0647 \u0686\u0646\u062f\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0648 \u0628\u0647 \u0637\u0648\u0631 \u0647\u0645\u0632\u0645\u0627\u0646 \u0627\u0646\u062c\u0627\u0645 \u0628\u062f\u0647. Main thread&nbsp;\u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0641\u0631\u0627\u06cc\u0646\u062f \u0627\u0648\u0644\u06cc\u0647 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0633\u0627\u06cc\u062a \u0627\u0646\u062c\u0627\u0645 \u0628\u0634\u0647 \u0628\u0627\u06cc\u062f \u06a9\u0627\u0631\u0647\u0627\u06cc \u0632\u06cc\u0627\u062f\u06cc \u0627\u0646\u062c\u0627\u0645 \u0628\u062f\u0647\u060c \u0645\u062b\u0644\u0627 \u0633\u0627\u062e\u062a DOM tree\u060c \u0648\u0627\u06a9\u0634\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644 \u0647\u0627\u06cc CSS \u0648 \u0627\u0639\u0645\u0627\u0644\u0634\u0648\u0646\u060c \u062a\u062c\u0632\u06cc\u0647 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u0648 \u0627\u062c\u0631\u0627\u06cc \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0648 \u062a\u0648\u0644\u06cc\u062f \u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u0635\u0641\u062d\u0647. \u062f\u0631 \u0645\u062c\u0645\u0648\u0639 \u0627\u06cc\u0646 \u0648\u0638\u0627\u06cc\u0641 \u0628\u0627\u0639\u062b \u0645\u06cc\u0634\u0647 \u06a9\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u06cc\u0647 \u0635\u0641\u062d\u0647 \u0631\u0648 \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0646\u0634\u0648\u0646 \u0628\u062f\u0647.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;main thread \u0641\u0642\u0637 \u0645\u06cc\u062a\u0648\u0646\u0647 \u0627\u06cc\u0646 \u0648\u0638\u0627\u06cc\u0641 \u0631\u0648 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062a\u0648\u0627\u0644\u06cc \u0627\u0646\u062c\u0627\u0645 \u0628\u062f\u0647 \u06cc\u0639\u0646\u06cc \u0642\u0627\u062f\u0631 \u0646\u06cc\u0633\u062a \u0627\u0648\u0646\u0647\u0627 \u0631\u0648 \u0647\u0645\u0632\u0645\u0627\u0646 \u0639\u0645\u0644\u06cc \u06a9\u0646\u0647\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a \u062a\u062d\u062a \u062a\u0623\u062b\u06cc\u0631 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u067e\u0631\u062f\u0627\u0632\u0634\u0634\u0648\u0646 \u0632\u0645\u0627\u0646 \u0628\u0631\u0647 \u0642\u0631\u0627\u0631 \u0645\u06cc\u06af\u06cc\u0631\u0647. \u0627\u063a\u0644\u0628 \u0628\u0647 \u0627\u06cc\u0646 \u0648\u0638\u0627\u06cc\u0641 \u0645\u06cc\u06af\u0646 <a href=\"https:\/\/parsavesta.com\/blog\/render-blocking-resources\/\" target=\"_blank\" rel=\"noreferrer noopener\">render-blocking resources<\/a> \u06a9\u0647 \u0642\u0628\u0644\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f\u0634\u0648\u0646 \u0635\u062d\u0628\u062a \u06a9\u0631\u062f\u06cc\u0645.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0647\u0631 \u0645\u0633\u062f\u0648\u062f \u06a9\u0646\u0646\u062f\u0647 \u0627\u06cc \u06a9\u0647 \u062f\u0631 main thread&nbsp;\u0631\u062e \u0628\u062f\u0647\u060c \u0628\u0631 \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a \u062a\u0623\u062b\u06cc\u0631 \u0645\u06cc\u0630\u0627\u0631\u0647 \u0648 \u0628\u0627\u0639\u062b \u0645\u06cc\u0634\u0647 \u0635\u0641\u062d\u0647\u200c\u06cc \u0633\u0627\u06cc\u062a \u062f\u06cc\u0631 \u0628\u0627\u0644\u0627 \u0628\u06cc\u0627\u062f.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u06a9\u0627\u0647\u0634 \u0628\u0627\u0631 main thread \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0639\u062f\u0645 \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0635\u0641\u062d\u0627\u062a \u0648 \u0627\u062b\u0631\u0627\u062a \u0645\u0646\u0641\u06cc \u0628\u0631 \u0631\u0648\u06cc \u0647\u0633\u062a\u0647 \u062d\u06cc\u0627\u062a\u06cc \u0648\u0628 \u0636\u0631\u0648\u0631\u06cc\u0647. \u062f\u0631 \u0646\u062a\u06cc\u062d\u0647\u060c \u0627\u06af\u0647 \u0645\u06cc\u062e\u0648\u0627\u06cc\u0646 \u0633\u0626\u0648 \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0631\u0648 \u0628\u0647\u062a\u0631 \u06a9\u0646\u06cc\u062f \u0628\u0627\u06cc\u062f \u0628\u0627\u0631 main thread \u0631\u0648 \u06a9\u0627\u0647\u0634 \u0628\u062f\u06cc\u062f.&nbsp;<\/p>\n\n\n\n<br>\n<hr>\n<br>\n\n\n\n<h2 class=\"wp-block-heading has-vivid-cyan-blue-color has-text-color\" id=\"what-affects-main-thread\">\u0686\u0647 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u0631\u0648\u06cc main thread \u062a\u0627\u062b\u06cc\u0631 \u0645\u06cc \u06af\u0630\u0627\u0631\u062f\u061f<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0645\u0646\u0627\u0628\u0639 \u0645\u0633\u062f\u0648\u062f\u06a9\u0646\u0646\u062f\u0647 \u0631\u0646\u062f\u0631\u06cc \u06a9\u0647 \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0645\u0639\u0631\u0641\u06cc \u0645\u06cc\u06a9\u0646\u0645\u060c \u0631\u0648\u06cc \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc main thread \u0628\u0631\u0627\u06cc \u062a\u062c\u0632\u06cc\u0647 HTML\u060c \u0633\u0627\u062e\u062a DOM\u060c \u0627\u0639\u0645\u0627\u0644 \u0627\u0633\u062a\u0627\u06cc\u0644 \u0647\u0627\u06cc CSS \u0648 \u0627\u062c\u0631\u0627\u06cc \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0623\u062b\u06cc\u0631 \u0645\u06cc\u0630\u0627\u0631\u0646\u062f.<\/p>\n\n\n\n<br>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"poorly-optimized-css-files\">\u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc CSS \u0628\u0647\u06cc\u0646\u0647 \u0646\u0634\u062f\u0647<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc CSS \u0645\u0646\u0627\u0628\u0639\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0631\u0646\u062f\u0631 \u0631\u0648 \u0645\u0633\u062f\u0648\u062f \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c \u0686\u0648\u0646 \u062a\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0627\u06cc\u0646 \u0641\u0627\u06cc\u0644 \u0647\u0627 \u0631\u0648 \u062f\u0627\u0646\u0644\u0648\u062f \u0646\u0634\u062f\u0646\u062f \u0645\u0631\u0648\u0631\u06af\u0631 \u0646\u0645\u06cc\u062a\u0648\u0646\u0647 \u0635\u0641\u062d\u0647\u200c \u0631\u0648 \u0631\u0646\u062f\u0631 \u06a9\u0646\u0647. stylesheet \u0647\u0627\u06cc \u0628\u0632\u0631\u06af CSS \u0628\u0631\u0627\u06cc \u067e\u0631\u062f\u0627\u0632\u0634 \u0632\u0645\u0627\u0646 \u0628\u06cc\u0634\u062a\u0631\u06cc \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0647\u0631 \u0635\u0641\u062d\u0647\u200c\u0627\u06cc \u06a9\u0647 \u0628\u0647 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc CSS \u0628\u0632\u0631\u06af \u0648\u0627\u0628\u0633\u062a\u0647 \u0628\u0627\u0634\u0647\u060c \u06a9\u0646\u062f \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u06cc\u0634\u0647. \u067e\u0633 \u062d\u062a\u0645\u0627 \u0628\u0627\u06cc\u062f \u0627\u0633\u062a\u0627\u06cc\u0644 \u0634\u06cc\u062a \u0647\u0627\u06cc CSS \u0631\u0648 \u062a\u0627 \u062d\u062f \u0627\u0645\u06a9\u0627\u0646 \u06a9\u0648\u0686\u06a9 \u06a9\u0646\u06cc\u062f\u060c \u062d\u062a\u06cc \u0627\u06af\u0647 \u06a9\u0648\u0686\u06a9\u062a\u0631 \u0627\u0632 \u0633\u0627\u06cc\u0631 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a \u0628\u0627\u0634\u0646\u062f.<\/p>\n\n\n\n<br>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"third-party-resources\">\u0645\u0646\u0627\u0628\u0639 \u0634\u062e\u0635 \u062b\u0627\u0644\u062b<strong>&nbsp;<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0645\u0646\u0627\u0628\u0639 \u0648 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0647\u0627\u06cc \u0634\u062e\u0635 \u062b\u0627\u0644\u062b \u0631\u0627\u0647\u06cc \u0639\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0622\u0633\u0627\u0646 \u0648 \u0627\u062f\u063a\u0627\u0645 \u0639\u0645\u0644\u06a9\u0631\u062f\u0647\u0627\u06cc\u06cc \u0647\u0633\u062a\u0634 \u06a9\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u062f\u06cc\u06af\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u062a\u0639\u062f\u0627\u062f \u0645\u0646\u0627\u0628\u0639 \u0648 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u200c\u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0645\u06cc\u062a\u0648\u0646\u0647 \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f main thread \u062a\u0623\u062b\u06cc\u0631 \u0628\u0630\u0627\u0631\u0647\u060c \u0686\u0648\u0646\u06a9\u0647 \u0642\u0628\u0644 \u0627\u0632 \u0631\u0646\u062f\u0631 \u0635\u0641\u062d\u0647 \u0628\u0627\u06cc\u062f \u0647\u0645\u0647 \u0627\u06cc\u0646 \u0645\u0646\u0627\u0628\u0639 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0628\u0634\u0646. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0645\u0646\u0627\u0628\u0639 \u0634\u062e\u0635 \u062b\u0627\u0644\u062b \u0634\u0627\u0645\u0644 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0647\u0627\u06cc\u06cc \u0645\u062b\u0644 \u0646\u0642\u0634\u0647 \u0647\u0627\u06cc \u06af\u0648\u06af\u0644\u060c \u0627\u0641\u0632\u0648\u0646\u0647 \u0647\u0627 \u0648 \u062a\u0645 \u0647\u0627 \u0645\u06cc\u0634\u0647. \u0647\u0631\u0686\u0647 \u0645\u0646\u0627\u0628\u0639 \u0628\u06cc\u0634\u062a\u0631\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0647\u060c main thread \u0628\u0627\u06cc\u062f \u0628\u0627 \u062d\u062c\u0645 \u06a9\u0627\u0631\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0633\u062a \u0648 \u067e\u0646\u062c\u0647 \u0646\u0631\u0645 \u06a9\u0646\u0647.<\/p>\n\n\n\n<br>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"client-side-render\">\u0631\u0646\u062f\u0631 \u062f\u0631 \u0633\u0645\u062a \u06a9\u0644\u0627\u06cc\u0646\u062a<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0633\u0645\u062a \u06a9\u0644\u0627\u06cc\u0646\u062a \u0631\u0646\u062f\u0631 \u0645\u06cc\u0634\u0646 \u0627\u063a\u0644\u0628 \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc\u0634\u0648\u0646 \u06a9\u0646\u062f \u0647\u0633\u062a\u0634. \u0645\u0631\u0648\u0631\u06af\u0631 \u0642\u0628\u0644 \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u0628\u062e\u0648\u0627\u062f \u0635\u0641\u062d\u0647 \u0631\u0648 \u0631\u0646\u062f\u0631 \u06a9\u0646\u0647 \u0627\u0628\u062a\u062f\u0627 \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0644\u0627\u0632\u0645 \u0648 \u067e\u0648\u0633\u062a\u0647 HTML \u062e\u0627\u0644\u06cc \u0631\u0648 \u0648\u0627\u06a9\u0634\u06cc \u0645\u06cc\u06a9\u0646\u0647. \u0627\u06cc\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0632\u0645\u0627\u0646 \u0631\u0646\u062f\u0631 \u0627\u0648\u0644\u06cc\u0647 \u0631\u0648 \u06a9\u0646\u062f \u0645\u06cc\u06a9\u0646\u0647. \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u06cc\u0646\u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0631\u0646\u062f\u0631 \u0633\u0645\u062a \u06a9\u0644\u0627\u06cc\u0646\u062a (CSR) \u0645\u06cc\u062a\u0648\u0646\u0647 \u0631\u0648\u06cc main thread \u062a\u0623\u062b\u06cc\u0631 \u0628\u0630\u0627\u0631\u0647\u060c \u06cc\u06a9\u06cc \u062f\u06cc\u06af\u0647 \u0627\u0632 \u0636\u0639\u0641\u200c\u0647\u0627\u0634 \u0627\u06cc\u0646\u0647 \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0633\u0626\u0648 \u0633\u0627\u06cc\u062a \u0628\u062f\u0647 \u0648 \u0645\u0634\u06a9\u0644\u0627\u062a \u0627\u0645\u0646\u06cc\u062a\u06cc \u0628\u0631\u0627\u06cc \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0628\u0647 \u0648\u062c\u0648\u062f \u0645\u06cc\u0627\u0631\u0647.&nbsp;<\/p>\n\n\n\n<br>\n<hr>\n<br>\n\n\n\n<h2 class=\"wp-block-heading has-vivid-cyan-blue-color has-text-color\" id=\"how-to-fix-avoid-long-main-thread-tasks\">\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0647\u0631 \u0686\u06cc main thread \u06a9\u0645\u062a\u0631 \u06a9\u0627\u0631 \u06a9\u0646\u0647\u060c \u0633\u0631\u06cc\u0639\u062a\u0631 \u0645\u06cc\u062a\u0648\u0646\u0647 \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627 \u0631\u0648 \u067e\u0631\u062f\u0627\u0632\u0634 \u06a9\u0646\u0647\u060c \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0631\u0648 \u0631\u0646\u062f\u0631 \u06a9\u0646\u0647 \u0648 \u06a9\u062f \u0631\u0648 \u0627\u062c\u0631\u0627 \u06a9\u0646\u0647. \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0631\u0627\u06cc \u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u0631\u0648 \u0645\u0639\u0631\u0641\u06cc \u0645\u06cc\u06a9\u0646\u0645.<\/p>\n\n\n\n<br>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"code-spliting\">\u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0648\u0642\u062a\u06cc \u06a9\u062f\u0647\u0627\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0628\u062e\u0634 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u062a\u0631 \u062a\u0642\u0633\u06cc\u0645 \u0645\u06cc\u0634\u0646\u060c \u067e\u0631\u062f\u0627\u0632\u0634 \u0648 \u0627\u062c\u0631\u0627\u0634\u0648\u0646 \u0628\u0631\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0631\u0627\u062d\u062a\u062a\u0631\u0647. \u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f \u0647\u0645\u0646\u062c\u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u062f\u0631\u062f \u0645\u06cc\u062e\u0648\u0631\u0647. \u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f \u0628\u0647 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631\u060c \u062a\u062c\u0632\u06cc\u0647 \u0648 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u06a9\u062f \u0631\u0648 \u0628\u0631\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0622\u0633\u0648\u0646 \u062a\u0631 \u0645\u06cc\u06a9\u0646\u0647.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u063a\u06cc\u0631 \u0636\u0631\u0648\u0631\u06cc \u0631\u0648 \u0647\u0646\u06af\u0627\u0645 \u0631\u0646\u062f\u0631 \u06a9\u0631\u062f\u0646 \u0635\u0641\u062d\u0627\u062a \u06a9\u0627\u0647\u0634 \u0645\u06cc\u062f\u0647. \u062f\u0631 \u0639\u0648\u0636\u060c \u0635\u0641\u062d\u0627\u062a \u0645\u06cc\u062a\u0648\u0646\u0646\u062f \u0641\u0642\u0637 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0631\u0646\u062f\u0631 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f \u0631\u0648 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06a9\u0646\u0646\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u0628\u0627 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f\u060c \u0645\u0633\u06cc\u0631 \/user \u0648 \u0645\u0633\u06cc\u0631 \/blog \u0641\u0642\u0637 \u06a9\u062f \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0631\u0648 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u06cc \u06a9\u0646\u0646\u062f \u0648 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0628\u0627\u0639\u062b \u0645\u06cc\u0634\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0635\u0641\u062d\u0647 \u0634\u0645\u0627 \u0628\u0647\u062a\u0631 \u0628\u0634\u0647. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u067e\u0633 \u062f\u0631 \u0646\u062a\u06cc\u062c\u0647\u060c \u0628\u0627 \u062a\u0642\u0633\u06cc\u0645 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u062a\u06a9\u0647 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u062a\u0631\u0650 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0639\u0645\u0644\u06a9\u0631\u062f \u0648\u0628 \u0631\u0648 \u0645\u06cc\u062a\u0648\u0646\u06cc\u062f \u0628\u0647 \u0637\u0648\u0631 \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u0628\u0647\u0628\u0648\u062f \u0628\u0628\u062e\u0634\u06cc\u062f \u0648 \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0631\u0648 \u0628\u0647 \u062d\u062f\u0627\u0642\u0644 \u0628\u0631\u0633\u0648\u0646\u06cc\u062f.<\/p>\n\n\n\n<br>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"minifying-css-and-javascript\">\u06a9\u0648\u0686\u06a9 \u06a9\u0631\u062f\u0646 CSS \u0648 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0627\u06cc\u062f \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc CSS \u0648 JavaScript \u0631\u0648 \u0642\u0628\u0644 \u0627\u0632 \u0631\u0646\u062f\u0631 \u06a9\u0631\u062f\u0646 \u0635\u0641\u062d\u0647 \u0648\u0628 \u062f\u0627\u0646\u0644\u0648\u062f \u06a9\u0646\u0647. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0627\u06af\u0647 \u0627\u06cc\u0646 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627 \u0628\u0632\u0631\u06af \u0628\u0627\u0634\u0646\u062f\u060c main thread \u0631\u0648 \u0645\u0633\u062f\u0648\u062f \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u0648 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0633\u062e\u062a \u0645\u06cc\u0634\u0647.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u062d\u0630\u0641 \u06a9\u062f\u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0648 \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631\u0647\u0627\u06cc \u063a\u06cc\u0631 \u0636\u0631\u0648\u0631\u06cc \u0645\u0627\u0646\u0646\u062f \u0646\u0638\u0631\u0627\u062a\u060c \u0628\u0631\u06af\u0647\u200c\u0647\u0627 \u06cc\u0627 \u0641\u0636\u0627\u0647\u0627\u06cc \u062e\u0627\u0644\u06cc \u0645\u06cc\u062a\u0648\u0646\u0647 \u0627\u0646\u062f\u0627\u0632\u0647 \u0641\u0627\u06cc\u0644 \u0631\u0648 \u0628\u0647 \u0634\u062f\u062a \u06a9\u0627\u0647\u0634 \u0628\u062f\u0647.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u06a9\u0648\u0686\u06a9 \u06a9\u0631\u062f\u0646\u060c \u0641\u0634\u0631\u062f\u0647 \u0633\u0627\u0632\u06cc \u0648 \u062d\u0630\u0641 \u06a9\u062f\u0647\u0627\u06cc CSS \u0648 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u063a\u06cc\u0631\u0636\u0631\u0648\u0631\u06cc\u060c \u062d\u062c\u0645 \u0641\u0627\u06cc\u0644 \u0647\u0627 \u0631\u0648 \u06a9\u0627\u0647\u0634 \u0645\u06cc\u062f\u0647 \u0648 \u0631\u0648\u0646\u062f \u0648\u0627\u06a9\u0634\u06cc \u0648 \u0627\u062c\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0645\u0646\u0627\u0628\u0639 \u0631\u0648 \u0633\u0631\u06cc\u0639\u062a\u0631 \u0645\u06cc\u06a9\u0646\u0647.<\/p>\n\n\n\n<br>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"optimizing-javascript-code\">\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0645\u06cc\u062a\u0648\u0646\u06cc\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u0628\u0647\u0628\u0648\u062f \u0628\u0628\u062e\u0634\u06cc\u062f \u0648 \u0627\u062c\u0631\u0627\u0634 \u0631\u0648 \u062f\u0631 main thread \u0627\u0641\u0632\u0627\u06cc\u0634 \u0628\u062f\u06cc\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646\u060c \u0627\u062c\u062a\u0646\u0627\u0628 \u0627\u0632 \u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645\u200c\u0647\u0627 \u0648 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0641\u0634\u0631\u062f\u0647 CPU\u060c \u06a9\u0627\u0631 main thread \u0631\u0648 \u0628\u0647 \u062d\u062f\u0627\u0642\u0644 \u0645\u06cc\u0631\u0633\u0648\u0646\u0647.<\/p>\n\n\n\n<br>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"non-critical-resources-lazy-loading\">\u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0628\u0644 \u0645\u0646\u0627\u0628\u0639 \u063a\u06cc\u0631 \u0628\u062d\u0631\u0627\u0646\u06cc<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/parsavesta.com\/blog\/lazy-load\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0628\u0644<\/a> \u0628\u0647 \u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u062f\u0647 \u062a\u0627 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0646\u0627\u0628\u0639 \u063a\u06cc\u0631 \u0628\u062d\u0631\u0627\u0646\u06cc \u0631\u0648 \u0628\u0647 \u062a\u0639\u0648\u06cc\u0642 \u0628\u06cc\u0646\u062f\u0627\u0632\u06cc\u0645 \u0648 \u0628\u0627\u0639\u062b \u0645\u06cc\u0634\u0647 \u0628\u0627\u0631 \u06a9\u0627\u0631\u06cc \u0631\u0648\u06cc main thread \u06a9\u0645\u062a\u0631 \u0628\u0634\u0647. \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u200c\u0647\u0627\u06cc \u0634\u062e\u0635 \u062b\u0627\u0644\u062b \u0628\u0631\u0627\u06cc \u062a\u0628\u0644\u06cc\u063a\u0627\u062a \u0648 &#8230; \u0631\u0648 \u0645\u06cc\u062a\u0648\u0646\u06cc\u062f \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0628\u0644 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0628\u0627\u0631 \u06a9\u0627\u0631\u06cc \u0631\u0648\u06cc main thread \u06a9\u0645\u062a\u0631 \u0628\u0634\u0647.<\/p>\n\n\n\n<br>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"optimizing-fonts\">\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0641\u0648\u0646\u062a \u0647\u0627<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0641\u0648\u0646\u062a \u0647\u0627 \u0628\u062e\u0634 \u062d\u06cc\u0627\u062a\u06cc \u0631\u0646\u062f\u0631 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0633\u062a\u0646\u062f \u0648 \u0645\u06cc\u062a\u0648\u0646\u0646\u062f \u0632\u0645\u0627\u0646 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a \u0631\u0648 \u06a9\u0627\u0647\u0634 \u0628\u062f\u0646. \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0647\u06cc\u0646\u0647 \u0646\u0628\u0627\u0634\u0646\u062f \u0631\u0648\u06cc \u0641\u0627\u06a9\u062a\u0648\u0631\u0647\u0627\u06cc <a href=\"https:\/\/parsavesta.com\/blog\/core-web-vitals\/\" target=\"_blank\" rel=\"noreferrer noopener\">Core Web Vitals <\/a> \u0645\u062b\u0644 Cumulative Layout Shift (CLS) \u0648 Largest Contentful Paint (LCP) \u062a\u0623\u062b\u06cc\u0631 \u0645\u06cc\u0630\u0627\u0631\u0646\u062f.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0645\u06cc\u062a\u0648\u0646\u06cc\u062f \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc \u0645\u0633\u062f\u0648\u062f\u06a9\u0646\u0646\u062f\u0647 \u0631\u0646\u062f\u0631 \u0631\u0648 \u0628\u0627 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0627\u0648\u0646\u0647 \u0647\u0627 \u0648 \u0627\u0631\u0627\u0626\u0647 \u0646\u0633\u062e\u0647\u200c\u0647\u0627\u06cc \u0628\u0627\u0632\u06af\u0634\u062a\u06cc \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0627 \u0627\u06cc\u0646 \u06a9\u062f \u0645\u06cc\u062a\u0648\u0646\u06cc\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc \u0641\u0648\u0646\u062a \u0647\u0627 \u0631\u0648 \u0627\u0632 \u0642\u0628\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#575279;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" data-code=\"&lt;!-- Add the link tag with a preload attribute to the head of your HTML --&gt;\n&lt;head&gt;\n  &lt;link\n    rel=&quot;preload&quot;\n    href=&quot;https:\/\/fonts.googleapis.com\/css2?family=Nunito&amp;display=swap&quot;\n    rel=&quot;stylesheet&quot;\n  \/&gt;\n&lt;\/head&gt;\" style=\"color:#575279;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki rose-pine-dawn\" style=\"background-color: #faf4ed\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #575279\">&lt;!-- Add the <\/span><span style=\"color: #56949F\">link<\/span><span style=\"color: #575279\"> tag with <\/span><span style=\"color: #56949F\">a<\/span><span style=\"color: #575279\"> preload attribute to the <\/span><span style=\"color: #56949F\">head<\/span><span style=\"color: #575279\"> of your <\/span><span style=\"color: #56949F\">HTML<\/span><span style=\"color: #575279\"> --<\/span><span style=\"color: #286983\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #575279\">&lt;<\/span><span style=\"color: #56949F\">head<\/span><span style=\"color: #286983\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #575279\">  &lt;<\/span><span style=\"color: #56949F\">link<\/span><\/span>\n<span class=\"line\"><span style=\"color: #575279\">    rel=&quot;preload&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #575279\">    href=&quot;https:\/\/fonts<\/span><span style=\"color: #797593; font-style: italic\">.<\/span><span style=\"color: #907AA9; font-style: italic\">googleapis<\/span><span style=\"color: #575279\">.com\/css2?family=Nunito&amp;display=swap&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #575279\">    rel=&quot;stylesheet&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #575279\">  \/<\/span><span style=\"color: #286983\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #575279\">&lt;\/<\/span><span style=\"color: #56949F\">head<\/span><span style=\"color: #286983\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<br>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#575279;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" data-code=\"\/* then add the font declaration in the external stylesheet *\/\n@font-face {\n  font-family: &quot;Nunito&quot;, sans-serif;\n  font-style: normal;\n  font-weight: 400;\n  font-display: optional;\n}\" style=\"color:#575279;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki rose-pine-dawn\" style=\"background-color: #faf4ed\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #797593; font-style: italic\">\/*<\/span><span style=\"color: #9893A5; font-style: italic\"> then add the font declaration in the external stylesheet <\/span><span style=\"color: #797593; font-style: italic\">*\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #797593\">@<\/span><span style=\"color: #286983\">font-face<\/span><span style=\"color: #575279\"> <\/span><span style=\"color: #797593\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #575279\">  <\/span><span style=\"color: #56949F\">font-family<\/span><span style=\"color: #797593\">:<\/span><span style=\"color: #575279\"> <\/span><span style=\"color: #EA9D34\">&quot;Nunito&quot;<\/span><span style=\"color: #797593\">,<\/span><span style=\"color: #EA9D34\"> sans-serif<\/span><span style=\"color: #797593\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #575279\">  <\/span><span style=\"color: #56949F\">font-style<\/span><span style=\"color: #797593\">:<\/span><span style=\"color: #575279\"> <\/span><span style=\"color: #EA9D34\">normal<\/span><span style=\"color: #797593\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #575279\">  <\/span><span style=\"color: #56949F\">font-weight<\/span><span style=\"color: #797593\">:<\/span><span style=\"color: #575279\"> <\/span><span style=\"color: #D7827E\">\u06f4\u06f0\u06f0<\/span><span style=\"color: #797593\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #575279\">  <\/span><span style=\"color: #56949F\">font-display<\/span><span style=\"color: #797593\">:<\/span><span style=\"color: #575279\"> <\/span><span style=\"color: #EA9D34\">optional<\/span><span style=\"color: #797593\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #797593\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<br>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"use-web-workers\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u0628 \u0648\u0631\u06a9\u0631\u0647\u0627<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0647\u0631\u0686\u0647 \u06cc\u0647 \u0648\u0628 \u0633\u0627\u06cc\u062a \u06cc\u0627 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u062a\u0631 \u0628\u0627\u0634\u0647\u060c main thread \u0628\u0627\u06cc\u062f \u0639\u0645\u0644\u06cc\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u0631\u0648 \u0627\u0646\u062c\u0627\u0645 \u0628\u062f\u0647. \u0648\u0628 \u0648\u0631\u06a9\u0631\u0647\u0627 \u0628\u0647 \u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u062f\u0646 \u06a9\u062f \u0631\u0648 \u062e\u0627\u0631\u062c \u0627\u0632 main thread \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u0645 \u0648 \u0627\u0632 \u06a9\u0627\u0631 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f main thread \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc\u0634\u0647.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0645\u06cc\u062a\u0648\u0646\u06cc\u062f \u0627\u0632 \u0648\u0628 \u0648\u0631\u06a9\u0631\u0647\u0627 \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627\u06cc \u0648\u0638\u0627\u06cc\u0641 \u0641\u0634\u0631\u062f\u0647 CPU \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0627\u06af\u0647 \u0631\u0648\u06cc main thread \u0627\u0646\u062c\u0627\u0645 \u0628\u0634\u0647\u060c \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0631\u0648 \u0645\u0633\u062f\u0648\u062f \u0645\u06cc\u06a9\u0646\u0647. <\/p>\n\n\n\n<br>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"use-better-rendering-ways\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0648\u0634 \u0647\u0627\u06cc \u0628\u0647\u062a\u0631 \u0631\u0646\u062f\u0631<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0631\u0646\u062f\u0631 \u0633\u0645\u062a \u0633\u0631\u0648\u0631 (SSR) \u0648 \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u06cc\u062a \u0627\u06cc\u0633\u062a\u0627 (SSG) \u06a9\u0627\u0633\u062a\u06cc \u0647\u0627\u06cc \u0631\u0646\u062f\u0631 \u0633\u0645\u062a \u06a9\u0644\u0627\u06cc\u0646\u062a \u06a9\u0647 \u062f\u0631 \u0645\u0648\u0631\u062f\u0634 \u0635\u062d\u0628\u062a \u06a9\u0631\u062f\u06cc\u0645 \u0631\u0648 \u0628\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0631\u0646\u062f\u0631 \u0631\u0648\u06cc \u0633\u0631\u0648\u0631 \u0628\u0647 \u062c\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0631\u0637\u0631\u0641 \u0645\u06cc\u06a9\u0646\u0647.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0627\u06cc\u0646 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0631\u0646\u062f\u0631 \u0628\u0647\u200c\u062c\u0627\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0636\u0631\u0648\u0631\u06cc \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u060c \u0641\u0627\u06cc\u0644 HTML \u062a\u06a9\u0645\u06cc\u0644\u200c\u0634\u062f\u0647 \u0631\u0648 \u0642\u0628\u0644 \u0627\u0632 \u0627\u0631\u0633\u0627\u0644 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0631\u0648\u06cc \u0633\u0631\u0648\u0631 \u062a\u0648\u0644\u06cc\u062f \u0645\u06cc\u06a9\u0646\u0646\u062f. \u062f\u0648\u0631 \u06a9\u0631\u062f\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0631\u0646\u062f\u0631 \u0627\u0632 \u0645\u0631\u0648\u0631\u06af\u0631\u060c main thread \u0631\u0648 \u0622\u0632\u0627\u062f \u0645\u06cc\u06a9\u0646\u0647 \u0648 \u062d\u062c\u0645 \u06a9\u0627\u0631\u06cc\u0634 \u0631\u0648 \u06a9\u0627\u0647\u0634 \u0645\u06cc\u062f\u0647.<\/p>\n\n\n\n<br>\n<hr>\n<br>\n\n\n\n<h2 class=\"wp-block-heading has-vivid-cyan-blue-color has-text-color\" id=\"conlusion\">\u062c\u0645\u0639 \u0628\u0646\u062f\u06cc<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0647 \u062d\u062f\u0627\u0642\u0644 \u0631\u0633\u0648\u0646\u062f\u0646 \u06a9\u0627\u0631 main thread \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0627\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u0648 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u062e\u06cc\u0644\u06cc \u0645\u0647\u0645\u0647. \u0645\u06cc\u062a\u0648\u0646\u06cc\u062f \u0648\u0638\u0627\u06cc\u0641 main thread \u0631\u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0631\u0646\u062f\u0631 \u06a9\u0627\u0631\u0622\u0645\u062f\u062a\u0631\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u0628\u200c \u0648\u0631\u06a9\u0631\u0647\u0627\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u060c \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0628\u0644\u060c \u06a9\u0648\u0686\u06a9\u200c\u0633\u0627\u0632\u06cc CSS \u0648 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f \u0628\u0647 \u062a\u06a9\u0647\u200c\u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631 \u0628\u0647\u06cc\u0646\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0648 \u0627\u06cc\u062c\u0627\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0647\u062a\u0631\u060c \u0633\u0626\u0648 \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0628\u0647 \u0637\u0648\u0631 \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u0628\u0647\u0628\u0648\u062f \u067e\u06cc\u062f\u0627 \u0645\u06cc\u06a9\u0646\u0647.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#00d18485\">\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062f\u0631 \u0645\u0648\u0631\u062f \u0631\u0648\u0634 \u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u0635\u062d\u0628\u062a \u06a9\u0631\u062f\u06cc\u0645. \u0645\u0645\u0646\u0648\u0646 \u06a9\u0647 \u062a\u0627 \u0627\u0646\u062a\u0647\u0627\u06cc \u0645\u0642\u0627\u0644\u0647 \u0647\u0645\u0631\u0627\u0647 \u0645\u0646 \u0628\u0648\u062f\u06cc\u062f \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u062d\u0633 \u0645\u06cc\u06a9\u0646\u06cc\u062f \u0645\u0637\u0644\u0628\u06cc \u0647\u0633\u062a \u06a9\u0647 \u06af\u0641\u062a\u0647 \u0646\u0634\u062f\u0647 \u062d\u062a\u0645\u0627 \u062f\u0631 \u0642\u0633\u0645\u062a \u0646\u0638\u0631\u0627\u062a \u0628\u0627 \u0645\u0627 \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f. \u062f\u0631 \u0635\u0648\u0631\u062a \u062f\u0627\u0634\u062a\u0646 \u0647\u0631\u06af\u0648\u0646\u0647 \u0633\u0648\u0627\u0644 \u0628\u0627 \u062a\u06cc\u0645 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f.<\/p>\n","protected":false},"excerpt":{"rendered":"<ul>\n<li><a href=\"#what-is-main-thread\">Main thread \u0686\u06cc\u0633\u062a\u061f<\/a><\/li>\n<li><a href=\"#what-affects-main-thread\">\u0686\u0647 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u0631\u0648\u06cc main thread \u062a\u0627\u062b\u06cc\u0631 \u0645\u06cc \u06af\u0630\u0627\u0631\u062f\u061f<\/a><\/li>\n<li><a href=\"#poorly-optimized-css-files\">\u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc CSS \u0628\u0647\u06cc\u0646\u0647 \u0646\u0634\u062f\u0647<\/a><\/li>\n<li><a href=\"#third-party-resources\">\u0645\u0646\u0627\u0628\u0639 \u0634\u062e\u0635 \u062b\u0627\u0644\u062b<\/a><\/li>\n<li><a href=\"#client-side-render\">\u0631\u0646\u062f\u0631 \u062f\u0631 \u0633\u0645\u062a \u06a9\u0644\u0627\u06cc\u0646\u062a<\/a><\/li>\n<li><a href=\"#how-to-fix-avoid-long-main-thread-tasks\">\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks<\/a><\/li>\n<li><a href=\"#code-spliting\">\u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f<\/a><\/li>\n<li><a href=\"#minifying-css-and-javascript\">\u06a9\u0648\u0686\u06a9 \u06a9\u0631\u062f\u0646 CSS \u0648 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/a><\/li>\n<li><a href=\"#optimizing-javascript-code\">\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/a><\/li>\n<li><a href=\"#non-critical-resources-lazy-loading\">\u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0628\u0644 \u0645\u0646\u0627\u0628\u0639 \u063a\u06cc\u0631 \u0628\u062d\u0631\u0627\u0646\u06cc<\/a><\/li>\n<li><a href=\"#optimizing-fonts\">\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0641\u0648\u0646\u062a \u0647\u0627<\/a><\/li>\n<li><a href=\"#use-web-workers\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u0628 \u0648\u0631\u06a9\u0631\u0647\u0627<\/a><\/li>\n<li><a href=\"#use-better-rendering-ways\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0648\u0634 \u0647\u0627\u06cc \u0628\u0647\u062a\u0631 \u0631\u0646\u062f\u0631<\/a><\/li>\n<li><a href=\"#conlusion\">\u062c\u0645\u0639 \u0628\u0646\u062f\u06cc<\/a><\/li>\n<\/ul>\n","protected":false},"author":3,"featured_media":32744,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[131],"tags":[],"class_list":["post-32743","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo-tips"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.0 (Yoast SEO v25.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u062f\u0631 \u062c\u06cc \u062a\u06cc \u0645\u062a\u0631\u06cc\u06a9\u0633 - \u0645\u0642\u0627\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627<\/title>\n<meta name=\"description\" content=\"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u0628\u0627\u0639\u062b \u0645\u06cc\u0634\u0647 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0628\u0631\u0647 \u0628\u0627\u0644\u0627 \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0628\u0647\u062a\u0631 \u0628\u0634\u0647.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u062f\u0631 \u062c\u06cc \u062a\u06cc \u0645\u062a\u0631\u06cc\u06a9\u0633 - \u0645\u0642\u0627\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627\" \/>\n<meta property=\"og:description\" content=\"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u0628\u0627\u0639\u062b \u0645\u06cc\u0634\u0647 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0628\u0631\u0647 \u0628\u0627\u0644\u0627 \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0628\u0647\u062a\u0631 \u0628\u0634\u0647.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0645\u0642\u0627\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-21T13:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-24T10:18:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/parsavesta.com\/blog\/wp-content\/uploads\/2023\/10\/Avoid-long-main-thread-tasks.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"930\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"\u0641\u0631\u0646\u0648\u0634 \u0647\u0646\u0631\u0645\u0646\u062f\" \/>\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=\"\u0641\u0631\u0646\u0648\u0634 \u0647\u0646\u0631\u0645\u0646\u062f\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/\"},\"author\":{\"name\":\"\u0641\u0631\u0646\u0648\u0634 \u0647\u0646\u0631\u0645\u0646\u062f\",\"@id\":\"https:\/\/parsavesta.com\/blog\/#\/schema\/person\/f42640a4c3d7fcb9e41ac552b6101947\"},\"headline\":\"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u062f\u0631 \u062c\u06cc \u062a\u06cc \u0645\u062a\u0631\u06cc\u06a9\u0633\",\"datePublished\":\"2023-10-21T13:30:00+00:00\",\"dateModified\":\"2023-10-24T10:18:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/\"},\"wordCount\":138,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/parsavesta.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/parsavesta.com\/blog\/wp-content\/uploads\/2023\/10\/Avoid-long-main-thread-tasks.webp\",\"articleSection\":[\"\u0646\u06a9\u0627\u062a \u0633\u0626\u0648\"],\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/\",\"url\":\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/\",\"name\":\"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u062f\u0631 \u062c\u06cc \u062a\u06cc \u0645\u062a\u0631\u06cc\u06a9\u0633 - \u0645\u0642\u0627\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627\",\"isPartOf\":{\"@id\":\"https:\/\/parsavesta.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/parsavesta.com\/blog\/wp-content\/uploads\/2023\/10\/Avoid-long-main-thread-tasks.webp\",\"datePublished\":\"2023-10-21T13:30:00+00:00\",\"dateModified\":\"2023-10-24T10:18:48+00:00\",\"description\":\"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u0628\u0627\u0639\u062b \u0645\u06cc\u0634\u0647 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0628\u0631\u0647 \u0628\u0627\u0644\u0627 \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0628\u0647\u062a\u0631 \u0628\u0634\u0647.\",\"breadcrumb\":{\"@id\":\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#primaryimage\",\"url\":\"https:\/\/parsavesta.com\/blog\/wp-content\/uploads\/2023\/10\/Avoid-long-main-thread-tasks.webp\",\"contentUrl\":\"https:\/\/parsavesta.com\/blog\/wp-content\/uploads\/2023\/10\/Avoid-long-main-thread-tasks.webp\",\"width\":1500,\"height\":930,\"caption\":\"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u062f\u0631 \u062c\u06cc \u062a\u06cc \u0645\u062a\u0631\u06cc\u06a9\u0633\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\/\/parsavesta.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u062f\u0631 \u062c\u06cc \u062a\u06cc \u0645\u062a\u0631\u06cc\u06a9\u0633\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/parsavesta.com\/blog\/#website\",\"url\":\"https:\/\/parsavesta.com\/blog\/\",\"name\":\"\u0645\u0642\u0627\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627\",\"description\":\"\u0627\u0632 \u067e\u0627\u06cc\u0647 \u062a\u0627 \u062a\u0631\u0646\u062f\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0648 \u0633\u0626\u0648 \u0631\u0648 \u0633\u0627\u062f\u0647 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u062a\u0648\u0636\u06cc\u062d \u062f\u0627\u062f\u06cc\u0645.\",\"publisher\":{\"@id\":\"https:\/\/parsavesta.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/parsavesta.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/parsavesta.com\/blog\/#organization\",\"name\":\"\u0645\u0642\u0627\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627\",\"url\":\"https:\/\/parsavesta.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/parsavesta.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/parsavesta.com\/blog\/wp-content\/uploads\/2025\/09\/Untitled-3.jpg\",\"contentUrl\":\"https:\/\/parsavesta.com\/blog\/wp-content\/uploads\/2025\/09\/Untitled-3.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"\u0645\u0642\u0627\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627\"},\"image\":{\"@id\":\"https:\/\/parsavesta.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/parsavesta.com\/blog\/#\/schema\/person\/f42640a4c3d7fcb9e41ac552b6101947\",\"name\":\"\u0641\u0631\u0646\u0648\u0634 \u0647\u0646\u0631\u0645\u0646\u062f\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/parsavesta.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a9956ca6775f0200ae4a5adbf6bc9046c51d3e3b54319d98db3d7bf78a4f2f32?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a9956ca6775f0200ae4a5adbf6bc9046c51d3e3b54319d98db3d7bf78a4f2f32?s=96&d=mm&r=g\",\"caption\":\"\u0641\u0631\u0646\u0648\u0634 \u0647\u0646\u0631\u0645\u0646\u062f\"},\"sameAs\":[\"http:\/\/parsavesta.com\"],\"url\":\"https:\/\/parsavesta.com\/blog\/author\/farnoosh-honarmad\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u062f\u0631 \u062c\u06cc \u062a\u06cc \u0645\u062a\u0631\u06cc\u06a9\u0633 - \u0645\u0642\u0627\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627","description":"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u0628\u0627\u0639\u062b \u0645\u06cc\u0634\u0647 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0628\u0631\u0647 \u0628\u0627\u0644\u0627 \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0628\u0647\u062a\u0631 \u0628\u0634\u0647.","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:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/","og_locale":"fa_IR","og_type":"article","og_title":"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u062f\u0631 \u062c\u06cc \u062a\u06cc \u0645\u062a\u0631\u06cc\u06a9\u0633 - \u0645\u0642\u0627\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627","og_description":"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u0628\u0627\u0639\u062b \u0645\u06cc\u0634\u0647 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0628\u0631\u0647 \u0628\u0627\u0644\u0627 \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0628\u0647\u062a\u0631 \u0628\u0634\u0647.","og_url":"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/","og_site_name":"\u0645\u0642\u0627\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627","article_published_time":"2023-10-21T13:30:00+00:00","article_modified_time":"2023-10-24T10:18:48+00:00","og_image":[{"width":1500,"height":930,"url":"https:\/\/parsavesta.com\/blog\/wp-content\/uploads\/2023\/10\/Avoid-long-main-thread-tasks.webp","type":"image\/webp"}],"author":"\u0641\u0631\u0646\u0648\u0634 \u0647\u0646\u0631\u0645\u0646\u062f","twitter_card":"summary_large_image","twitter_misc":{"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a":"\u0641\u0631\u0646\u0648\u0634 \u0647\u0646\u0631\u0645\u0646\u062f"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#article","isPartOf":{"@id":"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/"},"author":{"name":"\u0641\u0631\u0646\u0648\u0634 \u0647\u0646\u0631\u0645\u0646\u062f","@id":"https:\/\/parsavesta.com\/blog\/#\/schema\/person\/f42640a4c3d7fcb9e41ac552b6101947"},"headline":"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u062f\u0631 \u062c\u06cc \u062a\u06cc \u0645\u062a\u0631\u06cc\u06a9\u0633","datePublished":"2023-10-21T13:30:00+00:00","dateModified":"2023-10-24T10:18:48+00:00","mainEntityOfPage":{"@id":"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/"},"wordCount":138,"commentCount":0,"publisher":{"@id":"https:\/\/parsavesta.com\/blog\/#organization"},"image":{"@id":"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#primaryimage"},"thumbnailUrl":"https:\/\/parsavesta.com\/blog\/wp-content\/uploads\/2023\/10\/Avoid-long-main-thread-tasks.webp","articleSection":["\u0646\u06a9\u0627\u062a \u0633\u0626\u0648"],"inLanguage":"fa-IR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/","url":"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/","name":"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u062f\u0631 \u062c\u06cc \u062a\u06cc \u0645\u062a\u0631\u06cc\u06a9\u0633 - \u0645\u0642\u0627\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627","isPartOf":{"@id":"https:\/\/parsavesta.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#primaryimage"},"image":{"@id":"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#primaryimage"},"thumbnailUrl":"https:\/\/parsavesta.com\/blog\/wp-content\/uploads\/2023\/10\/Avoid-long-main-thread-tasks.webp","datePublished":"2023-10-21T13:30:00+00:00","dateModified":"2023-10-24T10:18:48+00:00","description":"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u0628\u0627\u0639\u062b \u0645\u06cc\u0634\u0647 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0628\u0631\u0647 \u0628\u0627\u0644\u0627 \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0633\u0627\u06cc\u062a\u062a\u0648\u0646 \u0628\u0647\u062a\u0631 \u0628\u0634\u0647.","breadcrumb":{"@id":"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/"]}]},{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#primaryimage","url":"https:\/\/parsavesta.com\/blog\/wp-content\/uploads\/2023\/10\/Avoid-long-main-thread-tasks.webp","contentUrl":"https:\/\/parsavesta.com\/blog\/wp-content\/uploads\/2023\/10\/Avoid-long-main-thread-tasks.webp","width":1500,"height":930,"caption":"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u062f\u0631 \u062c\u06cc \u062a\u06cc \u0645\u062a\u0631\u06cc\u06a9\u0633"},{"@type":"BreadcrumbList","@id":"https:\/\/parsavesta.com\/blog\/avoid-long-main-thread-tasks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/parsavesta.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u0631\u0641\u0639 \u062e\u0637\u0627\u06cc Avoid long main-thread tasks \u062f\u0631 \u062c\u06cc \u062a\u06cc \u0645\u062a\u0631\u06cc\u06a9\u0633"}]},{"@type":"WebSite","@id":"https:\/\/parsavesta.com\/blog\/#website","url":"https:\/\/parsavesta.com\/blog\/","name":"\u0645\u0642\u0627\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627","description":"\u0627\u0632 \u067e\u0627\u06cc\u0647 \u062a\u0627 \u062a\u0631\u0646\u062f\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0648 \u0633\u0626\u0648 \u0631\u0648 \u0633\u0627\u062f\u0647 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u062a\u0648\u0636\u06cc\u062d \u062f\u0627\u062f\u06cc\u0645.","publisher":{"@id":"https:\/\/parsavesta.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/parsavesta.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"},{"@type":"Organization","@id":"https:\/\/parsavesta.com\/blog\/#organization","name":"\u0645\u0642\u0627\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627","url":"https:\/\/parsavesta.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/parsavesta.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/parsavesta.com\/blog\/wp-content\/uploads\/2025\/09\/Untitled-3.jpg","contentUrl":"https:\/\/parsavesta.com\/blog\/wp-content\/uploads\/2025\/09\/Untitled-3.jpg","width":1920,"height":1080,"caption":"\u0645\u0642\u0627\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u067e\u0627\u0631\u0633 \u0627\u0648\u0633\u062a\u0627"},"image":{"@id":"https:\/\/parsavesta.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/parsavesta.com\/blog\/#\/schema\/person\/f42640a4c3d7fcb9e41ac552b6101947","name":"\u0641\u0631\u0646\u0648\u0634 \u0647\u0646\u0631\u0645\u0646\u062f","image":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/parsavesta.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a9956ca6775f0200ae4a5adbf6bc9046c51d3e3b54319d98db3d7bf78a4f2f32?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a9956ca6775f0200ae4a5adbf6bc9046c51d3e3b54319d98db3d7bf78a4f2f32?s=96&d=mm&r=g","caption":"\u0641\u0631\u0646\u0648\u0634 \u0647\u0646\u0631\u0645\u0646\u062f"},"sameAs":["http:\/\/parsavesta.com"],"url":"https:\/\/parsavesta.com\/blog\/author\/farnoosh-honarmad\/"}]}},"_links":{"self":[{"href":"https:\/\/parsavesta.com\/blog\/wp-json\/wp\/v2\/posts\/32743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/parsavesta.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/parsavesta.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/parsavesta.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/parsavesta.com\/blog\/wp-json\/wp\/v2\/comments?post=32743"}],"version-history":[{"count":14,"href":"https:\/\/parsavesta.com\/blog\/wp-json\/wp\/v2\/posts\/32743\/revisions"}],"predecessor-version":[{"id":33071,"href":"https:\/\/parsavesta.com\/blog\/wp-json\/wp\/v2\/posts\/32743\/revisions\/33071"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/parsavesta.com\/blog\/wp-json\/wp\/v2\/media\/32744"}],"wp:attachment":[{"href":"https:\/\/parsavesta.com\/blog\/wp-json\/wp\/v2\/media?parent=32743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/parsavesta.com\/blog\/wp-json\/wp\/v2\/categories?post=32743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/parsavesta.com\/blog\/wp-json\/wp\/v2\/tags?post=32743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}