{"id":372839,"date":"2024-05-21T05:22:09","date_gmt":"2024-05-21T05:22:09","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=372839"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=372839","title":{"rendered":"<span>Firefox \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u0441\u0430\u043c\u044b\u043c \u0431\u044b\u0441\u0442\u0440\u044b\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c<\/span>"},"content":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-1\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\"><a href=\"https:\/\/habr.com\/ru\/companies\/ruvds\/articles\/805651\/\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/0u\/ld\/kg\/0uldkgehjholwi1ggkq1uml1qdq.png\" data-src=\"https:\/\/habrastorage.org\/webt\/0u\/ld\/kg\/0uldkgehjholwi1ggkq1uml1qdq.png\"\/><\/a><\/p>\n<p>  \u041f\u043e\u0447\u0442\u0438 \u0433\u043e\u0434 \u043d\u0430\u0437\u0430\u0434 \u0441\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0437\u043d\u0430\u043a\u043e\u0432\u043e\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435: \u0432\u043f\u0435\u0440\u0432\u044b\u0435 \u0432 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 <a href=\"https:\/\/treeherder.mozilla.org\/perfherder\/graphs?timerange=31536000&amp;series=mozilla-central,3735773,1,13&amp;series=mozilla-central,3412459,1,13\">Firefox \u043e\u0431\u043e\u0448\u0451\u043b Chrome \u043f\u043e \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0440\u0430\u0431\u043e\u0442\u044b<\/a>.<\/p>\n<p>  \u041c\u043d\u043e\u0433\u0438\u0435 \u043f\u043e\u043c\u043d\u044f\u0442, \u0447\u0442\u043e \u0441 \u043c\u043e\u043c\u0435\u043d\u0442\u0430 \u0432\u044b\u0445\u043e\u0434\u0430 \u0432 2008\u00a0\u0433\u043e\u0434\u0443 Chrome \u043e\u0442\u043b\u0438\u0447\u0430\u043b\u0441\u044f \u0432\u044b\u0441\u043e\u043a\u043e\u0439 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e, \u0430 Firefox \u043d\u0430 \u0435\u0433\u043e \u0444\u043e\u043d\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b \u0442\u044f\u0436\u0435\u043b\u043e\u0432\u0435\u0441\u043d\u044b\u043c \u0438 \u0441\u0442\u0440\u0430\u0434\u0430\u043b \u043e\u0442 \u0443\u0442\u0435\u0447\u0435\u043a \u043f\u0430\u043c\u044f\u0442\u0438. \u041d\u043e \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e Mozilla <a href=\"https:\/\/blog.nightly.mozilla.org\/2023\/04\/14\/dropping-the-banner-hammer-and-more-these-weeks-in-firefox-issue-134\/\">\u0438\u0441\u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044e<\/a>, \u0442\u0430\u043a \u0447\u0442\u043e \u0432 2023\u00a0\u0433\u043e\u0434\u0443 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u043d\u0430\u043a\u043e\u043d\u0435\u0446 \u043f\u043e\u043c\u0435\u043d\u044f\u043b\u0438\u0441\u044c \u043c\u0435\u0441\u0442\u0430\u043c\u0438.<\/p>\n<p>  \u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0441\u043e\u043c\u043d\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0442\u0435\u0445 \u0442\u0435\u0441\u0442\u043e\u0432, \u0432\u0441\u0451-\u0442\u0430\u043a\u0438 <a href=\"https:\/\/browserbench.org\/Speedometer2.0\/\">Speedometer\u00a02.0<\/a>\u00a0\u2014 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0441\u0442\u0430\u0440\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 2018\u00a0\u0433\u043e\u0434\u0430. \u041c\u043e\u0436\u0435\u0442, \u043e\u043d \u043d\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u043c\u0443 \u0440\u0430\u0437\u0436\u0438\u0440\u0435\u0432\u0448\u0435\u043c\u0443 \u0432\u0435\u0431\u0443? \u0427\u0442\u043e \u0436, \u0442\u0435\u043f\u0435\u0440\u044c \u0443\u0432\u0438\u0434\u0435\u043b\u0430 \u0441\u0432\u0435\u0442 \u043d\u043e\u0432\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f <a href=\"https:\/\/browserbench.org\/Speedometer3.0\/\">Speedometer\u00a03.0<\/a>, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u0437\u0433\u043b\u044f\u043d\u0435\u043c \u043d\u0430 \u0431\u043e\u043b\u0435\u0435 \u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u043d\u0443\u044e \u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u0438\u0432\u043d\u0443\u044e \u043a\u0430\u0440\u0442\u0438\u043d\u0443: \u043a\u0430\u043a\u043e\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435?<br \/>  <a name=\"habracut\"><\/a>  <\/p>\n<h2><font color=\"#3AC1EF\">\u258d \u0411\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0435 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a\u0438<\/font><\/h2>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/fs\/wv\/rd\/fswvrd4su14uc5q_yztvzokjnci.png\" data-src=\"https:\/\/habrastorage.org\/webt\/fs\/wv\/rd\/fswvrd4su14uc5q_yztvzokjnci.png\"\/><\/p>\n<p>  \u0411\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0435 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a\u0438 \u043e\u0446\u0435\u043d\u0438\u0432\u0430\u044e\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u043f\u0440\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u043e\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0430 \u0437\u0430\u0434\u0430\u0447. \u041a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u0442\u0435\u0441\u0442\u044b \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u043e\u043d\u043b\u0430\u0439\u043d \u043d\u0430 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0435, \u043e\u0442\u043a\u0443\u0434\u0430 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u044e\u0442\u0441\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u043b\u044e\u0431\u043e\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0442\u0435\u0441\u0442\u044b \u043d\u0430 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0435 \u0432 \u0441\u0432\u043e\u0435\u0439 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u043a\u0430\u043a\u043e\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043b\u0438\u0447\u043d\u043e \u0443 \u043d\u0435\u0433\u043e.<\/p>\n<p>  \u0422\u0438\u043f\u0438\u0447\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f: \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f, \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f DOM, \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0441\u043e \u0441\u0442\u0440\u043e\u043a\u0430\u043c\u0438, \u043c\u0430\u0442\u0435\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f, \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0438, \u0442\u0435\u0441\u0442\u044b \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u043f\u043e \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u043f\u0430\u043c\u044f\u0442\u044c\u044e. <\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/-n\/7q\/uy\/-n7quync8hgjlqp0sil_kgtj6r0.png\" data-src=\"https:\/\/habrastorage.org\/webt\/-n\/7q\/uy\/-n7quync8hgjlqp0sil_kgtj6r0.png\"\/><\/p>\n<p>  \u041d\u0443\u0436\u043d\u043e \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u0435\u0441\u0442\u044b \u0441\u0442\u0430\u0432\u044f\u0442 \u0446\u0435\u043b\u044c\u044e \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0431\u044b\u0441\u0442\u0440\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435, \u043d\u043e \u0438 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u044c. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439 \u0442\u0435\u0441\u0442 <a href=\"http:\/\/acid3.acidtests.org\/\">Acid3<\/a> \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0432\u0435\u0431-\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c.<\/p>\n<p>  \u0411\u0435\u043d\u0447\u043c\u0430\u0440\u043a Speedometer\u00a0\u2014 \u044d\u0442\u043e <a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/main\">\u043e\u043f\u0435\u043d\u0441\u043e\u0440\u0441\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u0443\u0447\u0430\u0441\u0442\u0438\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u0434\u0432\u0438\u0436\u043a\u043e\u0432 Apple, Google, Mozilla \u0438 \u0441\u043e\u0442\u0435\u043d \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432.<\/p>\n<p>  Speedometer \u0441\u0442\u0440\u0435\u043c\u0438\u0442\u0441\u044f \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0442\u043e\u0447\u043d\u0435\u0435 \u043e\u0442\u0440\u0430\u0437\u0438\u0442\u044c \u0440\u0435\u0430\u043b\u044c\u043d\u0443\u044e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0435\u0431\u0435. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043e\u043d \u0442\u0435\u0441\u0442\u0438\u0440\u0443\u0435\u0442 \u0432\u0435\u0441\u044c \u043f\u0443\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u0430 \u043d\u0435 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0432 \u0443\u0437\u043a\u043e\u043c \u0446\u0438\u043a\u043b\u0435. \u0412 \u043a\u0430\u0436\u0434\u043e\u043c \u0442\u0435\u0441\u0442\u0435 \u043e\u0442\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u043b\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0445 \u0434\u0432\u0438\u0436\u043a\u0443 \u0434\u043b\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0438.<\/p>\n<p>  Speedometer 1.0 \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0430 \u0433\u0440\u0443\u043f\u043f\u0430 WebKit \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Apple \u0434\u043b\u044f \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0445 \u043d\u0443\u0436\u0434. \u0412 2014\u00a0\u0433\u043e\u0434\u0443 \u043e\u043d\u0430 <a href=\"https:\/\/webkit.org\/blog\/3395\/speedometer-benchmark-for-web-app-responsiveness\/\">\u0432\u044b\u043b\u043e\u0436\u0438\u043b\u0430 \u0435\u0433\u043e \u0432 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f<\/a>. \u0412 2018\u00a0\u0433\u043e\u0434\u0443 \u0432\u044b\u0448\u043b\u0430 <a href=\"https:\/\/webkit.org\/blog\/8063\/speedometer-2-0-a-benchmark-for-modern-web-app-responsiveness\/\">\u0432\u0442\u043e\u0440\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f<\/a>. \u0422\u0435\u0441\u0442 \u043c\u043e\u0434\u0435\u043b\u0438\u0440\u0443\u0435\u0442 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0441\u043e \u0441\u043f\u0438\u0441\u043a\u043e\u043c \u0434\u0435\u043b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u0432 TodoMVC: <\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/xx\/5m\/ox\/xx5moxztgptrgigpuywedo6fesy.png\" data-src=\"https:\/\/habrastorage.org\/webt\/xx\/5m\/ox\/xx5moxztgptrgigpuywedo6fesy.png\"\/><\/p>\n<p>  \u041a\u0430\u0436\u0434\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442 \u043e\u0434\u043d\u043e \u0438 \u0442\u043e \u0436\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f DOM API \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443. \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b\u0437\u044b\u0432\u0430\u044e\u0442 DOM API \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0438\u0437 ECMAScript 5 (ES5), ECMASCript 2015 (ES6), ES6, \u0442\u0440\u0430\u043d\u0441\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u0432 ES5, \u0438 Elm, \u0442\u0440\u0430\u043d\u0441\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u0432 ES5. \u0414\u0440\u0443\u0433\u0438\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u043e\u0434\u0438\u043d \u0438\u0437 \u043e\u0434\u0438\u043d\u043d\u0430\u0434\u0446\u0430\u0442\u0438 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 JavaScript-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u0435-\u0444\u0430\u043a\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043d\u0430 \u0441\u0430\u043c\u044b\u0445 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u0441\u0430\u0439\u0442\u0430\u0445 \u0432 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0435. \u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0445 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0439 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0440\u0430\u0431\u043e\u0442\u044b DOM API, \u0434\u0432\u0438\u0436\u043a\u0430 JavaScript, \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0441\u0442\u0438\u043b\u0435\u0439 CSS, \u0432\u0451\u0440\u0441\u0442\u043a\u0438 \u0438 \u0434\u0440.<\/p>\n<h2><font color=\"#3AC1EF\">\u258d Speedometer\u00a03.0<\/font><\/h2>\n<p>  \u0417\u0430 \u043f\u0440\u043e\u0448\u0435\u0434\u0448\u0438\u0435 \u0434\u0435\u0441\u044f\u0442\u044c \u043b\u0435\u0442 Speedometer \u0441\u0442\u0430\u043b \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u043c \u0434\u043b\u044f \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u0434\u0432\u0438\u0436\u043a\u043e\u0432.<\/p>\n<p>  \u0427\u0442\u043e\u0431\u044b \u043b\u0443\u0447\u0448\u0435 \u043e\u0442\u0440\u0430\u0436\u0430\u0442\u044c \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0432\u0435\u0431\u0430, \u0432 \u0442\u0440\u0435\u0442\u044c\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043d\u043e\u0432\u044b\u0445 \u0442\u0435\u0441\u0442\u043e\u0432:<\/p>\n<ul>\n<li>\u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 <code>canvas<\/code> \u0438 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432 SVG (<a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/charts\">Charts-observable-plot<\/a>, <a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/charts\">Charts-chartjs<\/a>, <a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/react-stockcharts\">React-Stockcharts-SVG<\/a>, <a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/perf.webkit.org\">Perf-Dashboard<\/a>);\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/md\/ve\/-l\/mdve-luwcqucsm9ugypuvr1cxba.png\" data-src=\"https:\/\/habrastorage.org\/webt\/md\/ve\/-l\/mdve-luwcqucsm9ugypuvr1cxba.png\"\/><\/p>\n<\/li>\n<li>\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u0434\u0430 (<a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/editors\">CodeMirror<\/a>);  <\/li>\n<li>WYSIWYG-\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 (<a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/editors\">TipTap<\/a>);\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/l2\/bm\/0l\/l2bm0lixltahtq9vmcbymqhx44s.png\" data-src=\"https:\/\/habrastorage.org\/webt\/l2\/bm\/0l\/l2bm0lixltahtq9vmcbymqhx44s.png\"\/><\/p>\n<\/li>\n<li>\u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u043d\u043e\u0432\u043e\u0441\u0442\u043d\u044b\u0445 \u0441\u0430\u0439\u0442\u043e\u0432, SPA (<a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/newssite\/news-next\">Next.js<\/a> \u0438 <a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/newssite\/news-nuxt\">Nuxt.js<\/a>).<\/li>\n<\/ul>\n<p>  \u0422\u0430\u043a\u0436\u0435 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u044b \u0442\u0435\u0441\u0442\u044b TodoMVC: \u043e\u0431\u043d\u043e\u0432\u043b\u0451\u043d \u043a\u043e\u0434 \u0434\u043b\u044f \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u0438 \u043a \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0451\u043d\u043d\u044b\u043c \u0432\u0435\u0440\u0441\u0438\u044f\u043c \u0441\u0430\u043c\u044b\u0445 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432, \u043e\u0441\u043d\u043e\u0432\u044b\u0432\u0430\u044f\u0441\u044c \u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0437 HTTP Archive. \u0412\u043a\u043b\u044e\u0447\u0435\u043d\u044b \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438: Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte \u0438 Vue; \u0430 \u0442\u0430\u043a\u0436\u0435 \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 JavaScript, \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 ES5 \u0438 ES6, \u0438 \u0432\u0435\u0440\u0441\u0438\u044f Web Components. \u041f\u043e\u043b\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a:<\/p>\n<ul>\n<li><a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/todomvc\/vanilla-examples\/javascript-es5\">TodoMVC-JavaScript-ES5<\/a>;  <\/li>\n<li><a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/todomvc\/vanilla-examples\/javascript-es6-webpack-complex\">TodoMVC-JavaScript-ES6-Webpack-Complex-DOM<\/a>;  <\/li>\n<li><a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/todomvc\/vanilla-examples\/javascript-web-components\">TodoMVC-WebComponents<\/a>;  <\/li>\n<li><a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/todomvc\/architecture-examples\/react-complex\">TodoMVC-React-Complex-DOM<\/a>;  <\/li>\n<li><a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/todomvc\/architecture-examples\/react-redux\">TodoMVC-React-Redux<\/a>;  <\/li>\n<li><a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/todomvc\/architecture-examples\/backbone\">TodoMVC-Backbone<\/a>;  <\/li>\n<li><a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/todomvc\/architecture-examples\/angular-complex\">TodoMVC-Angular-Complex-DOM<\/a>;  <\/li>\n<li><a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/todomvc\/architecture-examples\/vue\">TodoMVC-Vue<\/a>;  <\/li>\n<li><a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/todomvc\/architecture-examples\/jquery\">TodoMVC-jQuery<\/a>;  <\/li>\n<li><a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/todomvc\/architecture-examples\/preact-complex\">TodoMVC-Preact-Complex-DOM<\/a>;  <\/li>\n<li><a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/todomvc\/architecture-examples\/svelte-complex\">TodoMVC-Svelte-Complex-DOM<\/a>;  <\/li>\n<li><a href=\"https:\/\/github.com\/WebKit\/Speedometer\/tree\/release\/3.0\/resources\/todomvc\/architecture-examples\/lit-complex\">TodoMVC-Lit-Complex-DOM<\/a>.<\/li>\n<\/ul>\n<p>  \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b\u0438 \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u044d\u0442\u0438\u0445 \u0442\u0435\u0441\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u0431\u043e\u043b\u0435\u0435 \u043a\u0440\u0443\u043f\u043d\u043e\u0435 \u0434\u0435\u0440\u0435\u0432\u043e DOM \u0441 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e\u043c \u0441\u043b\u043e\u0436\u043d\u044b\u0445 CSS-\u043f\u0440\u0430\u0432\u0438\u043b, \u0447\u0442\u043e \u0431\u043e\u043b\u0435\u0435 \u0442\u043e\u0447\u043d\u043e \u0438\u043c\u0438\u0442\u0438\u0440\u0443\u0435\u0442 \u0432\u0435\u0441 \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445. \u0414\u043b\u044f \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044f, \u0432\u043e\u0442 <a href=\"https:\/\/blogs.windows.com\/msedgedev\/2024\/03\/11\/contributing-to-speedometer-30\/\">\u0440\u0430\u0437\u043c\u0435\u0440 \u0434\u0435\u0440\u0435\u0432\u0430 DOM<\/a> \u043d\u0430 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u0441\u0430\u0439\u0442\u0430\u0445 \u0432 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442:<\/p>\n<div class=\"scrollable-table\">\n<table>\n<thead>\n<tr>\n<th>\u0412\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430<\/th>\n<th>\u0420\u0430\u0437\u043c\u0435\u0440 DOM<\/th>\n<th>\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0433\u043b\u0443\u0431\u0438\u043d\u0430<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>amazon.com<\/td>\n<td>3746<\/td>\n<td>22<\/td>\n<\/tr>\n<tr>\n<td>youtube.com<\/td>\n<td>9082<\/td>\n<td>30<\/td>\n<\/tr>\n<tr>\n<td>\u0412\u044b\u0434\u0430\u0447\u0430 Google<\/td>\n<td>3458<\/td>\n<td>48<\/td>\n<\/tr>\n<tr>\n<td>reddit.com<\/td>\n<td>4460<\/td>\n<td>21<\/td>\n<\/tr>\n<tr>\n<td>\u0421\u0442\u0430\u0442\u044c\u044f MDN Promises<\/td>\n<td>4167<\/td>\n<td>17<\/td>\n<\/tr>\n<tr>\n<td>walmart.com<\/td>\n<td>3382<\/td>\n<td>25<\/td>\n<\/tr>\n<tr>\n<td>Facebook* (\u043f\u043e\u0441\u043b\u0435 \u0441\u043a\u0440\u043e\u043b\u043b\u0438\u043d\u0433\u0430)<\/td>\n<td>9957<\/td>\n<td>63<\/td>\n<\/tr>\n<tr>\n<td>Gmail (\u043e\u0442\u043a\u0440\u044b\u0442\u043e\u0435 \u043f\u0438\u0441\u044c\u043c\u043e)<\/td>\n<td>3494<\/td>\n<td>69<\/td>\n<\/tr>\n<tr>\n<td>HBO Max<\/td>\n<td>5478<\/td>\n<td>19<\/td>\n<\/tr>\n<tr>\n<td>Airbnb.com (\u043f\u043e\u0441\u043b\u0435 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u0432)<\/td>\n<td>3388<\/td>\n<td>38<\/td>\n<\/tr>\n<tr>\n<td>Adobe Photoshop (\u043f\u0430\u043d\u0435\u043b\u044c Quick Actions)<\/td>\n<td>6751<\/td>\n<td>\u2265 24<\/td>\n<\/tr>\n<tr>\n<td>Adobe Photoshop (\u043d\u043e\u0432\u044b\u0439 Text Box)<\/td>\n<td>6331<\/td>\n<td>\u2265 31<\/td>\n<\/tr>\n<tr>\n<td>bbc.com\/news\/world<\/td>\n<td>3898<\/td>\n<td>26<\/td>\n<\/tr>\n<tr>\n<td>nationalgeographic.com<\/td>\n<td>4111<\/td>\n<td>23<\/td>\n<\/tr>\n<tr>\n<td>Google Docs<\/td>\n<td>3558<\/td>\n<td>15<\/td>\n<\/tr>\n<tr>\n<td>Google Sheets<\/td>\n<td>5730<\/td>\n<td>18<\/td>\n<\/tr>\n<tr>\n<td>\u041f\u043e\u0441\u0442 StackOverflow<\/td>\n<td>2521<\/td>\n<td>19<\/td>\n<\/tr>\n<tr>\n<td>Microsoft Outlook<\/td>\n<td>2870<\/td>\n<td>32<\/td>\n<\/tr>\n<tr>\n<td>Microsoft Teams<\/td>\n<td>2542<\/td>\n<td>32<\/td>\n<\/tr>\n<tr>\n<td>apple.com\/apple-vision-pro<\/td>\n<td>2857<\/td>\n<td>18<\/td>\n<\/tr>\n<tr>\n<td>Twitter<\/td>\n<td>2488<\/td>\n<td>59<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>\u0412 \u0441\u043e\u0432\u043e\u043a\u0443\u043f\u043d\u043e\u0441\u0442\u0438 \u043d\u043e\u0432\u044b\u0439 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a \u0434\u0430\u0451\u0442 \u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u043b\u043d\u0443\u044e \u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u0438\u0432\u043d\u0443\u044e \u043e\u0446\u0435\u043d\u043a\u0443 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0434\u0432\u0438\u0436\u043a\u0430. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e \u0441\u0430\u043c\u0438\u0445 \u0442\u0435\u0441\u0442\u0430\u0445 \u0441\u043c. <a href=\"https:\/\/www.browserbench.org\/Speedometer3.0\/about.html\">\u0437\u0434\u0435\u0441\u044c<\/a>.<\/p>\n<p>  \u0412\u043f\u0435\u0440\u0432\u044b\u0435 Speedometer \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0436\u043e\u0442\u0440\u0430\u0441\u043b\u0435\u0432\u043e\u0433\u043e \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043f\u0440\u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0435 \u0432\u0441\u0435\u0445 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u0434\u0432\u0438\u0436\u043a\u043e\u0432: Blink\/V8, Gecko\/SpiderMonkey \u0438 WebKit\/JavaScriptCore, \u043f\u0440\u0438 \u0443\u0447\u0430\u0441\u0442\u0438\u0438 \u0441\u043e\u0442\u0435\u043d \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432. \u041e\u043d \u0441\u043e\u0437\u0434\u0430\u043d \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 <a href=\"https:\/\/github.com\/WebKit\/Speedometer\/blob\/main\/Governance.md\">\u043d\u043e\u0432\u043e\u0439 \u043c\u043e\u0434\u0435\u043b\u044c\u044e \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/a>, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u043d\u0430 \u043a\u043e\u043d\u0441\u0435\u043d\u0441\u0443\u0441\u0435, \u0438 \u0440\u0430\u0437\u043c\u0435\u0449\u0451\u043d \u0432 <a href=\"https:\/\/github.com\/WebKit\/Speedometer\/\">\u043e\u0442\u043a\u0440\u044b\u0442\u043e\u043c \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438<\/a>. <\/p>\n<p>  \u041a\u0440\u043e\u043c\u0435 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a\u043e\u0432, \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u0434\u043b\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0442\u0435\u0441\u0442\u043e\u0432 (test runner). \u041f\u0440\u043e\u0433\u043e\u043d\u0449\u0438\u043a \u0442\u0435\u043f\u0435\u0440\u044c \u0438\u0437\u043c\u0435\u0440\u044f\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u0440\u0430\u0437\u043d\u044b\u0445 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0432 \u043e\u0442\u0432\u0435\u0442 \u043d\u0430 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438. <\/p>\n<blockquote>\n<h4><font color=\"#3AC1EF\">\u258d \u041a\u0430\u043a \u0431\u044b\u043b\u043e:<\/font><\/h4>\n<p>  Speedometer 2.0 \u0438\u0437\u043c\u0435\u0440\u044f\u043b \u0432\u0440\u0435\u043c\u044f \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0442\u0435\u0441\u0442\u043e\u0432\u043e\u0433\u043e \u0441\u043a\u0440\u0438\u043f\u0442\u0430 \u043a\u0430\u043a \u00ab\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0435\u00bb \u0432\u0440\u0435\u043c\u044f, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043b\u044e\u0431\u0443\u044e \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u0434\u043e \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043d\u0438\u044f \u043d\u0443\u043b\u0435\u0432\u043e\u0433\u043e (0\u00a0\u0441\u0435\u043a\u0443\u043d\u0434) \u0442\u0430\u0439\u043c\u0435\u0440\u0430 \u043a\u0430\u043a \u00ab\u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0435\u00bb \u0432\u0440\u0435\u043c\u044f. <\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/dk\/pd\/6m\/dkpd6ma1jpt4uja7vjaiw28povg.png\" data-src=\"https:\/\/habrastorage.org\/webt\/dk\/pd\/6m\/dkpd6ma1jpt4uja7vjaiw28povg.png\"\/><\/p>\n<p>  \u041e\u0434\u043d\u0430\u043a\u043e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0443\u043f\u0443\u0441\u043a\u0430\u043b\u0430\u0441\u044c \u0447\u0430\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u043c \u0434\u0432\u0438\u0436\u043a\u0430\u043c \u0434\u043b\u044f \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u041d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e, \u043a\u0430\u043a\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u044b \u043c\u043e\u0436\u0435\u0442 \u0443\u043f\u0443\u0441\u043a\u0430\u0442\u044c\u0441\u044f \u0438\u0437 \u0432\u0438\u0434\u0443:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/3v\/ul\/0j\/3vul0jkv_j-lguizsg9b4uqh7wa.png\" data-src=\"https:\/\/habrastorage.org\/webt\/3v\/ul\/0j\/3vul0jkv_j-lguizsg9b4uqh7wa.png\"\/><\/p>\n<h4><font color=\"#3AC1EF\">\u258d \u041a\u0430\u043a \u0441\u0442\u0430\u043b\u043e:<\/font><\/h4>\n<p>  \u0412 Speedometer\u00a03.0 \u043c\u043e\u0436\u043d\u043e \u0438\u0437\u043c\u0435\u0440\u0438\u0442\u044c \u044d\u0442\u0443 \u0440\u0430\u043d\u0435\u0435 \u043f\u0440\u043e\u043f\u0443\u0449\u0435\u043d\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u043f\u043e \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0443, \u0447\u0442\u043e \u0431\u043e\u043b\u0435\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u043e\u0442\u0440\u0430\u0436\u0430\u0435\u0442 \u043a\u0430\u0440\u0442\u0438\u043d\u0443, <a href=\"https:\/\/browserbench.org\/announcements\/speedometer3\/\">\u043f\u0438\u0448\u0443\u0442<\/a> \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438. \u0422\u0435\u043f\u0435\u0440\u044c \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u0432\u043d\u0443\u0442\u0440\u0438 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u0432\u044b\u0437\u043e\u0432\u0430 <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/window\/requestAnimationFrame\"><code>requestAnimationFrame<\/code><\/a> (rAF \u043d\u0430 \u0441\u0445\u0435\u043c\u0435) \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u00ab\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0435\u00bb \u0432\u0440\u0435\u043c\u044f, \u0430 \u043d\u0443\u043b\u0435\u0432\u043e\u0439 \u0442\u0430\u0439\u043c\u0435\u0440 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u043c \u0432\u044b\u0437\u043e\u0432\u0435 <code>requestAnimationFrame<\/code>\u00a0\u2014 \u043a\u0430\u043a \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0435. \u042d\u0442\u043e \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0443 \u0442\u0430\u0439\u043c\u0435\u0440\u043e\u0432 \u0432 \u0441\u0430\u043c\u043e\u043c \u0442\u0435\u0441\u0442\u0435, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0434\u0432\u0438\u0436\u043a\u043e\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430. <\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/nc\/p9\/ge\/ncp9geoi6s0kyqfcnbqkt-xxlls.png\" data-src=\"https:\/\/habrastorage.org\/webt\/nc\/p9\/ge\/ncp9geoi6s0kyqfcnbqkt-xxlls.png\"\/><\/p>\n<p>  \u041f\u043e \u0441\u0443\u0442\u0438, Speedometer 3.0 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0442\u043e\u0442 \u0444\u0430\u043a\u0442, \u0447\u0442\u043e \u0432\u0441\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0435 \u0434\u0432\u0438\u0436\u043a\u0438 \u0434\u043b\u044f \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u0432\u043d\u0435\u0434\u0440\u0438\u043b\u0438 <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/webappapis.html#event-loop-processing-model\">\u043c\u043e\u0434\u0435\u043b\u044c \u0446\u0438\u043a\u043b\u043e\u0432 \u0441\u043e\u0431\u044b\u0442\u0438\u0439 HTML5<\/a>.<\/p><\/blockquote>\n<p>  \u042d\u0442\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u043e\u0432\u044b\u0448\u0430\u044e\u0442 \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u044c \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a\u0430 \u0438 \u043f\u0440\u0438\u0432\u043e\u0434\u044f\u0442 \u043a \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u043c \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f\u043c \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439, \u0432\u0435\u0434\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0434\u0432\u0438\u0436\u043a\u043e\u0432 \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430 \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a\u0430 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u0443\u044e\u0442 \u044d\u0442\u0443 \u0440\u0430\u043d\u0435\u0435 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/dl\/qf\/g-\/dlqfg-mnlxcxvjmtase5xlc0cw8.png\" data-src=\"https:\/\/habrastorage.org\/webt\/dl\/qf\/g-\/dlqfg-mnlxcxvjmtase5xlc0cw8.png\"\/><\/p>\n<p>  \u0415\u0441\u0442\u044c \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f. \u0414\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u043d \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u044b \u043b\u0443\u0447\u0448\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u043b\u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u043b\u0438 \u043f\u0440\u043e\u0444\u0438\u043b\u0438 \u0438 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u043b\u0438 \u0442\u0435\u0441\u0442\u044b. \u041f\u0435\u0440\u0435\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u0430 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0433\u043e\u043d\u0430 \u0442\u0435\u0441\u0442\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u0443\u043f\u0440\u043e\u0441\u0442\u0438\u0442\u044c \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0438 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u0434\u0430, \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u044b \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u0431\u044b\u043b\u0438 \u0448\u0438\u0440\u043e\u043a\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u043d\u0430 \u043c\u043e\u043c\u0435\u043d\u0442 \u0432\u044b\u0445\u043e\u0434\u0430 Speedometer 2.0, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u043c\u0438\u0441\u044b, async\/await, \u043a\u043b\u0430\u0441\u0441\u044b \u0438 \u043c\u043e\u0434\u0443\u043b\u0438.<\/p>\n<p>  \u0414\u043b\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u0442\u0435\u0441\u0442\u043e\u0432 \u043d\u0430 \u0441\u0432\u043e\u0451\u043c \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b <a href=\"https:\/\/github.com\/WebKit\/Speedometer\/blob\/main\/Development.md\">\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a dev-\u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044e<\/a>.<\/p>\n<h2><font color=\"#3AC1EF\">\u258d \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b<\/font><\/h2>\n<p>  \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0431\u0435\u043d\u0447\u043c\u0430\u0440\u043a\u043e\u0432 Speedometer\u00a03.0 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442, \u0447\u0442\u043e \u043d\u0430 \u0430\u043f\u0440\u0435\u043b\u044c 2024\u00a0\u0433\u043e\u0434\u0430 Firefox <a href=\"https:\/\/treeherder.mozilla.org\/perfherder\/graphs?timerange=31536000&amp;series=mozilla-central,3735773,1,13&amp;series=mozilla-central,3412459,1,13\">\u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e \u043f\u0435\u0440\u0435\u0434 Chrome \u043f\u043e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>: 201,54 \u0431\u0430\u043b\u043b\u0430 \u043f\u0440\u043e\u0442\u0438\u0432 197,69.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/31\/lo\/2g\/31lo2gl7joeadowmtjj7muamnfy.png\" data-src=\"https:\/\/habrastorage.org\/webt\/31\/lo\/2g\/31lo2gl7joeadowmtjj7muamnfy.png\"\/><\/p>\n<p>  \u0425\u043e\u0442\u044f \u0435\u0441\u043b\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u0438\u0432\u043d\u043e, \u0442\u043e \u043e\u0431\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0438\u0434\u0443\u0442 \u043e\u0447\u0435\u043d\u044c \u0431\u043b\u0438\u0437\u043a\u043e. \u041f\u043e\u0447\u0442\u0438 \u043a\u0430\u0436\u0434\u044b\u0439 \u0434\u0435\u043d\u044c \u0441 \u043d\u043e\u0432\u044b\u043c \u0431\u0438\u043b\u0434\u043e\u043c \u043b\u0438\u0434\u0435\u0440 \u043c\u043e\u0436\u0435\u0442 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c\u0441\u044f.<\/p>\n<p>  \u0412\u043e\u0442 <a href=\"https:\/\/arewefastyet.com\/win10\/benchmarks\/overview?numDays=365&amp;series=Chrome,Firefox\">\u043a\u0430\u0440\u0442\u0438\u043d\u0430 \u043f\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u043c \u0442\u0435\u0441\u0442\u0430\u043c<\/a> \u043f\u043e\u0434 Windows\u00a010 \u0437\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0433\u043e\u0434:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/dq\/ws\/xt\/dqwsxtqod8b-ng5xiul-5fdlnre.png\" data-src=\"https:\/\/habrastorage.org\/webt\/dq\/ws\/xt\/dqwsxtqod8b-ng5xiul-5fdlnre.png\"\/><\/p>\n<div class=\"spoiler\" role=\"button\" tabindex=\"0\">                         <b class=\"spoiler_title\">\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0442\u0435\u0441\u0442\u043e\u0432 \u043f\u043e\u0434 Linux<\/b>                         <\/p>\n<div class=\"spoiler_text\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/s-\/ve\/ss\/s-vessn36l3s9cg0q_ozoejhjug.png\" data-src=\"https:\/\/habrastorage.org\/webt\/s-\/ve\/ss\/s-vessn36l3s9cg0q_ozoejhjug.png\"\/><\/div>\n<\/p><\/div>\n<p>  \u0411\u0435\u043d\u0447\u043c\u0430\u0440\u043a \u0432 <a href=\"https:\/\/browserbench.org\/Speedometer3.0\">Speedometer\u00a03.0<\/a> \u043d\u0430 \u043e\u0444\u0438\u0441\u043d\u043e\u043c\u00a0\u041f\u041a \u043f\u043e\u0434 Windows\u00a010 (\u0430\u043f\u0440\u0435\u043b\u044c 2024), \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u0432\u0441\u0435\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432:<\/p>\n<ul>\n<li>Firefox 124.0.2 (64-\u0431\u0438\u0442) \u0431\u0435\u0437 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439: 8,87 \u00b1 0,13  <\/li>\n<li>Firefox Nightly 126.0a1 (64-\u0431\u0438\u0442) \u0431\u0435\u0437 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439: 8,79 \u00b1 0,28  <\/li>\n<li>Chrome 123.0.6312.106 (64-\u0431\u0438\u0442) \u0441 13 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f\u043c\u0438: 7,16 \u00b1 0,38  <\/li>\n<li>Chrome 123.0.6312.106 (64-\u0431\u0438\u0442) \u0441 8 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f\u043c\u0438: 8,17 \u00b1 0,17  <\/li>\n<li>Chrome 123.0.6312.106 (64-\u0431\u0438\u0442) \u0431\u0435\u0437 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439: 8,93 \u00b1 0,17<\/li>\n<\/ul>\n<p>  \u0415\u0441\u043b\u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0437\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0434\u0432\u0430 \u0433\u043e\u0434\u0430, \u0442\u043e \u043d\u0430\u043b\u0438\u0446\u043e \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 Firefox \u0438 Chrome. \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043c\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u0431\u0430\u0432\u0438\u043b Firefox.<\/p>\n<p>  <a href=\"https:\/\/hacks.mozilla.org\/2023\/10\/down-and-to-the-right-firefox-got-faster-for-real-users-in-2023\/\">\u0423\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 Firefox \u0432 2023\u00a0\u0433\u043e\u0434\u0443<\/a> \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439\u00a0\u2014 \u044d\u0442\u043e <a href=\"https:\/\/hacks.mozilla.org\/2023\/09\/faster-vue-js-execution-in-firefox\/\">\u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/a> <a href=\"https:\/\/spidermonkey.dev\/blog\/2023\/11\/27\/newsletter-firefox-118-121.html\">\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438<\/a> \u0434\u0432\u0438\u0436\u043a\u0430 \u0438\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u0434 Speedometer\u00a03.0, \u043f\u043b\u044e\u0441 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 <a href=\"https:\/\/mzl.la\/4bYLwtn\">\u0441\u043e\u0442\u0435\u043d \u0431\u0430\u0433\u043e\u0432<\/a> \u0432 JS, DOM, CSS, \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0433\u0440\u0430\u0444\u0438\u043a\u0438, \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435, \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0438 \u043f\u0430\u043c\u044f\u0442\u0438, \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0439 \u043f\u043e\u0434 \u043f\u0440\u043e\u0444\u0438\u043b\u0438 \u0438 \u0434\u0440.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/ln\/qs\/e_\/lnqse_zqufvorfozm4ilec5clvs.png\" data-src=\"https:\/\/habrastorage.org\/webt\/ln\/qs\/e_\/lnqse_zqufvorfozm4ilec5clvs.png\"\/><br \/>  <i><font color=\"gray\">\u041c\u0435\u0434\u0438\u0430\u043d\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043c\u0435\u0436\u0434\u0443 \u0437\u0430\u043f\u0443\u0441\u043a\u043e\u043c \u0437\u0430\u043f\u0440\u043e\u0441\u0430 (Response Start) \u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435\u043c \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0431\u0430\u0439\u0442\u0430 \u0438\u0437 \u0441\u0435\u0442\u0438 (<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/First_contentful_paint\">First Contentful Paint<\/a>, FCP) \u0432 Firefox \u043d\u0430 \u043f\u0440\u043e\u0442\u044f\u0436\u0435\u043d\u0438\u0438 2023\u00a0\u0433\u043e\u0434\u0430<\/font><\/i><\/p>\n<p>  \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 FCP \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 \u0433\u043e\u0434\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u043e\u0442\u043a\u043b\u0438\u043a \u043e\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441\u0442\u0430\u043b \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u044c \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0430 15% \u0431\u044b\u0441\u0442\u0440\u0435\u0435, \u0447\u0435\u043c \u0432 \u043d\u0430\u0447\u0430\u043b\u0435 \u0433\u043e\u0434\u0430.<\/p>\n<p>  \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0440\u043e\u0441\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0432 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0435 JS \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0447\u0443\u0432\u0441\u0442\u0432\u0443\u0435\u0442\u0441\u044f \u043d\u0430 \u0442\u044f\u0436\u0451\u043b\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445, \u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0445 \u0441\u043a\u0440\u0438\u043f\u0442\u0430\u043c\u0438:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/ok\/ua\/wk\/okuawkdqxvo215kpkfwfuzs5iqs.png\" data-src=\"https:\/\/habrastorage.org\/webt\/ok\/ua\/wk\/okuawkdqxvo215kpkfwfuzs5iqs.png\"\/><br \/>  <i><font color=\"gray\">95-\u0439 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0438\u043b\u044c \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f JS \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f Firefox \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 2023\u00a0\u0433\u043e\u0434\u0430<\/font><\/i><\/p>\n<p>  \u0415\u0449\u0451 \u043e\u0434\u043d\u0430 \u043a\u043b\u044e\u0447\u0435\u0432\u0430\u044f \u043c\u0435\u0442\u0440\u0438\u043a\u0430: \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0430 \u043c\u0435\u0436\u0434\u0443 \u043d\u0430\u0436\u0430\u0442\u0438\u0435\u043c \u043a\u043b\u0430\u0432\u0438\u0448\u0438 \u043d\u0430 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0435 \u0438 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u0441\u0438\u043c\u0432\u043e\u043b\u0430 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 (\u043d\u0430 \u0433\u0440\u0430\u0444\u0438\u043a\u0435 95-\u0439 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0438\u043b\u044c):<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/va\/t9\/t9\/vat9t92tlpvyizvxebozxeibula.png\" data-src=\"https:\/\/habrastorage.org\/webt\/va\/t9\/t9\/vat9t92tlpvyizvxebozxeibula.png\"\/><\/p>\n<p>  \u041e\u0431\u0449\u0430\u044f \u043e\u0446\u0435\u043d\u043a\u0430 \u0431\u0438\u043b\u0434\u0430 Firefox Nightly \u0432 \u0442\u0435\u0441\u0442\u0435 Speedometer \u043f\u043e\u0432\u044b\u0448\u0430\u043b\u0430\u0441\u044c \u043d\u0430 \u043f\u0440\u043e\u0442\u044f\u0436\u0435\u043d\u0438\u0438 \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u043e\u0448\u043b\u043e\u0433\u043e \u0433\u043e\u0434\u0430:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/nj\/ys\/bd\/njysbd3kaymhxwnyjcyvob4qcvk.png\" data-src=\"https:\/\/habrastorage.org\/webt\/nj\/ys\/bd\/njysbd3kaymhxwnyjcyvob4qcvk.png\"\/><\/p>\n<p>  Mozilla \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0435\u0442 \u0446\u0438\u043a\u043b \u0440\u0435\u043b\u0438\u0437\u043e\u0432 \u043a\u0430\u0436\u0434\u044b\u0435 \u0447\u0435\u0442\u044b\u0440\u0435 \u043d\u0435\u0434\u0435\u043b\u0438: 19\u00a0\u043c\u0430\u0440\u0442\u0430 2024\u00a0\u0433\u043e\u0434\u0430 \u0432\u044b\u0448\u0435\u043b <a href=\"https:\/\/www.mozilla.org\/en-US\/firefox\/124.0\/releasenotes\/\">Firefox 124<\/a> \u0441 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u043d\u044b\u043c <a href=\"https:\/\/www.mozilla.org\/en-US\/firefox\/features\/pdf-editor\/\">\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u043e\u043c PDF<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0442\u0435\u043a\u0441\u0442 \u0438 \u0440\u0438\u0441\u0443\u043d\u043a\u0438 (\u043f\u043e\u0434\u043f\u0438\u0441\u0438) \u0432 \u0444\u0430\u0439\u043b\u044b PDF \u043f\u0440\u044f\u043c\u043e \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435:<\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/xs\/ts\/cn\/xstscnhsyvkf6-9okgxlv-ema3g.png\" data-src=\"https:\/\/habrastorage.org\/webt\/xs\/ts\/cn\/xstscnhsyvkf6-9okgxlv-ema3g.png\"\/><\/div>\n<p>  \u042d\u0442\u043e \u043f\u043e\u043a\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0432\u0435\u0440\u0441\u0438\u044f, \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u0432\u044b\u0439\u0442\u0438 16\u00a0\u0430\u043f\u0440\u0435\u043b\u044f.<\/p>\n<p>  \u041a\u0430\u043a \u0443\u0436\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u043b\u043e\u0441\u044c, Firefox \u043e\u0441\u0442\u0430\u043b\u0441\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u043c \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u044b\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c \u043d\u0430 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u043c \u0434\u0432\u0438\u0436\u043a\u0435 (<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/Gecko\">Gecko<\/a>). \u0421\u0435\u0439\u0447\u0430\u0441 \u044d\u0442\u043e \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0430 \u043c\u043e\u043d\u043e\u043f\u043e\u043b\u0438\u0438 WebKit (Safari) \u0438 \u0435\u0433\u043e \u0444\u043e\u0440\u043a\u0430 <a href=\"https:\/\/www.chromium.org\/blink\/\">Blink<\/a> (Chrome, Edge, Opera \u0438 \u0434\u0440.). \u0418 \u044d\u0442\u043e \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435 \u043f\u0440\u0438\u043d\u0430\u0434\u043b\u0435\u0436\u0438\u0442 \u043a\u0440\u0443\u043f\u043d\u043e\u0439 \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0446\u0438\u0438.<\/p>\n<p>  <i>*\u0421\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0435\u0442\u044c Facebook \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u0430 \u0432 \u0420\u043e\u0441\u0441\u0438\u0438 \u043a\u0430\u043a \u044d\u043a\u0441\u0442\u0440\u0435\u043c\u0438\u0441\u0442\u0441\u043a\u0430\u044f.<\/i><\/p>\n<blockquote><p><b><font color=\"#3AC1EF\"><a href=\"https:\/\/t.me\/ruvds_community\">Telegram-\u043a\u0430\u043d\u0430\u043b \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u0430\u043c\u0438, \u0440\u043e\u0437\u044b\u0433\u0440\u044b\u0448\u0430\u043c\u0438 \u043f\u0440\u0438\u0437\u043e\u0432 \u0438 \u043d\u043e\u0432\u043e\u0441\u0442\u044f\u043c\u0438 IT ? <\/a><\/font><\/b><\/p><\/blockquote>\n<p><a href=\"http:\/\/ruvds.com\/ru-rub?utm_source=habr&amp;utm_medium=article&amp;utm_campaign=Firefox&amp;utm_content=firefox_ostayotsya_samym_bystrym_brauzerom\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/jx\/md\/ye\/jxmdyendyev6uxwdkpnkdl77zac.png\" data-src=\"https:\/\/habrastorage.org\/webt\/jx\/md\/ye\/jxmdyendyev6uxwdkpnkdl77zac.png\"\/><\/a><\/div>\n<\/div>\n<\/div>\n<p><!----><!----><\/div>\n<p><!----><!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/805651\/\"> https:\/\/habr.com\/ru\/articles\/805651\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-1\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\"><a href=\"https:\/\/habr.com\/ru\/companies\/ruvds\/articles\/805651\/\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/0u\/ld\/kg\/0uldkgehjholwi1ggkq1uml1qdq.png\" data-src=\"https:\/\/habrastorage.org\/webt\/0u\/ld\/kg\/0uldkgehjholwi1ggkq1uml1qdq.png\"\/><\/a><\/p>\n<p>  \u041f\u043e\u0447\u0442\u0438 \u0433\u043e\u0434 \u043d\u0430\u0437\u0430\u0434 \u0441\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0437\u043d\u0430\u043a\u043e\u0432\u043e\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435: \u0432\u043f\u0435\u0440\u0432\u044b\u0435 \u0432 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 <a href=\"https:\/\/treeherder.mozilla.org\/perfherder\/graphs?timerange=31536000&amp;series=mozilla-central,3735773,1,13&amp;series=mozilla-central,3412459,1,13\">Firefox \u043e\u0431\u043e\u0448\u0451\u043b Chrome \u043f\u043e \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0440\u0430\u0431\u043e\u0442\u044b<\/a>.<\/p>\n<p>  \u041c\u043d\u043e\u0433\u0438\u0435 \u043f\u043e\u043c\u043d\u044f\u0442, \u0447\u0442\u043e \u0441 \u043c\u043e\u043c\u0435\u043d\u0442\u0430 \u0432\u044b\u0445\u043e\u0434\u0430 \u0432 2008\u00a0\u0433\u043e\u0434\u0443 Chrome \u043e\u0442\u043b\u0438\u0447\u0430\u043b\u0441\u044f \u0432\u044b\u0441\u043e\u043a\u043e\u0439 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e, \u0430 Firefox \u043d\u0430 \u0435\u0433\u043e \u0444\u043e\u043d\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b \u0442\u044f\u0436\u0435\u043b\u043e\u0432\u0435\u0441\u043d\u044b\u043c \u0438 \u0441\u0442\u0440\u0430\u0434\u0430\u043b \u043e\u0442 \u0443\u0442\u0435\u0447\u0435\u043a \u043f\u0430\u043c\u044f\u0442\u0438. \u041d\u043e \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e Mozilla <a href=\"https:\/\/blog.nightly.mozilla.org\/2023\/04\/14\/dropping-the-banner-hammer-and-more-these-weeks-in-firefox-issue-134\/\">\u0438\u0441\u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044e<\/a>, \u0442\u0430\u043a \u0447\u0442\u043e \u0432 2023\u00a0\u0433\u043e\u0434\u0443 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u043d\u0430\u043a\u043e\u043d\u0435\u0446 \u043f\u043e\u043c\u0435\u043d\u044f\u043b\u0438\u0441\u044c \u043c\u0435\u0441\u0442\u0430\u043c\u0438.<\/p>\n<p>  \u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0441\u043e\u043c\u043d\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0442\u0435\u0445 \u0442\u0435\u0441\u0442\u043e\u0432, \u0432\u0441\u0451-\u0442\u0430\u043a\u0438 <a href=\"https:\/\/browserbench.org\/Speedometer2.0\/\">Speedometer\u00a02.0<\/a>\u00a0\u2014 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0441\u0442\u0430\u0440\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 2018\u00a0\u0433\u043e\u0434\u0430. \u041c\u043e\u0436\u0435\u0442, \u043e\u043d \u043d\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u043c\u0443 \u0440\u0430\u0437\u0436\u0438\u0440\u0435\u0432\u0448\u0435\u043c\u0443 \u0432\u0435\u0431\u0443? \u0427\u0442\u043e \u0436, \u0442\u0435\u043f\u0435\u0440\u044c \u0443\u0432\u0438\u0434\u0435\u043b\u0430 \u0441\u0432\u0435\u0442 \u043d\u043e\u0432\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f <a href=\"https:\/\/browserbench.org\/Speedometer3.0\/\">Speedometer\u00a03.0<\/a>, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u0437\u0433\u043b\u044f\u043d\u0435\u043c \u043d\u0430 \u0431\u043e\u043b\u0435\u0435 \u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u043d\u0443\u044e \u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u0438\u0432\u043d\u0443\u044e \u043a\u0430\u0440\u0442\u0438\u043d\u0443: \u043a\u0430\u043a\u043e\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435?  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-372839","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/372839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=372839"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/372839\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=372839"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=372839"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=372839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}