{"id":112283,"date":"2026-02-05T22:09:25","date_gmt":"2026-02-05T18:39:25","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/%d8%aa%d9%88%d8%b6%db%8c%d8%ad%d8%a7%d8%aa-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d9%85%d8%b1%d9%88%d8%b1%da%af%d8%b1-%d9%88%d8%a8-%d8%a7%d9%86%d8%ac%d9%85%d9%86-dev\/"},"modified":"2026-02-05T22:09:25","modified_gmt":"2026-02-05T18:39:25","slug":"%d8%aa%d9%88%d8%b6%db%8c%d8%ad%d8%a7%d8%aa-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d9%85%d8%b1%d9%88%d8%b1%da%af%d8%b1-%d9%88%d8%a8-%d8%a7%d9%86%d8%ac%d9%85%d9%86-dev","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/%d8%aa%d9%88%d8%b6%db%8c%d8%ad%d8%a7%d8%aa-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d9%85%d8%b1%d9%88%d8%b1%da%af%d8%b1-%d9%88%d8%a8-%d8%a7%d9%86%d8%ac%d9%85%d9%86-dev\/","title":{"rendered":"\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062f\u0627\u062e\u0644\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628 &#8211; \u0627\u0646\u062c\u0645\u0646 DEV"},"content":{"rendered":"<p><strong>\u062e\u0644\u0627\u0635\u0647 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0648\u0628 (200 \u06a9\u0644\u0645\u0647 \u0641\u0627\u0631\u0633\u06cc):<\/strong>  <\/p>\n<p>\u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0648\u0628 \u0645\u0627\u0646\u0646\u062f \u06a9\u0631\u0648\u0645\u060c \u0641\u0627\u06cc\u0631\u0641\u0627\u06a9\u0633 \u0648 \u0633\u0627\u0641\u0627\u0631\u06cc\u060c \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u0627 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u0647\u0633\u062a\u0646\u062f. \u0627\u06cc\u0646 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u0647\u0627 \u0645\u0646\u0627\u0628\u0639 \u0648\u0628 (HTML\u060c CSS\u060c JS) \u0631\u0627 \u0627\u0632 \u0633\u0631\u0648\u0631 \u062f\u0631\u06cc\u0627\u0641\u062a \u0648 \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0628\u0635\u0631\u06cc \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.  <\/p>\n<p>\u0627\u062c\u0632\u0627\u06cc \u0627\u0635\u0644\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0634\u0627\u0645\u0644:  <\/p>\n<ol>\n<li><strong>\u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/strong> (\u0646\u0648\u0627\u0631 \u0622\u062f\u0631\u0633\u060c \u062f\u06a9\u0645\u0647\u200c\u0647\u0627)  <\/li>\n<li><strong>\u0645\u0648\u062a\u0648\u0631 \u0631\u0646\u062f\u0631<\/strong> (\u0645\u062b\u0644 Blink \u06cc\u0627 WebKit): \u06a9\u062f\u0647\u0627 \u0631\u0627 \u0628\u0647 \u062f\u0631\u062e\u062a\u200c\u0647\u0627\u06cc (DOM \u0648 CSSOM) \u0648 \u0633\u067e\u0633 \u0628\u0647 \u067e\u06cc\u06a9\u0633\u0644 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f.  <\/li>\n<li><strong>\u0644\u0627\u06cc\u0647 \u0634\u0628\u06a9\u0647<\/strong>: \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0633\u0631\u0648\u0631 \u0627\u0631\u0633\u0627\u0644 \u0648 \u0645\u0646\u0627\u0628\u0639 \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc\u200c\u0646\u0645\u0627\u06cc\u062f.  <\/li>\n<li><strong>\u0645\u062a\u0631\u062c\u0645 \u062c\u0627\u0648\u0627\u200c\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/strong> (\u0645\u062b\u0644 V8): \u06a9\u062f\u0647\u0627\u06cc JS \u0631\u0627 \u0627\u062c\u0631\u0627 \u0645\u06cc\u200c\u06a9\u0646\u062f.  <\/li>\n<li><strong>\u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc<\/strong>: \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u0631\u0648\u06cc \u062f\u06cc\u0633\u06a9 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f (\u0645\u0627\u0646\u0646\u062f \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627).  <\/li>\n<\/ol>\n<p>\u0647\u0646\u06af\u0627\u0645 \u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u0622\u062f\u0631\u0633 URL\u060c \u0627\u06cc\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc\u200c\u0627\u0641\u062a\u062f:  <\/p>\n<ul>\n<li>\u0644\u0627\u06cc\u0647 \u0634\u0628\u06a9\u0647 \u0645\u0646\u0627\u0628\u0639 \u0631\u0627 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.  <\/li>\n<li>\u062a\u062c\u0632\u06cc\u0647\u200c\u06af\u0631\u0647\u0627 HTML\/CSS \u0631\u0627 \u0628\u0647 \u062f\u0631\u062e\u062a\u200c\u0647\u0627\u06cc DOM \u0648 CSSOM \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.  <\/li>\n<li>\u062f\u0631\u062e\u062a \u0631\u0646\u062f\u0631 \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u0648 \u0645\u0631\u0627\u062d\u0644 <strong>\u0644\u0627\u06cc\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u062a\u0648\u0627<\/strong> (\u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u0639\u0646\u0627\u0635\u0631)\u060c <strong>\u0631\u0646\u06af\u200c\u0622\u0645\u06cc\u0632\u06cc<\/strong> (\u062a\u0628\u062f\u06cc\u0644 \u0628\u0647 \u067e\u06cc\u06a9\u0633\u0644\u200c\u0647\u0627) \u0648 <strong>\u062a\u0631\u06a9\u06cc\u0628 \u0646\u0647\u0627\u06cc\u06cc<\/strong> \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f.  <\/li>\n<\/ul>\n<p>\u062c\u0627\u0648\u0627\u200c\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0648\u0646\u062f \u0631\u0646\u062f\u0631 \u0631\u0627 \u0645\u06a9\u062b \u0645\u06cc\u200c\u06a9\u0646\u062f\u061b \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u200c\u0647\u0627 \u0642\u0628\u0644 \u0627\u0632 \u067e\u0627\u06cc\u0627\u0646 \u062a\u06af <code>&lt;\/body&gt;<\/code> \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u0646\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u062f\u0631 \u0627\u0628\u0639\u0627\u062f \u0639\u0646\u0627\u0635\u0631 (<strong>Reflow<\/strong>) \u0647\u0632\u06cc\u0646\u0647\u200c\u0628\u0631\u062a\u0631 \u0627\u0632 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0638\u0627\u0647\u0631\u06cc (<strong>Repaint<\/strong>) \u0647\u0633\u062a\u0646\u062f. \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u060c \u0634\u0627\u0647\u06a9\u0627\u0631 \u0645\u0647\u0646\u062f\u0633\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u062f\u0646\u06cc\u0627\u06cc \u0648\u0628 \u0631\u0627 \u0627\u0645\u06a9\u0627\u0646\u200c\u067e\u0630\u06cc\u0631 \u0645\u06cc\u200c\u0633\u0627\u0632\u0646\u062f.<\/p>\n<div data-article-id=\"3235612\" id=\"article-body\">\n<p>\u0647\u0645\u0647 \u0645\u0627 \u0647\u0631 \u0631\u0648\u0632 \u0627\u0632 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0648\u0628 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645. \u0686\u0647 \u06af\u0634\u062a \u0648 \u06af\u0630\u0627\u0631 \u062f\u0631 \u0634\u0628\u06a9\u0647 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc\u060c \u062a\u0645\u0627\u0634\u0627\u06cc \u0648\u06cc\u062f\u06cc\u0648 \u062f\u0631 \u06cc\u0648\u062a\u06cc\u0648\u0628 \u06cc\u0627 \u062c\u0633\u062a\u062c\u0648\u06cc \u0633\u0631\u06cc\u0639\u060c \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0628\u0647 \u0642\u062f\u0631\u06cc \u062c\u0632\u0621 \u0636\u0631\u0648\u0631\u06cc \u0632\u0646\u062f\u06af\u06cc \u0645\u0627 \u0634\u062f\u0647 \u0627\u0646\u062f \u06a9\u0647 \u0628\u0647 \u0633\u062e\u062a\u06cc \u0645\u062a\u0648\u062c\u0647 \u0622\u0646\u0647\u0627 \u0645\u06cc \u0634\u0648\u06cc\u0645. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u067e\u0634\u062a \u0627\u06cc\u0646 \u0641\u0646\u0627\u0648\u0631\u06cc \u0686\u0634\u0645\u06af\u06cc\u0631 \u0686\u0646\u062f \u0645\u0647\u0646\u062f\u0633\u06cc \u0639\u0627\u0644\u06cc \u0646\u0647\u0641\u062a\u0647 \u0627\u0633\u062a\u060c \u0648 \u0627\u06cc\u0646 \u0686\u06cc\u0632\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u0645\u0631\u0648\u0632 \u0628\u0631\u0631\u0633\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f.<\/p>\n<p>\u0642\u0628\u0644 \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u0639\u0645\u06cc\u0642\u0627\u064b \u0628\u0647 \u0622\u0646 \u0628\u067e\u0631\u062f\u0627\u0632\u06cc\u0645\u060c \u0627\u062c\u0627\u0632\u0647 \u062f\u0647\u06cc\u062f \u0627\u0628\u062a\u062f\u0627 \u0628\u0647 \u0627\u06cc\u0646 \u0633\u0624\u0627\u0644 \u0628\u062f\u06cc\u0647\u06cc \u0628\u067e\u0631\u062f\u0627\u0632\u06cc\u0645: \u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628 \u062f\u0642\u06cc\u0642\u0627\u064b \u0686\u06cc\u0633\u062a\u061f<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/%d8%aa%d9%88%d8%b6%db%8c%d8%ad%d8%a7%d8%aa-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d9%85%d8%b1%d9%88%d8%b1%da%af%d8%b1-%d9%88%d8%a8-%d8%a7%d9%86%d8%ac%d9%85%d9%86-dev\/#%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1_%D9%88%D8%A8_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\" >\u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628 \u0686\u06cc\u0633\u062a\u061f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/%d8%aa%d9%88%d8%b6%db%8c%d8%ad%d8%a7%d8%aa-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d9%85%d8%b1%d9%88%d8%b1%da%af%d8%b1-%d9%88%d8%a8-%d8%a7%d9%86%d8%ac%d9%85%d9%86-dev\/#%D8%A7%D8%AC%D8%B2%D8%A7%DB%8C_%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1_%D9%88%D8%A8\" >\u0627\u062c\u0632\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/%d8%aa%d9%88%d8%b6%db%8c%d8%ad%d8%a7%d8%aa-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d9%85%d8%b1%d9%88%d8%b1%da%af%d8%b1-%d9%88%d8%a8-%d8%a7%d9%86%d8%ac%d9%85%d9%86-dev\/#%DA%86%DA%AF%D9%88%D9%86%D9%87_%DB%8C%DA%A9_%D8%B5%D9%81%D8%AD%D9%87_%D9%88%D8%A8_%D8%A7%D8%B1%D8%A7%D8%A6%D9%87_%D9%85%DB%8C_%D8%B4%D9%88%D8%AF%D8%9F\" >\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u0634\u0648\u062f\u061f<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/%d8%aa%d9%88%d8%b6%db%8c%d8%ad%d8%a7%d8%aa-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d9%85%d8%b1%d9%88%d8%b1%da%af%d8%b1-%d9%88%d8%a8-%d8%a7%d9%86%d8%ac%d9%85%d9%86-dev\/#The_JavaScript_Interruption\" >The JavaScript Interruption<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/%d8%aa%d9%88%d8%b6%db%8c%d8%ad%d8%a7%d8%aa-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d9%85%d8%b1%d9%88%d8%b1%da%af%d8%b1-%d9%88%d8%a8-%d8%a7%d9%86%d8%ac%d9%85%d9%86-dev\/#Reflow_vs_Repaint\" >Reflow vs Repaint<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/%d8%aa%d9%88%d8%b6%db%8c%d8%ad%d8%a7%d8%aa-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d9%85%d8%b1%d9%88%d8%b1%da%af%d8%b1-%d9%88%d8%a8-%d8%a7%d9%86%d8%ac%d9%85%d9%86-dev\/#Conclusion\" >Conclusion<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/%d8%aa%d9%88%d8%b6%db%8c%d8%ad%d8%a7%d8%aa-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d9%85%d8%b1%d9%88%d8%b1%da%af%d8%b1-%d9%88%d8%a8-%d8%a7%d9%86%d8%ac%d9%85%d9%86-dev\/#Top_comments_0\" >Top comments (0)<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/%d8%aa%d9%88%d8%b6%db%8c%d8%ad%d8%a7%d8%aa-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d9%85%d8%b1%d9%88%d8%b1%da%af%d8%b1-%d9%88%d8%a8-%d8%a7%d9%86%d8%ac%d9%85%d9%86-dev\/#%D9%BE%D8%B1%D8%B7%D8%B1%D9%81%D8%AF%D8%A7%D8%B1_%D8%AF%D8%B1_%D8%A7%D9%86%D8%AC%D9%85%D9%86_DEV_%D8%AF%D8%A7%D8%BA\" >\u067e\u0631\u0637\u0631\u0641\u062f\u0627\u0631 \u062f\u0631 \u0627\u0646\u062c\u0645\u0646 DEV\n            \u062f\u0627\u063a<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1_%D9%88%D8%A8_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\"><\/span>\n<p>  \u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628 \u0686\u06cc\u0633\u062a\u061f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0648 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0648 \u0645\u0646\u0627\u0628\u0639 \u0627\u0632 \u0634\u0628\u06a9\u0647 \u062c\u0647\u0627\u0646\u06cc \u0648\u0628 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0631\u0627\u0628\u0637 \u0628\u06cc\u0646 \u06a9\u0627\u0631\u0628\u0631 \u0648 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u0639\u0645\u0644 \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647\u060c \u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628 \u0628\u0631\u0646\u0627\u0645\u0647 \u0627\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u0627\u0632 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0627 \u0628\u0627\u0632\u062f\u06cc\u062f \u06a9\u0646\u062f.<\/p>\n<p>\u0627\u0632 \u0646\u0638\u0631 \u0641\u0646\u06cc\u060c \u0645\u0631\u0648\u0631\u06af\u0631 \u06cc\u06a9 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0648 \u0631\u0646\u062f\u0631 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0646\u0627\u0628\u0639 \u0645\u062a\u0646 \u062e\u0627\u0645 \u0645\u0627\u0646\u0646\u062f HTML\u060c CSS \u0648 JS \u0631\u0627 \u0645\u06cc \u06af\u06cc\u0631\u062f \u0648 \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0647\u0627\u06cc \u0628\u0635\u0631\u06cc \u0631\u0648\u06cc \u0635\u0641\u062d\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<p>\u0628\u0631\u062e\u06cc \u0627\u0632 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0648\u0628 \u0639\u0627\u0644\u06cc \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0647\u0633\u062a\u0646\u062f\u060c \u0645\u0627\u0646\u0646\u062f \u06a9\u0631\u0648\u0645\u060c \u0627\u062c\u060c \u0641\u0627\u06cc\u0631\u0641\u0627\u06a9\u0633\u060c \u0633\u0627\u0641\u0627\u0631\u06cc \u0648 \u0628\u0631\u06cc\u0648.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D8%AC%D8%B2%D8%A7%DB%8C_%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1_%D9%88%D8%A8\"><\/span>\n<p>  \u0627\u062c\u0632\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u06cc\u06a9 \u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628 \u0627\u0632 \u0627\u062c\u0632\u0627\u06cc \u0645\u062a\u0639\u062f\u062f\u06cc \u062a\u0634\u06a9\u06cc\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a \u0645\u0627\u0646\u0646\u062f:<\/p>\n<ol>\n<li>\n<strong>\u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc:<\/strong> \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u06af\u0631\u0627\u0641\u06cc\u06a9\u06cc (GUI) \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u0633\u062a \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0622\u0646 \u0631\u0627 \u0628\u0628\u06cc\u0646\u062f \u0648 \u0628\u0627 \u0622\u0646 \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u06a9\u0631\u0648\u0645\u060c \u0627\u06cc\u0646 \u0634\u0627\u0645\u0644 \u067e\u0646\u062c\u0631\u0647 \u0628\u0627\u0632 \u0628\u0627 \u0646\u0648\u0627\u0631 \u0622\u062f\u0631\u0633\u060c \u0646\u0634\u0627\u0646\u06a9\u200c\u0647\u0627\u060c \u0645\u06cc\u0627\u0646\u0628\u0631\u0647\u0627 \u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0645\u0634\u0627\u0628\u0647 \u0627\u0633\u062a \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0628\u06cc\u0646\u062f \u0648 \u0628\u0627 \u0622\u0646 \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f.<\/li>\n<li>\n<strong>\u0645\u0648\u062a\u0648\u0631 \u0645\u0631\u0648\u0631\u06af\u0631<\/strong>: \u0627\u06cc\u0646 \u0642\u0633\u0645\u062a \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u067e\u0644 \u0628\u06cc\u0646 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc (UI) \u0648 \u0645\u0648\u062a\u0648\u0631 \u0631\u0646\u062f\u0631 \u0639\u0645\u0644 \u0645\u06cc \u06a9\u0646\u062f.<\/li>\n<li>\n<strong>\u0645\u0648\u062a\u0648\u0631 \u0631\u0646\u062f\u0631:<\/strong> \u0627\u06cc\u0646 \u0647\u0633\u062a\u0647 \u0627\u0635\u0644\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u0633\u062a. \u0627\u0633\u0646\u0627\u062f\u06cc \u0645\u0627\u0646\u0646\u062f HTML \u0648 CSS \u0631\u0627 \u0628\u0647 \u062f\u0631\u062e\u062a \u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637\u0647 \u062e\u0648\u062f (DOM \u0648 CSSOM) \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0645\u062d\u062a\u0648\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f. \u0628\u0647 \u0639\u0628\u0627\u0631\u062a \u062f\u06cc\u06af\u0631\u060c \u06a9\u062f \u0631\u0627 \u0628\u0647 \u067e\u06cc\u06a9\u0633\u0644 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u06a9\u0646\u062f. \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u0631\u0646\u062f\u0631 \u0632\u06cc\u0627\u062f\u06cc \u0645\u0627\u0646\u0646\u062f Blink\u060c Gecko \u0648 Webkit \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f.<\/li>\n<li>\n<strong>\u0634\u0628\u06a9\u0647 \u0633\u0627\u0632\u06cc<\/strong>: \u0627\u06cc\u0646 \u062c\u0632\u0621 \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0639\u0645\u0644\u06cc\u0627\u062a \u0634\u0628\u06a9\u0647 \u0645\u0627\u0646\u0646\u062f \u0648\u0636\u0648\u062d DNS \u0648 \u0648\u0627\u06a9\u0634\u06cc \u0645\u0646\u0627\u0628\u0639\u06cc \u0645\u0627\u0646\u0646\u062f HTML\u060c CSS \u0648 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0627\u0632 \u0633\u0631\u0648\u0631\u0647\u0627 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a.<\/li>\n<li>\n<strong>\u0645\u062a\u0631\u062c\u0645 JS<\/strong>: \u0627\u06cc\u0646 \u0645\u0624\u0644\u0641\u0647 \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u062f\u0631 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0645\u0627 \u0627\u062c\u0631\u0627 \u0645\u06cc \u06a9\u0646\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u0648\u062a\u0648\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0634\u0646\u0627\u062e\u062a\u0647 \u0645\u06cc \u0634\u0648\u062f \u06a9\u0647 \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u062a\u062c\u0632\u06cc\u0647 \u0648 \u0627\u062c\u0631\u0627 \u0645\u06cc \u06a9\u0646\u062f. \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u0632 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 JIT (Just In Time) \u0628\u0631\u0627\u06cc \u0633\u0631\u0639\u062a \u0628\u062e\u0634\u06cc\u062f\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0646\u062f. \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u062d\u0628\u0648\u0628 \u0628\u0633\u06cc\u0627\u0631\u06cc \u0645\u0627\u0646\u0646\u062f V8\u060c SpiderMonkey \u0648 WebKit \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f.<\/li>\n<li>\n<strong>UI Backend:<\/strong> \u0627\u06cc\u0646 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0628\u0627 \u0633\u06cc\u0633\u062a\u0645 \u0639\u0627\u0645\u0644 \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0631\u062f \u0648 \u0627\u0645\u06a9\u0627\u0646 \u0646\u0645\u0627\u06cc\u0634 \u0627\u062c\u0632\u0627\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0645\u0627\u0646\u0646\u062f \u067e\u0646\u062c\u0631\u0647 \u0647\u0627 \u0648 \u062f\u06a9\u0645\u0647 \u0647\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0631\u0627\u0628\u0637 \u0645\u0631\u0648\u0631\u06af\u0631 \u0631\u0627 \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<li>\n<strong>\u0645\u0627\u0646\u062f\u06af\u0627\u0631\u06cc \u062f\u06cc\u0633\u06a9:<\/strong> \u0627\u06cc\u0646 \u0644\u0627\u06cc\u0647 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u062f\u0627\u062f\u0647 \u0647\u0627 \u0631\u0627 \u0628\u0627 \u0627\u062c\u0627\u0632\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0639\u0627\u0645\u0644 \u0627\u0632 \u062d\u0627\u0641\u0638\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0630\u062e\u06cc\u0631\u0647 \u0648 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0634\u0627\u0645\u0644 \u06af\u0632\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u0627\u0646\u0646\u062f Cookies\u060c LocalStorage \u0648 SessionStorage \u0645\u06cc \u0634\u0648\u062f.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"%DA%86%DA%AF%D9%88%D9%86%D9%87_%DB%8C%DA%A9_%D8%B5%D9%81%D8%AD%D9%87_%D9%88%D8%A8_%D8%A7%D8%B1%D8%A7%D8%A6%D9%87_%D9%85%DB%8C_%D8%B4%D9%88%D8%AF%D8%9F\"><\/span>\n<p>  \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u0634\u0648\u062f\u061f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062d\u0627\u0644\u0627 \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0647 \u067e\u0634\u062a \u0635\u062d\u0646\u0647 \u0628\u0631\u0648\u06cc\u0645\u060c \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u06cc\u0646\u06a9\u0647 \u0648\u0642\u062a\u06cc \u06cc\u06a9 URL \u0631\u0627 \u0648\u0627\u0631\u062f \u0645\u06cc \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0647 \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u062f\u0633\u062a\u0631\u0633\u06cc \u067e\u06cc\u062f\u0627 \u0645\u06cc \u06a9\u0646\u06cc\u062f \u0686\u0647 \u0627\u062a\u0641\u0627\u0642\u06cc \u0645\u06cc \u0627\u0641\u062a\u062f.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/media2.dev.to\/dynamic\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj1gpevd7zz7yuqpmuipq.png\" alt=\"\u0631\u0646\u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0645\u0631\u0648\u0631\u06af\u0631\" loading=\"lazy\" width=\"800\" height=\"517\" title=\"\"><\/p>\n<ol>\n<li>\u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 URL \u0631\u0627 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u062a\u0627\u06cc\u067e \u0645\u06cc \u06a9\u0646\u06cc\u062f (\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c thatsmanmeet.com)\u060c \u0644\u0627\u06cc\u0647 \u0634\u0628\u06a9\u0647 \u0648\u0636\u0648\u062d DNS \u0631\u0627 \u06a9\u0646\u062a\u0631\u0644 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u06cc \u0631\u0627 \u0628\u0647 \u0633\u0631\u0648\u0631 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc \u06a9\u0646\u062f. \u0645\u0646\u0627\u0628\u0639\u06cc \u0645\u0627\u0646\u0646\u062f HTML\u060c CSS \u0648 \u0639\u0646\u0627\u0635\u0631 \u062f\u06cc\u06af\u0631 \u0645\u0627\u0646\u0646\u062f \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648 \u0641\u0648\u0646\u062a \u0647\u0627 \u0631\u0627 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u0645\u06cc \u06a9\u0646\u062f.<\/li>\n<li>\n<p>\u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 HTML \u0648 CSS \u0648\u0627\u06a9\u0634\u06cc \u0634\u062f\u0646\u062f\u060c \u0627\u06cc\u0646 \u0627\u0633\u0646\u0627\u062f \u0628\u0647 \u0645\u0631\u0628\u0648\u0637\u0647 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc \u0634\u0648\u0646\u062f <strong>\u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u0646\u062f\u0647 \u0647\u0627<\/strong>. \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u0646\u062f\u0647 \u0645\u062a\u0646 \u062e\u0627\u0645 \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0627\u06cc\u0646 \u0641\u0627\u06cc\u0644 \u0647\u0627 \u0631\u0627 \u0628\u0647 Object Model \u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<ol>\n<li>\u0628\u0631\u0627\u06cc HTML\u060c \u0645\u062a\u0646 \u062e\u0627\u0645 \u0645\u0627\u0646\u0646\u062f <code>\n<p>Hello<\/p>\n<p><\/code> \u0628\u0647 \u062a\u0648\u06a9\u0646 \u0647\u0627 \u0634\u06a9\u0633\u062a\u0647 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0628\u0647 \u0627\u0634\u06cc\u0627\u06cc\u06cc \u0628\u0647 \u0646\u0627\u0645 Nodes \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u0634\u0648\u062f. \u0627\u0644\u0641 <strong>\u06af\u0631\u0647<\/strong> \u06cc\u06a9 \u0639\u0646\u0635\u0631 \u06cc\u0627 \u0645\u0624\u0644\u0641\u0647 \u0648\u0627\u062d\u062f \u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0627\u0633\u062a \u06a9\u0647 \u06cc\u06a9 \u0639\u0646\u0635\u0631 HTML \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f. \u0627\u06cc\u0646 \u06af\u0631\u0647 \u0647\u0627 \u062f\u0631 \u0633\u0627\u062e\u062a\u0627\u0631\u06cc \u062f\u0631\u062e\u062a \u0645\u0627\u0646\u0646\u062f \u0628\u0647 \u0646\u0627\u0645 the \u0645\u0631\u062a\u0628 \u0634\u062f\u0647 \u0627\u0646\u062f <strong>\u0645\u062f\u0644 \u0634\u06cc\u0621 \u0633\u0646\u062f (DOM).<\/strong>\n<\/li>\n<li>\u0628\u0631\u0627\u06cc CSS\u060c \u0641\u0627\u06cc\u0644 \u0645\u062a\u0646\u06cc \u062e\u0627\u0645 \u0646\u06cc\u0632 \u0628\u0647 \u062a\u0648\u06a9\u0646 \u0647\u0627 \u062a\u0642\u0633\u06cc\u0645 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0633\u067e\u0633 \u0628\u0647 \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0631\u062e\u062a \u0645\u0627\u0646\u0646\u062f \u062f\u06cc\u06af\u0631\u06cc \u06a9\u0647 \u0628\u0647 \u0646\u0627\u0645 <strong>\u0645\u062f\u0644 \u0634\u06cc\u0621 CSS (CSSOM).<\/strong> \u0627\u06cc\u0646 \u062f\u0631\u062e\u062a \u062a\u0645\u0627\u0645 \u0633\u0628\u06a9 \u0647\u0627\u06cc \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u06af\u0631\u0647 \u0647\u0627\u06cc DOM \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f. \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647 \u0645\u0647\u0645 \u0627\u0633\u062a \u0632\u06cc\u0631\u0627 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0627\u06cc\u062f \u062a\u0635\u0645\u06cc\u0645 \u0628\u06af\u06cc\u0631\u062f \u06a9\u0647 \u06a9\u062f\u0627\u0645 \u0642\u0627\u0646\u0648\u0646 \u062f\u0631 \u0628\u06cc\u0646 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0645\u0631\u0648\u0631\u06af\u0631\u060c \u0634\u06cc\u0648\u0647 \u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u06a9\u0627\u0631\u0628\u0631 \u06cc\u0627 \u0633\u0628\u06a9 \u0647\u0627\u06cc \u062f\u0631\u0648\u0646 \u062e\u0637\u06cc \u0627\u0648\u0644\u0648\u06cc\u062a \u062f\u0627\u0631\u062f.<\/li>\n<\/ol>\n<\/li>\n<li>\n<p>\u06cc\u06a9 \u0628\u0627\u0631 \u0647\u0631 \u062f\u0648 <strong>DOM \u0648 CSSOM<\/strong> \u062f\u0631\u062e\u062a\u0627\u0646 \u0633\u0627\u062e\u062a\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f\u060c \u0622\u0646\u0647\u0627 \u062f\u0631 \u06cc\u06a9 \u0633\u0627\u062e\u062a\u0627\u0631 \u0648\u0627\u062d\u062f \u0628\u0647 \u0646\u0627\u0645 \u062a\u0631\u06a9\u06cc\u0628 \u0645\u06cc \u0634\u0648\u0646\u062f <strong>\u062f\u0631\u062e\u062a \u0631\u0646\u062f\u0631.<\/strong> \u0627\u06cc\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u062f\u0631 \u0645\u0648\u062a\u0648\u0631 Gecko \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0633\u0627\u062e\u062a \u0642\u0627\u0628 \u0646\u06cc\u0632 \u0634\u0646\u0627\u062e\u062a\u0647 \u0645\u06cc \u0634\u0648\u062f. \u0627\u06cc\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u0641\u0642\u0637 \u0634\u0627\u0645\u0644 \u0639\u0646\u0627\u0635\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0642\u0627\u0628\u0644 \u0645\u0634\u0627\u0647\u062f\u0647 \u062e\u0648\u0627\u0647\u0646\u062f \u0628\u0648\u062f. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c Render Tree \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u06a9\u062f\u0627\u0645 \u0639\u0646\u0627\u0635\u0631 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u0646\u062f.<\/p>\n<ol>\n<li>\u0639\u0646\u0627\u0635\u0631 \u0628\u0627 <code>display:none<\/code> \u0648\u06cc\u0698\u06af\u06cc CSS \u062f\u0631 DOM \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u0627\u0645\u0627 \u062f\u0631 \u062f\u0631\u062e\u062a Render \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0631\u062f.<\/li>\n<li>\u0639\u0646\u0627\u0635\u0631 \u0628\u0627 <code>visibility: hidden<\/code> \u0647\u0631 \u062f\u0648 \u062f\u0631 DOM \u0648 Render Tree \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u0646\u062f\u060c \u0627\u0645\u0627 \u0641\u0636\u0627\u06cc \u062e\u0627\u0644\u06cc \u0631\u0627 \u0627\u0634\u063a\u0627\u0644 \u0645\u06cc \u06a9\u0646\u0646\u062f.<\/li>\n<li>\u0645\u062a\u0627 \u062a\u06af \u0647\u0627 \u0645\u0627\u0646\u0646\u062f <code\/>, <code><meta\/><\/code>\u060c <code><script><![CDATA[<\/code>, etc., are also excluded from the Render Tree.<\/li>\n\n\n<\/ol>\n\n\n\n\n<\/li>\n\n\n\n\n\n<li>\n\nNow that our parsing phase is complete, the browser will begin the rendering process.\n\n<\/li>\n\n\n\n\n\n<li>\n\nAt this point, the browser knows what to draw or render, thanks to the Render Tree, but it doesn&rsquo;t know where each element should be placed on the page. For example, it doesn&rsquo;t know whether the footer should be at the top or bottom of the page. This is where the next phase, <strong>Layout (Reflow)<\/strong>, comes into play.\n\n<\/li>\n\n\n\n\n\n<li>\n\nIn the <strong>Layout (Reflow)<\/strong> phase, the browser calculates the exact position and size of every element in the Render Tree to be shown in the viewport. It also determines the exact pixel coordinates of every frame (box), taking into account padding, margins, borders, and other information. This is a computationally expensive process.\n\n<\/li>\n\n\n\n\n\n<li>\n\nNow the browser knows where to draw everything. Next comes the <strong>Painting<\/strong> process, which converts the layout into pixels. The browser fills in the pixels with text colors, background images, images, shadows, borders, etc. This is usually done in multiple layers, similar to how Photoshop works.\n\n<\/li>\n\n\n\n\n\n<li>\n\nFinally, we reach the <strong>Display<\/strong> phase, which includes another process known as <strong>Compositing<\/strong>. Since the browser paints in layers, it needs to flatten the layout to display it properly on the screen. Through the process of compositing, the image is finally displayed on the screen.\n\n<\/li>\n\n\n\n<\/ol>\n\n\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"The_JavaScript_Interruption\"><\/span>\n  \n  \n  The JavaScript Interruption\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n\n\nYou might have noticed that we didn't mention JavaScript in the flow above. That is because strictly speaking, JavaScript is an <strong>interruption<\/strong> to the rendering process.\n\n\n\n\n\nWhen the HTML Parser is happily building the DOM and encounters a <code><script><\/code> tag, everything stops.<\/p>\n\n\n\n\n\n<p>The browser stops building the DOM because it doesn't know what changes the JavaScript might make, such as adding, removing, or editing elements. So, the browser hands control over to the JavaScript Engine (like V8) to interpret and run the JavaScript code.<\/p>\n\n\n\n\n\n<p>Only after the JavaScript finishes running does the Rendering Engine continue building the DOM. This is why it's usually recommended to place <code><script><\/code> tags at the end of HTML documents, just before the closing <code>body<\/code> tag, so the DOM construction isn't interrupted.\n\n\n\n\n\nIf a <code><script><\/code> tag is placed inside the <code><head><\/code> and the JavaScript file being loaded is quite large, the user would just see a blank white or black page, which would be a poor user experience.<\/p>\n\n\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"Reflow_vs_Repaint\"><\/span>\n  \n  \n  Reflow vs Repaint\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n\n\n<p>It is often confusing to understand the difference between Reflow and Repaint, but distinguishing between them is crucial for writing performant CSS.<\/p>\n\n\n\n\n\n<ul>\n\n\n<li>\n<strong>Reflow:<\/strong> Reflow happens when you change the layout or geometry of the page. The browser has to re-calculate the positions and dimensions of elements. Changing properties like <code>width<\/code>, <code>height<\/code>, <code>margin<\/code>, <code>position<\/code>, or resizing the browser window. This is computationally expensive as single element causing reflow can cause browser to recalculate the layout for its parents and children as well.\n\n\n\n<ul>\n\n\n<li>\n<strong>Example:<\/strong> You hover over an element and it expands from 200px to 400px, pushing all other text down.<\/li>\n\n\n<\/ul>\n\n\n\n\n<\/li>\n\n\n\n\n\n<li>\n\n<strong>Repaint:<\/strong> Repaint happens when you change the look of an element without changing its <em>size<\/em> or position. Changing properties like <code>color<\/code>, <code>background-color<\/code>, or <code>visibility<\/code>. This skips the Layout phase entirely and is much faster than a Reflow because the browser doesn't need to do any geometry calculations.\n\n\n\n<ul>\n\n\n<li>\n<strong>Example:<\/strong> You hover over a button and its background color shifts from blue to dark blue.<\/li>\n\n\n<\/ul>\n\n\n\n\n<\/li>\n\n\n\n<\/ul>\n\n\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>\n  \n  \n  Conclusion\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n\n\n<p>A browser is far more than just a window to the internet. To the average user, the web feels like magic. But as developers, we now know it is actually a precise feat of engineering. You now understand exactly what happens under the hood from the moment a URL is typed to the millisecond the pixels appear on the screen.<\/p>\n\n\n\n\n            <\/div>\n\n\n\n              \n\n<div class=\"below-post-bb body-billboard-container\" data-async-url=\"\/thatsmanmeet\/web-browser-internals-explained-39l\/bmar11\/post_body_bottom\"><\/div>\n\n\n          <\/div>\n\n\n          \n\n<section id=\"comments\" data-follow-button-container=\"true\" data-updated-at=\"2026-02-05 18:01:23 UTC\" class=\"text-padding mb-4 border-t-1 border-0 border-solid border-base-10\">\n    \n\n<header class=\"relative flex justify-between items-center mb-6\">\n      \n\n<div class=\"flex items-center\">\n        \n\n<h2 class=\"crayons-subtitle-1\"><span class=\"ez-toc-section\" id=\"Top_comments_0\"><\/span>\n          Top comments <span class=\"js-comments-count\" data-comments-count=\"0\">(0)<\/span>\n        <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n      <\/div>\n\n\n\n\n      \n\n<div id=\"comment-subscription\" class=\"print-hidden\">\n        \n\n<div class=\"crayons-btn-group\">\n          <span class=\"crayons-btn crayons-btn--outlined\">Subscribe<\/span>\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/header>\n\n\n    \n\n<div id=\"billboard_delay_trigger\"><\/div>\n\n\n    \n\n<div\n      id=\"comments-container\"\n      data-testid=\"comments-container\"\n      data-commentable-id=\"3235612\"\n      data-commentable-type=\"Article\"\n      data-has-recent-comment-activity=\"true\">\n\n        \n\n<div id=\"response-templates-data\" class=\"hidden\"><\/div>\n\n\n\n\n\n\n<form class=\"comment-form print-hidden\" id=\"new_comment\" action=\"\/comments\" accept-charset=\"UTF-8\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" autocomplete=\"off\" \/>\n\n  <input type=\"hidden\" name=\"authenticity_token\" value=\"NOTHING\" id=\"new_comment_authenticity_token\">\n\n    <input value=\"3235612\" autocomplete=\"off\" type=\"hidden\" name=\"comment[commentable_id]\" id=\"comment_commentable_id\" \/>\n    <input value=\"Article\" autocomplete=\"off\" type=\"hidden\" name=\"comment[commentable_type]\" id=\"comment_commentable_type\" \/>\n    \n\n  <span class=\"crayons-avatar m:crayons-avatar--l mr-2 shrink-0\">\n    <img decoding=\"async\" src=\"https:\/\/media2.dev.to\/dynamic\/image\/width=256,height=,fit=scale-down,gravity=auto,format=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png\" width=\"32\" height=\"32\" alt=\"\u0639\u06a9\u0633\" class=\"crayons-avatar__image overflow-hidden\" id=\"comment-primary-user-profile--avatar\" loading=\"lazy\" \/>\n  <\/span>\n  \n\n<div class=\"comment-form__inner\">\n    \n\n<div class=\"comment-form__field\" data-tracking-name=\"comment_form_textfield\">\n      <textarea placeholder=\"Add to the discussion\" onfocus=\"handleFocus(event)\" onkeyup=\"handleKeyUp(event)\" onkeydown=\"handleKeyDown(event)\" oninput=\"handleChange(event)\" id=\"text-area\" required=\"required\" class=\"crayons-textfield comment-textarea crayons-textfield--ghost\" aria-label=\"Add a comment to the discussion\" name=\"comment[body_markdown]\">\n<\/textarea>\n\n    <\/div>\n\n\n\n    \n\n<div class=\"response-templates-container crayons-card crayons-card--secondary p-4 mb-4 comment-form__templates fs-base hidden\">\n      \n\n<header class=\"mb-3\">\n        <button type=\"button\" class=\"crayons-btn personal-template-button active\" data-target-type=\"personal\" data-form-id=\"new_comment\">\u0634\u062e\u0635\u06cc<\/button>\n        <button type=\"button\" class=\"crayons-btn moderator-template-button hidden\" data-target-type=\"moderator\" data-form-id=\"new_comment\">\u06a9\u0627\u0631\u0628\u0631 \u0645\u0648\u0631\u062f \u0627\u0639\u062a\u0645\u0627\u062f<\/button>\n      <\/header>\n\n\n\n      \n\n<div class=\"personal-responses-container\">\n      <\/div>\n\n\n      \n\n<div class=\"moderator-responses-container hidden\">\n      <\/div>\n\n\n\n      \n        \n\n      \n        \u0642\u0627\u0644\u0628 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f\n      \n      \n\n<p>\u0627\u0644\u06af\u0648\u0647\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u0646\u062f \u0628\u0647 \u0633\u0631\u0639\u062a \u0628\u0647 \u0633\u0624\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u067e\u0627\u0633\u062e \u062f\u0647\u06cc\u062f \u06cc\u0627 \u0642\u0637\u0639\u0627\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n    <\/div>\n\n\n\n    \n\n<div class=\"comment-form__preview text-styles text-styles--secondary\" id=\"preview-div\"><\/div>\n\n\n\n    \n\n<div class=\"comment-form__buttons mb-4\">\n      <button type=\"submit\" class=\"crayons-btn mr-2 js-btn-enable\" onclick=\"validateField(event)\" data-tracking-name=\"comment_submit_button\" disabled>\u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f<\/button>\n      <button type=\"button\" class=\"preview-toggle crayons-btn crayons-btn--secondary comment-action-preview js-btn-enable mr-2\" data-tracking-name=\"comment_preview_button\" disabled>\u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634<\/button>\n      \u0631\u062f \u06a9\u0631\u062f\u0646\n    <\/div>\n\n\n  <\/div>\n\n\n\n  \n\n<div class=\"code-of-conduct\" id=\"toggle-code-of-conduct-checkbox\"><\/div>\n\n\n<\/form>\n\n\n\n\n      \n\n<div class=\"comments\" id=\"comment-trees-container\">\n      <\/div>\n\n\n    <\/div>\n\n\n\n    \n\n<div class=\"align-center\">\n\n\n  \n\n<nav class=\"fs-s align-center block\" aria-label=\"Conduct controls\">\n  \n  \u06a9\u062f \u0631\u0641\u062a\u0627\u0631\n  <span class=\"opacity-25 px-2\" role=\"presentation\">\u2022<\/span>\n  \u06af\u0632\u0627\u0631\u0634 \u062a\u062e\u0644\u0641\n<\/nav>\n\n\n\n<\/div>\n\n\n\n<\/section>\n\n\n\n\n<div id=\"hide-comments-modal\" class=\"hidden\">\n  \n\n<form id=\"hide-comments-modal__form\" class=\"hide-comments-modal__form\" data-type=\"json\" action=\"\/comments\/hide\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" autocomplete=\"off\" \/><input type=\"hidden\" name=\"_method\" value=\"patch\" autocomplete=\"off\" \/><input type=\"hidden\" name=\"authenticity_token\" value=\"-917kQm_IcJ0L0RQ1KWmfbT2e3qZ0P9N6SlGd5z7zAWifnoEtaKX4XXzd77EwiHeKJJ-XyBzljcT1lnbbzET3w\" autocomplete=\"off\" \/>\n    \n\n<div class=\"hide-comments-modal__content\">\n      \n\n<p class=\"pb-2\">\n        \n        \u0622\u06cc\u0627 \u0645\u0637\u0645\u0626\u0646\u06cc\u062f \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u06cc\u0646 \u0646\u0638\u0631 \u0631\u0627 \u067e\u0646\u0647\u0627\u0646 \u06a9\u0646\u06cc\u062f\u061f \u062f\u0631 \u067e\u0633\u062a \u0634\u0645\u0627 \u067e\u0646\u0647\u0627\u0646 \u0645\u06cc \u0634\u0648\u062f\u060c \u0627\u0645\u0627 \u0647\u0645\u0686\u0646\u0627\u0646 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u067e\u06cc\u0648\u0646\u062f \u062f\u0627\u0626\u0645\u06cc \u0646\u0638\u0631 \u0642\u0627\u0628\u0644 \u0645\u0634\u0627\u0647\u062f\u0647 \u0627\u0633\u062a.\n      <\/p>\n\n\n      <label class=\"crayons-field crayons-field--checkbox my-2\">\n        <input name=\"hide_children\" type=\"hidden\" value=\"0\" autocomplete=\"off\" \/><input class=\"hide_children crayons-checkbox\" type=\"checkbox\" value=\"1\" name=\"hide_children\" id=\"hide_children\" \/>\n        \n\n<p class=\"crayons-field__label\">\u0646\u0638\u0631\u0627\u062a \u06a9\u0648\u062f\u06a9 \u0631\u0627 \u0646\u06cc\u0632 \u0645\u062e\u0641\u06cc \u06a9\u0646\u06cc\u062f<\/p>\n\n\n      <\/label>\n      \n\n<p class=\"pb-4 pt-2\">\n        <button type=\"submit\" class=\"crayons-btn\">\n          \n          \u062a\u0627\u06cc\u06cc\u062f \u06a9\u0646\u06cc\u062f\n        <\/button>\n      <\/p>\n\n\n    <\/div>\n\n\n<\/form>\n\n  \n\n<p class=\"fs-s color-base-60\">\u0628\u0631\u0627\u06cc \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\u060c \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0645\u0633\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0634\u062e\u0635 \u0648\/\u06cc\u0627 \u06af\u0632\u0627\u0631\u0634 \u0633\u0648\u0621 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0631\u0627 \u062f\u0631 \u0646\u0638\u0631 \u0628\u06af\u06cc\u0631\u06cc\u062f<\/p>\n\n\n<\/div>\n\n\n\n\n\n        <\/article>\n\n\n\n        \n\n<div class=\"pb-4 crayons-layout__comments-billboard\">\n          \n\n<div class=\"new-bb-container pb-4 crayons-layout__comments-billboard\" data-async-url=\"\/thatsmanmeet\/web-browser-internals-explained-39l\/bmar11\/post_comments\"><\/div>\n\n\n        <\/div>\n\n\n\n          <!-- Bottom content skipped via SKIP_BOTTOM_CONTENT config -->\n      <\/div>\n\n\n    <\/main>\n\n    \n\n<aside class=\"crayons-layout__sidebar-right\" aria-label=\"Author details\">\n      \n\n<div class=\"crayons-article-sticky grid gap-4 pb-4 break-word\" id=\"article-show-primary-sticky-nav\">\n  \n\n<div class=\"crayons-card crayons-card--secondary branded-7 p-4 pt-0 gap-4 grid\" style=\"border-top-color: #e06300;\">\n    \n\n<div class=\"-mt-4\">\n  \n    <span class=\"crayons-avatar crayons-avatar--xl  mr-2 shrink-0\">\n      <img decoding=\"async\" src=\"https:\/\/media2.dev.to\/dynamic\/image\/width=90,height=90,fit=cover,gravity=auto,format=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3735834%2F909614d6-6e67-45fc-a1f9-b8851a8def38.png\" class=\"crayons-avatar__image\" alt=\"\" loading=\"lazy\" \/>\n    <\/span>\n    <span class=\"crayons-link crayons-subtitle-2 mt-5\">\n      \n      \u0645\u0627\u0646\u0645\u06cc\u062a \u0633\u06cc\u0646\u06af\n      \n    <\/span>\n  \n<\/div>\n\n\n\n\n\n<div class=\"print-hidden\">\n  <button name=\"button\" type=\"button\" data-info=\"{&quot;className&quot;:&quot;User&quot;,&quot;style&quot;:&quot;&quot;,&quot;id&quot;:3735834,&quot;name&quot;:&quot;Manmeet Singh&quot;}\" class=\"crayons-btn follow-action-button whitespace-nowrap w-100 follow-user\" aria-label=\"Follow user: Manmeet Singh\" aria-pressed=\"false\">\u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f<\/button>\n<\/div>\n\n\n  \n\n<div class=\"color-base-70\">\n    \n    \u0645\u0646 \u0639\u0627\u0634\u0642 \u062a\u062d\u0642\u06cc\u0642 \u0639\u0645\u06cc\u0642 \u062f\u0631 \u0645\u0648\u0631\u062f \u0645\u0648\u0636\u0648\u0639\u0627\u062a \u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0646\u0648\u0634\u062a\u0646 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631\u0647\u0627\u06cc \u067e\u0634\u062a\u0647 \u06a9\u0627\u0645\u0644 \u0627\u0632 \u0648\u0628 \u062a\u0627 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647 \u0647\u0633\u062a\u0645. Btw\u060c \u0645\u0646 \u0646\u0648\u0634\u062a\u0646 \u0631\u0627 \u0646\u06cc\u0632 \u062f\u0648\u0633\u062a \u062f\u0627\u0631\u0645.\n  <\/div>\n\n\n\n  \n\n<div class=\"user-metadata-details\">\n    \n\n<ul class=\"user-metadata-details-inner\">\n      \n\n<li>\n        \n\n<div class=\"key\">\n          \n          \u067e\u06cc\u0648\u0633\u062a\n        <\/div>\n\n\n        \n\n<div class=\"value\">\n          <time datetime=\"2026-01-27T18:06:36Z\" class=\"date\">27 \u0698\u0627\u0646\u0648\u06cc\u0647 2026<\/time>\n        <\/div>\n\n\n      <\/li>\n\n\n    <\/ul>\n\n\n  <\/div>\n\n\n\n  <\/div>\n\n\n\n      \n\n<div class=\"crayons-card crayons-card--secondary\">\n        \n\n<header class=\"crayons-card__header\">\n          \n\n<h3 class=\"crayons-subtitle-2\"><span class=\"ez-toc-section\" id=\"%D9%BE%D8%B1%D8%B7%D8%B1%D9%81%D8%AF%D8%A7%D8%B1_%D8%AF%D8%B1_%D8%A7%D9%86%D8%AC%D9%85%D9%86_DEV_%D8%AF%D8%A7%D8%BA\"><\/span>\n            \n            \u067e\u0631\u0637\u0631\u0641\u062f\u0627\u0631 \u062f\u0631 \u0627\u0646\u062c\u0645\u0646 DEV\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 44 44\" width=\"24\" height=\"24\" role=\"img\" aria-labelledby=\"a6tbssilxxmbhhscxsyk8h0dxwxcattf\" class=\"crayons-icon crayons-icon--default\"><title id=\"a6tbssilxxmbhhscxsyk8h0dxwxcattf\">\u062f\u0627\u063a<\/title>\n    <g class=\"nc-icon-wrapper\">\n        <path fill=\"#F4900C\" d=\"M39 23a16.96 16.96 0 00-1.04-5.868c-.46 5.389-3.333 8.157-6.335 6.868-2.812-1.208-.917-5.917-.777-8.164.236-3.809-.012-8.169-6.931-11.794 2.875 5.5.333 8.917-2.333 9.125-2.958.231-5.667-2.542-4.667-7.042-3.238 2.386-3.332 6.402-2.333 9 1.042 2.708-.042 4.958-2.583 5.208-2.84.28-4.418-3.041-2.963-8.333A16.936 16.936 0 005 23c0 9.389 7.611 17 17 17s17-7.611 17-17z\"><\/path>\n        <path fill=\"#FFCC4D\" d=\"M32.394 27.999c.148 3.084-2.561 4.293-4.019 3.709-2.106-.843-1.541-2.291-2.083-5.291s-2.625-5.083-5.708-6c2.25 6.333-1.247 8.667-3.08 9.084-1.872.426-3.753-.001-3.968-4.007A11.964 11.964 0 0010 34c0 .368.023.73.055 1.09C13.125 38.124 17.342 40 22 40s8.875-1.876 11.945-4.91c.032-.36.055-.722.055-1.09 0-2.187-.584-4.236-1.606-6.001z\"><\/path>\n    <\/g>\n<\/svg>\n\n          <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n        <\/header>\n\n\n        \n\n<div>\n            \n              <span class=\"crayons-avatar mr-2 shrink-0\">\n                <img decoding=\"async\" src=\"https:\/\/media2.dev.to\/dynamic\/image\/width=90,height=90,fit=cover,gravity=auto,format=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3689026%2F3359cbba-3c0a-4759-9889-0b30af7894cd.jpeg\" class=\"crayons-avatar__image\" loading=\"lazy\" alt=\"\u0639\u06a9\u0633 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644 \u0631\u06cc\u0686\u0627\u0631\u062f \u067e\u0627\u0633\u06a9\u0648\">\n              <\/span>\n              \n\n<div>\n                \n                \u06cc\u06a9 \u062c\u062f\u0648\u0644 \u0628\u0631\u0646\u0627\u0645\u0647 \u06a9\u0646\u0641\u0631\u0627\u0646\u0633 \u0641\u0646\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f\n                \n\n<div class=\"crayons-link__secondary -ml-1\">\n                    <span class=\"mr-1\"><span class=\"opacity-50\">#<\/span>\u062c\u0627\u0645\u0639\u0647<\/span>\n                    <span class=\"mr-1\"><span class=\"opacity-50\">#<\/span>\u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc<\/span>\n                    <span class=\"mr-1\"><span class=\"opacity-50\">#<\/span>\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc<\/span>\n                    <span class=\"mr-1\"><span class=\"opacity-50\">#<\/span>webdev<\/span>\n                <\/div>\n\n\n              <\/div>\n\n\n            \n            \n              <span class=\"crayons-avatar mr-2 shrink-0\">\n                <img decoding=\"async\" src=\"https:\/\/media2.dev.to\/dynamic\/image\/width=90,height=90,fit=cover,gravity=auto,format=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3689026%2F3359cbba-3c0a-4759-9889-0b30af7894cd.jpeg\" class=\"crayons-avatar__image\" loading=\"lazy\" alt=\"\u0639\u06a9\u0633 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644 \u0631\u06cc\u0686\u0627\u0631\u062f \u067e\u0627\u0633\u06a9\u0648\">\n              <\/span>\n              \n\n<div>\n                \n                Moltbook \u06cc\u06a9 \u062c\u0627\u0645\u0639\u0647 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0646\u06cc\u0633\u062a\n                \n\n<div class=\"crayons-link__secondary -ml-1\">\n                    <span class=\"mr-1\"><span class=\"opacity-50\">#<\/span>\u0628\u062d\u062b \u06a9\u0646\u06cc\u062f<\/span>\n                    <span class=\"mr-1\"><span class=\"opacity-50\">#<\/span>\u0627\u0648<\/span>\n                <\/div>\n\n\n              <\/div>\n\n\n            \n            \n              <span class=\"crayons-avatar mr-2 shrink-0\">\n                <img decoding=\"async\" src=\"https:\/\/media2.dev.to\/dynamic\/image\/width=90,height=90,fit=cover,gravity=auto,format=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2113728%2Ffd8e6140-85ed-40bb-91bd-cae25231b5e9.jpg\" class=\"crayons-avatar__image\" loading=\"lazy\" alt=\"\u0639\u06a9\u0633 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644 \u0645\u062d\u0645\u062f \u0639\u062b\u0645\u0627\u0646 \u0639\u0648\u0627\u0646\">\n              <\/span>\n              \n\n<div>\n                \n                \ud83e\udd80 Inside Moltbook: \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0639\u0648\u0627\u0645\u0644 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u062e\u0648\u062f \u0631\u0627 \u0633\u0627\u062e\u062a\u0646\u062f\n                \n\n<div class=\"crayons-link__secondary -ml-1\">\n                    <span class=\"mr-1\"><span class=\"opacity-50\">#<\/span>\u0627\u0648<\/span>\n                    <span class=\"mr-1\"><span class=\"opacity-50\">#<\/span>\u0628\u062d\u062b \u06a9\u0646\u06cc\u062f<\/span>\n                    <span class=\"mr-1\"><span class=\"opacity-50\">#<\/span>\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc<\/span>\n                    <span class=\"mr-1\"><span class=\"opacity-50\">#<\/span>\u0645\u0639\u0645\u0627\u0631\u06cc<\/span>\n                <\/div>\n\n\n              <\/div>\n\n\n            \n        <\/div>\n\n\n      <\/div>\n\n\n<\/div>\n\n\n\n\n\n<div class=\"crayons-article-sticky grid gap-4 break-word sidebar-bb\" data-async-url=\"\/thatsmanmeet\/web-browser-internals-explained-39l\/bmar11\/post_sidebar\"><\/div>\n\n\n\n    <\/aside>\n\n\n  <\/div>\n\n\n\n  \n\n<div class=\"mod-actions-menu print-hidden\"><\/div>\n\n\n  \n\n<div data-testid=\"unpublish-post-modal-container\" class=\"unpublish-post-modal-container hidden\"><\/div>\n\n\n\n  \n\n<div class=\"fullscreen-code js-fullscreen-code\"><\/div>\n\n\n  \n\n\n\n  \n  \n\n<div class=\"js-billboard-container pb-4 crayons-layout__comments-billboard\" data-async-url=\"\/thatsmanmeet\/web-browser-internals-explained-39l\/bmar11\/post_fixed_bottom\"><\/div>\n\n\n\n\n    \n\n<div id=\"runtime-banner-container\"><\/div>\n\n\n    \n\n<div id=\"i18n-translations\" data-translations=\"{&quot;en&quot;:{&quot;core&quot;:{&quot;add_comment&quot;:&quot;Add comment&quot;,&quot;beta&quot;:&quot;beta&quot;,&quot;comment&quot;:&quot;Comment&quot;,&quot;copy_link&quot;:&quot;Copy link&quot;,&quot;edit_profile&quot;:&quot;Edit profile&quot;,&quot;follow&quot;:&quot;Follow&quot;,&quot;follow_back&quot;:&quot;Follow back&quot;,&quot;following&quot;:&quot;Following&quot;,&quot;like&quot;:&quot;Like&quot;,&quot;loading&quot;:&quot;loading...&quot;,&quot;reaction&quot;:&quot;Reaction&quot;,&quot;report_abuse&quot;:&quot;Report abuse&quot;,&quot;search&quot;:&quot;Search&quot;,&quot;success_settings&quot;:&quot;Successfully updated settings.&quot;,&quot;search_placeholder&quot;:&quot;Search...&quot;,&quot;search_find_related_posts&quot;:&quot;Find related posts...&quot;,&quot;search_powered_by&quot;:&quot;Powered by Algolia&quot;,&quot;search_submit_search&quot;:&quot;Submit search for advanced filtering.&quot;,&quot;search_displaying_recommendations&quot;:&quot;Displaying Algolia Recommendations &mdash; Start typing to search&quot;,&quot;article_form_save_changes&quot;:&quot;Save changes&quot;,&quot;article_form_schedule&quot;:&quot;Schedule&quot;,&quot;article_form_publish&quot;:&quot;Publish&quot;,&quot;article_form_loading_preview&quot;:&quot;Loading preview&quot;,&quot;article_form_preview_loaded&quot;:&quot;Preview loaded&quot;,&quot;comments_preview&quot;:&quot;Preview&quot;,&quot;comments_continue_editing&quot;:&quot;Continue editing&quot;,&quot;survey_enter_response&quot;:&quot;Enter your response here...&quot;,&quot;survey_thank_you_response&quot;:&quot;Thank you for your response.&quot;,&quot;survey_thank_you_completing&quot;:&quot;Thank you for completing the survey!&quot;,&quot;dashboard_analytics_readers&quot;:&quot;Readers&quot;,&quot;dashboard_analytics_comments&quot;:&quot;Comments&quot;,&quot;dashboard_analytics_reactions&quot;:&quot;Reactions&quot;,&quot;stats_by&quot;:&quot;by&quot;,&quot;editor_new_title&quot;:&quot;New post title here...&quot;,&quot;editor_body_placeholder&quot;:&quot;Write your post content here...&quot;,&quot;tags_field_label&quot;:&quot;Add up to 4 tags&quot;,&quot;tags_field_placeholder&quot;:&quot;Add up to 4 tags...&quot;,&quot;counted_organization&quot;:{&quot;one&quot;:&quot;%{count} organization&quot;,&quot;other&quot;:&quot;%{count} organizations&quot;},&quot;counted_user&quot;:{&quot;one&quot;:&quot;%{count} person&quot;,&quot;other&quot;:&quot;%{count} people&quot;},&quot;not_following&quot;:&quot;You&#39;re not following anyone&quot;,&quot;following_everyone&quot;:&quot;You&#39;re following %{details} (everyone)&quot;,&quot;you_are_following&quot;:&quot;You&#39;re following&quot;,&quot;and&quot;:&quot;and&quot;}}}\"><\/div>\n\n\n  <\/div>\n\n\n<\/div>\n\n\n    \n\n\n\n<footer id=\"footer\" class=\"crayons-footer print-hidden\">\n  \n\n<div id=\"footer-container\" class=\"crayons-footer__container\">\n\n\n        \n\n<style>\n  \n  .long-bb-body { max-height: calc(100vh - 200px); \u0633\u0631\u0631\u06cc\u0632: \u067e\u0646\u0647\u0627\u0646; } .long-bb-bottom { height: 180px; \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647: \u062e\u0637\u06cc-gradient(\u0628\u0647 \u0628\u0627\u0644\u0627\u060c var(--card-bg)\u060c transparent); margin-top: -180px. \u0645\u0648\u0642\u0639\u06cc\u062a:\u0646\u0633\u0628\u06cc; z-index: 5; }\n<\/style>\n\n\n\n  \n\n<div\n    style=\"\"\n    data-display-unit data-id=\"146443\"\n    data-category-click=\"click\"\n    data-category-impression=\"impression\"\n    data-context-type=\"home\"\n    data-special=\"nothing\"\n    data-article-id=\"\"\n    data-type-of=\"in_house\">\n          \n\n<div class=\"crayons-card crayons-card--secondary crayons-bb bb-placement js-billboard\" style=\"display: inline-flex; flex-direction: column; align-items: center; margin: 0 auto 2rem auto; width: fit-content; padding: 2rem;\">\n        \n\n<p style=\"font-weight: bold; margin: 0 0 1rem 0;\">\n            \n            \ud83d\udc8e \u062d\u0627\u0645\u06cc\u0627\u0646 \u0627\u0644\u0645\u0627\u0633 DEV\n        <\/p>\n\n\n        \n\n<p style=\"font-size: 0.8em; margin: 0 0 2rem 0;\">\n            \n            \u0627\u0632 \u062d\u0627\u0645\u06cc\u0627\u0646 \u0627\u0644\u0645\u0627\u0633 \u0645\u0627 \u0628\u0631\u0627\u06cc \u062d\u0645\u0627\u06cc\u062a \u0627\u0632 \u0627\u0646\u062c\u0645\u0646 DEV \u0633\u067e\u0627\u0633\u06af\u0632\u0627\u0631\u06cc\u0645\n        <\/p>\n\n\n    \n        \n\n<div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem;\">\n            \n\n<div style=\"display: inline-block; max-width: 240px; font-size: 0.8em; font-style: italic; text-align: center; padding: 10px; background: #ffffff; border-radius: 5px; color: #404040;\">\n                \n                    <img decoding=\"async\" alt=\"Google AI - \u0645\u062f\u0644 \u0631\u0633\u0645\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0648 \u0634\u0631\u06cc\u06a9 \u067e\u0644\u062a\u0641\u0631\u0645\" src=\"display: block; background: #ffffff; margin: 0 auto; width: auto; height: 54px; padding: 10px;\" loading=\"lazy\" width=\"2048\" height=\"472\">\n                \n                \n\n<p style=\"text-align: center;\">\u06af\u0648\u06af\u0644 AI \u0645\u062f\u0644 \u0631\u0633\u0645\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0648 \u0634\u0631\u06cc\u06a9 \u067e\u0644\u062a\u0641\u0631\u0645 DEV \u0627\u0633\u062a<\/p>\n\n\n            <\/div>\n\n\n\n            \n\n<div style=\"display: inline-block; max-width: 240px; font-size: 0.8em; font-style: italic; text-align: center; padding: 10px; background: #ffffff; border-radius: 5px; color: #404040;\">\n                \n                    <img decoding=\"async\" alt=\"\u0646\u0626\u0648\u0646 - \u0634\u0631\u06cc\u06a9 \u0631\u0633\u0645\u06cc \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647\" src=\"display: block; background: #ffffff; margin: 0 auto; width: auto; height: 60px; padding: 10px;\" loading=\"lazy\" width=\"2286\" height=\"596\">\n                \n                \n\n<p style=\"text-align: center;\">\u0646\u0626\u0648\u0646 \u0634\u0631\u06cc\u06a9 \u0631\u0633\u0645\u06cc \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 DEV \u0627\u0633\u062a<\/p>\n\n\n            <\/div>\n\n\n    \n            \n\n<div style=\"display: inline-block; max-width: 240px; font-size: 0.8em; font-style: italic; text-align: center; padding: 10px; background: #ffffff; border-radius: 5px; color: #404040;\">\n                \n                    <img decoding=\"async\" alt=\"Algolia - \u0634\u0631\u06cc\u06a9 \u0631\u0633\u0645\u06cc \u062c\u0633\u062a\u062c\u0648\" src=\"display: block; background: #ffffff; margin: 0 auto; width: auto; height: 60px; padding: 10px;\" loading=\"lazy\" width=\"2286\" height=\"596\">\n                \n                \n\n<p style=\"text-align: center;\">Algolia \u0634\u0631\u06cc\u06a9 \u0631\u0633\u0645\u06cc \u062c\u0633\u062a\u062c\u0648\u06cc DEV \u0627\u0633\u062a<\/p>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n\n\n    \n\n<p class=\"fs-s crayons-footer__description\">\n      \n      \u0627\u0646\u062c\u0645\u0646 DEV - \u0641\u0636\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u06af\u0641\u062a\u06af\u0648 \u0648 \u0627\u062f\u0627\u0645\u0647 \u062a\u0648\u0633\u0639\u0647 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062d\u0631\u0641\u0647 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631\u06cc \u062e\u0648\u062f\n    <\/p>\n\n\n\n    \n\n<ul class=\"footer__nav-links flex gap-2 justify-center flex-wrap fs-s p-0\" style=\"\" \/>\n        \n\n<li class=\"footer__nav-link flex items-center\">\n    \n      \n    \n      \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc\n    \n    <span class=\"dot ml-2\"><\/span>\n  <\/li>\n\n\n  \n\n<li class=\"footer__nav-link flex items-center\">\n    \n      \n    \n      \u062f\u0631\u0628\u0627\u0631\u0647\n    \n    <span class=\"dot ml-2\"><\/span>\n  <\/li>\n\n\n  \n\n<li class=\"footer__nav-link flex items-center\">\n    \n      \n    \n      \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f\n    \n    <span class=\"dot ml-2\"><\/span>\n  <\/li>\n\n\n\n    <\/ul>\n\n\n\n    \n\n<ul class=\"footer__nav-links flex gap-2 justify-center flex-wrap fs-s p-0\" style=\"\" \/>\n        \n\n<li class=\"footer__nav-link flex items-center\">\n    \n      \n    \n      \u06a9\u062f \u0631\u0641\u062a\u0627\u0631\n    \n    <span class=\"dot ml-2\"><\/span>\n  <\/li>\n\n\n  \n\n<li class=\"footer__nav-link flex items-center\">\n    \n      \n    \n      \u0633\u06cc\u0627\u0633\u062a \u062d\u0641\u0638 \u062d\u0631\u06cc\u0645 \u062e\u0635\u0648\u0635\u06cc\n    \n    <span class=\"dot ml-2\"><\/span>\n  <\/li>\n\n\n  \n\n<li class=\"footer__nav-link flex items-center\">\n    \n      \n    \n      \u0634\u0631\u0627\u06cc\u0637 \u0627\u0633\u062a\u0641\u0627\u062f\u0647\n    \n    <span class=\"dot ml-2\"><\/span>\n  <\/li>\n\n\n\n    <\/ul>\n\n\n\n    \n\n<div class=\"fs-s\">\n      \n\n<p>\u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0628\u0631 \u0631\u0648\u06cc Forem - \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0645\u0646\u0628\u0639 \u0628\u0627\u0632 \u06a9\u0647 \u0628\u0647 DEV \u0648 \u0633\u0627\u06cc\u0631 \u062c\u0648\u0627\u0645\u0639 \u0641\u0631\u0627\u06af\u06cc\u0631 \u0642\u062f\u0631\u062a \u0645\u06cc \u062f\u0647\u062f.<\/p>\n\n\n      \n\n<p>\u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0628\u0627 \u0639\u0634\u0642 \u0648 Ruby on Rails. \u0627\u0646\u062c\u0645\u0646 DEV <span title=\"copyright\">\u00a9<\/span> 2016 - 2026.<\/p>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/footer>\n\n\n\n\n<div id=\"snack-zone\"><\/div>\n\n\n\n    \n\n<div id=\"global-signup-modal\" class=\"authentication-modal hidden\">\n  \n\n<div class=\"authentication-modal__container\">\n    \n\n<figure class=\"authentication-modal__image-container\">\n      <img decoding=\"async\" class=\"authentication-modal__image\" src=\"https:\/\/media2.dev.to\/dynamic\/image\/width=190,height=,fit=scale-down,gravity=auto,format=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png\"\n        alt=\"\u0627\u0646\u062c\u0645\u0646 DEV\" loading=\"lazy\" \/>\n    <\/figure>\n\n\n    \n\n<div class=\"authentication-modal__content\">\n      \n\n<p class=\"authentication-modal__description\">\n          \n          \u0645\u0627 \u0645\u06a9\u0627\u0646\u06cc \u0647\u0633\u062a\u06cc\u0645 \u06a9\u0647 \u06a9\u062f\u0646\u0648\u06cc\u0633 \u0647\u0627 \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0645\u06cc \u06af\u0630\u0627\u0631\u0646\u062f\u060c \u0628\u0647 \u0631\u0648\u0632 \u0645\u06cc \u0645\u0627\u0646\u0646\u062f \u0648 \u062d\u0631\u0641\u0647 \u062e\u0648\u062f \u0631\u0627 \u0631\u0634\u062f \u0645\u06cc \u062f\u0647\u0646\u062f.\n      <\/p>\n\n\n    <\/div>\n\n\n    \n\n<div class=\"authentication-modal__actions\">\n      \n        \n      \n        \u0648\u0627\u0631\u062f \u0634\u0648\u06cc\u062f \u0627\u06cc\u062c\u0627\u062f \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc\n      \n    <\/div>\n\n\n  <\/div>\n\n\n<\/div>\n\n\n\n\n\n    \n\n<div id=\"cookie-consent\"><\/div>\n\n\n  \n\n<div id=\"reaction-category-resources\" class=\"hidden\" aria-hidden=\"true\">\n    <img loading=\"lazy\" decoding=\"async\" data-name=\"Like\" data-slug=\"like\" data-position=\"1\" src=\"https:\/\/assets.dev.to\/assets\/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg\" width=\"18\" height=\"18\" \/>\n    <img loading=\"lazy\" decoding=\"async\" data-name=\"Unicorn\" data-slug=\"unicorn\" data-position=\"2\" src=\"https:\/\/assets.dev.to\/assets\/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg\" width=\"18\" height=\"18\" \/>\n    <img loading=\"lazy\" decoding=\"async\" data-name=\"Exploding Head\" data-slug=\"exploding_head\" data-position=\"3\" src=\"https:\/\/assets.dev.to\/assets\/exploding-head-daceb38d627e6ae9b730f36a1e390fca556a4289d5a41abb2c35068ad3e2c4b5.svg\" width=\"18\" height=\"18\" \/>\n    <img loading=\"lazy\" decoding=\"async\" data-name=\"Raised Hands\" data-slug=\"raised_hands\" data-position=\"4\" src=\"https:\/\/assets.dev.to\/assets\/raised-hands-74b2099fd66a39f2d7eed9305ee0f4553df0eb7b4f11b01b6b1b499973048fe5.svg\" width=\"18\" height=\"18\" \/>\n    <img loading=\"lazy\" decoding=\"async\" data-name=\"Fire\" data-slug=\"fire\" data-position=\"5\" src=\"https:\/\/assets.dev.to\/assets\/fire-f60e7a582391810302117f987b22a8ef04a2fe0df7e3258a5f49332df1cec71e.svg\" width=\"18\" height=\"18\" \/>\n<\/div>\n\n\n\n    \n\n  \n  \n  \n  <\/body>\n  <\/html>\n\n]]><\/script><\/code><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u062e\u0644\u0627\u0635\u0647 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0648\u0628 (200 \u06a9\u0644\u0645\u0647 \u0641\u0627\u0631\u0633\u06cc): \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0648\u0628 \u0645\u0627\u0646\u0646\u062f \u06a9\u0631\u0648\u0645\u060c \u0641\u0627\u06cc\u0631\u0641\u0627\u06a9\u0633 \u0648 \u0633\u0627\u0641\u0627\u0631\u06cc\u060c \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u0627 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u0647\u0633\u062a\u0646\u062f. \u0627\u06cc\u0646 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u0647\u0627 \u0645\u0646\u0627\u0628\u0639 \u0648\u0628 (HTML\u060c CSS\u060c JS) \u0631\u0627 \u0627\u0632 \u0633\u0631\u0648\u0631 \u062f\u0631\u06cc\u0627\u0641\u062a \u0648 \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0628\u0635\u0631\u06cc \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u062c\u0632\u0627\u06cc \u0627\u0635\u0644\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0634\u0627\u0645\u0644: \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc (\u0646\u0648\u0627\u0631 \u0622\u062f\u0631\u0633\u060c \u062f\u06a9\u0645\u0647\u200c\u0647\u0627) \u0645\u0648\u062a\u0648\u0631 \u0631\u0646\u062f\u0631 (\u0645\u062b\u0644 Blink \u06cc\u0627 WebKit): \u06a9\u062f\u0647\u0627 \u0631\u0627 \u0628\u0647 \u062f\u0631\u062e\u062a\u200c\u0647\u0627\u06cc (DOM &hellip;<\/p>\n","protected":false},"author":2,"featured_media":112284,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/media2.dev.to\/dynamic\/image\/width=1000,height=500,fit=cover,gravity=auto,format=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fls1lslljdhpxkvwllnmy.webp","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-112283","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/112283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=112283"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/112283\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/112284"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=112283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=112283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=112283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}