{"id":492784,"date":"2026-08-29T16:58:00","date_gmt":"2026-08-29T16:58:00","guid":{"rendered":"https:\/\/savepearlharbor.com\/?p=492784"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=492784","title":{"rendered":"\u041c\u043d\u0435 15. \u041c\u043e\u0439 \u0441\u0430\u0439\u0442 \u0433\u0440\u0443\u0437\u0438\u043b\u0441\u044f \u0434\u0432\u0435 \u0441\u0435\u043a\u0443\u043d\u0434\u044b, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043a\u0430\u0436\u0434\u044b\u0439 CSS-\u0444\u0430\u0439\u043b \u043f\u0438\u0441\u0430\u043b \u0432 \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445"},"content":{"rendered":"<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p><strong>TL;DR:<\/strong> \u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u042f\u0440\u043e\u0441\u043b\u0430\u0432 \u0411\u043e\u0435\u0432, \u043c\u043d\u0435 15, \u0432 \u0441\u0435\u0442\u0438 \u2014 SwairIt. \u042f \u0434\u0435\u043b\u0430\u044e Persona \u2014 \u043b\u0438\u0447\u043d\u043e\u0433\u043e \u0418\u0418-\u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u0430 \u0441 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u043e\u0439 \u043f\u0430\u043c\u044f\u0442\u044c\u044e, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u043d\u044f\u0442\u044c \u0443 \u0441\u0435\u0431\u044f. \u041f\u0430\u0440\u0443 \u043d\u0435\u0434\u0435\u043b\u044c \u044f \u0436\u0438\u043b \u0441 \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435\u043c \u00ab\u0441\u0430\u0439\u0442 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u0432\u044f\u0437\u043a\u0438\u0439\u00bb, \u0438 \u043e\u043d\u043e \u0431\u044b\u043b\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c: \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u043b\u0438\u0441\u044c \u0437\u0430 2,1 \u0441\u0435\u043a\u0443\u043d\u0434\u044b. \u041f\u0440\u0438\u0447\u0451\u043c \u0441\u0435\u0440\u0432\u0435\u0440 \u043e\u0442\u0434\u0430\u0432\u0430\u043b HTML \u0437\u0430 30 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434. \u0412\u0438\u043d\u043e\u0432\u0430\u0442\u044b\u043c\u0438 \u043e\u043a\u0430\u0437\u0430\u043b\u0438\u0441\u044c \u0434\u0432\u0435 \u0432\u0435\u0449\u0438, \u0438 \u043e\u0431\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u044f \u0441\u0430\u043c: \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0434\u0435\u043b\u0430\u043b\u0430 \u0437\u0430\u043f\u0438\u0441\u044c \u0432 SQLite \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 CSS-\u0444\u0430\u0439\u043b, \u0438 Tailwind, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043b \u0441\u0442\u0438\u043b\u0438 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f. \u041f\u043e\u0441\u043b\u0435 \u043f\u043e\u0447\u0438\u043d\u043a\u0438 \u2014 0,9 \u0441\u0435\u043a\u0443\u043d\u0434\u044b.<\/p>\n<p>\u0410 \u043f\u043e\u0442\u043e\u043c \u044f \u0441\u0435\u043b \u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u0441\u0430\u043c\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u0438 \u0437\u0430 \u0434\u0432\u0430\u0434\u0446\u0430\u0442\u044c \u043c\u0438\u043d\u0443\u0442 \u043d\u0430\u0448\u0451\u043b \u0435\u0449\u0451 \u0434\u0432\u0430 \u0431\u0430\u0433\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043f\u043e\u043a\u043e\u0439\u043d\u043e \u0436\u0438\u043b\u0438 \u0432 \u043f\u0440\u043e\u0434\u0435: \u0442\u0435\u043c\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0430 \u0447\u0430\u0441\u0442\u0438 \u043c\u0430\u0448\u0438\u043d \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0430\u0441\u044c \u0431\u0435\u043b\u044b\u043c \u043f\u043e \u0431\u0435\u043b\u043e\u043c\u0443, \u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u0430 \u043d\u0438 \u043e\u0434\u043d\u043e\u0439 \u0438\u0437 \u0434\u0435\u0432\u044f\u043d\u043e\u0441\u0442\u0430 \u0441\u0441\u044b\u043b\u043e\u043a. \u041d\u0438\u0436\u0435 \u2014 \u043a\u0430\u043a \u044f \u0432\u0441\u0451 \u044d\u0442\u043e \u0438\u0441\u043a\u0430\u043b, \u0447\u0435\u043c \u043c\u0435\u0440\u0438\u043b, \u043f\u043e\u0447\u0435\u043c\u0443 \u043f\u0435\u0440\u0432\u044b\u0439 \u0447\u0430\u0441 \u0438\u0441\u043a\u0430\u043b \u043d\u0435 \u0442\u0430\u043c \u0438 \u043a\u0430\u043a \u0447\u0443\u0442\u044c \u043d\u0435 \u0443\u0440\u043e\u043d\u0438\u043b \u0447\u0430\u0442, \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u044f \u043d\u0430\u0439\u0434\u0435\u043d\u043d\u043e\u0435. \u041a\u043e\u0434 \u043e\u0442\u043a\u0440\u044b\u0442: <a href=\"https:\/\/github.com\/SwairIt\/persona\" rel=\"noopener nofollow\">github.com\/SwairIt\/persona<\/a>.<\/p>\n<hr\/>\n<h3>\u0427\u0442\u043e \u0437\u0430 \u0441\u0430\u0439\u0442 \u044f \u0443\u0441\u043a\u043e\u0440\u044f\u043b<\/h3>\n<p>\u0427\u0442\u043e\u0431\u044b \u0434\u0430\u043b\u044c\u0448\u0435 \u0431\u044b\u043b\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u0437\u0430 \u0447\u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u043f\u043b\u0430\u0442\u0438\u043b\u0438 \u0442\u0435 45 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443.<\/p>\n<p>Persona \u2014 \u043b\u0438\u0447\u043d\u044b\u0439 \u0418\u0418-\u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0436\u0438\u0432\u0451\u0442 \u043d\u0430 \u0432\u0430\u0448\u0435\u043c \u0436\u0435\u043b\u0435\u0437\u0435. \u041d\u0435 \u00ab\u0447\u0430\u0442 \u0441 \u043d\u0435\u0439\u0440\u043e\u0441\u0435\u0442\u044c\u044e \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435\u00bb, \u0430 \u043a\u0430\u0431\u0438\u043d\u0435\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043c\u043d\u0438\u0442 \u0432\u0430\u0441: \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u044b, \u0444\u0430\u043a\u0442\u044b, \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438. \u041c\u043e\u0434\u0435\u043b\u044c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0441\u0432\u043e\u044f \u2014 \u043a\u043b\u044e\u0447 \u043a \u043e\u0431\u043b\u0430\u0447\u043d\u043e\u043c\u0443 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0443 \u0438\u043b\u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0430\u044f Ollama.<\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/e80\/a45\/f74\/e80a45f74e69d58d750ed2c3230e5a5c.jpg\" alt=\"\u041b\u0435\u043d\u0434\u0438\u043d\u0433. \u0427\u0451\u0440\u043d\u0430\u044f \u0434\u044b\u0440\u0430 \u043d\u0430 \u0444\u043e\u043d\u0435 \u2014 WebGL-\u0441\u0446\u0435\u043d\u0430 \u043d\u0430 three.js, \u043d\u0435 \u0433\u0438\u0444\u043a\u0430.\" sizes=\"(max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/\/post_images\/e80\/a45\/f74\/e80a45f74e69d58d750ed2c3230e5a5c.jpg 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/e80\/a45\/f74\/e80a45f74e69d58d750ed2c3230e5a5c.jpg 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u041b\u0435\u043d\u0434\u0438\u043d\u0433. \u0427\u0451\u0440\u043d\u0430\u044f \u0434\u044b\u0440\u0430 \u043d\u0430 \u0444\u043e\u043d\u0435 \u2014 WebGL-\u0441\u0446\u0435\u043d\u0430 \u043d\u0430 three.js, \u043d\u0435 \u0433\u0438\u0444\u043a\u0430.<\/figcaption><\/div>\n<\/figure>\n<p><em>\u041b\u0435\u043d\u0434\u0438\u043d\u0433. \u0427\u0451\u0440\u043d\u0430\u044f \u0434\u044b\u0440\u0430 \u043d\u0430 \u0444\u043e\u043d\u0435 \u2014 WebGL-\u0441\u0446\u0435\u043d\u0430 \u043d\u0430 three.js, \u043d\u0435 \u0433\u0438\u0444\u043a\u0430.<\/em> <\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/663\/59d\/c04\/66359dc041c32525936bf1f66c51259d.jpg\" alt=\"\u0412\u0442\u043e\u0440\u043e\u0439 \u044d\u043a\u0440\u0430\u043d: \u0441\u0442\u0435\u043a \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u043e\u0439 \u0438 \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u043e\u0431\u0435\u0449\u0430\u043d\u0438\u0435.\" sizes=\"(max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/\/post_images\/663\/59d\/c04\/66359dc041c32525936bf1f66c51259d.jpg 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/663\/59d\/c04\/66359dc041c32525936bf1f66c51259d.jpg 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0412\u0442\u043e\u0440\u043e\u0439 \u044d\u043a\u0440\u0430\u043d: \u0441\u0442\u0435\u043a \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u043e\u0439 \u0438 \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u043e\u0431\u0435\u0449\u0430\u043d\u0438\u0435.<\/figcaption><\/div>\n<\/figure>\n<p><em>\u0412\u0442\u043e\u0440\u043e\u0439 \u044d\u043a\u0440\u0430\u043d: \u0441\u0442\u0435\u043a \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u043e\u0439 \u0438 \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u043e\u0431\u0435\u0449\u0430\u043d\u0438\u0435.<\/em> <\/p>\n<p>\u0412\u043d\u0443\u0442\u0440\u0438 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430, \u0435\u0441\u043b\u0438 \u043a\u043e\u0440\u043e\u0442\u043a\u043e \u043f\u043e \u0433\u043b\u0430\u0432\u043d\u043e\u043c\u0443:<\/p>\n<ul>\n<li>\n<p><strong>\u0427\u0430\u0442 \u0441 \u043f\u0430\u043c\u044f\u0442\u044c\u044e.<\/strong> \u041f\u0435\u0440\u0435\u0434 \u043e\u0442\u0432\u0435\u0442\u043e\u043c \u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442 \u043f\u043e\u0434\u0442\u044f\u0433\u0438\u0432\u0430\u0435\u0442 \u0440\u0435\u043b\u0435\u0432\u0430\u043d\u0442\u043d\u043e\u0435 \u0438\u0437 \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0448\u043b\u044b\u0445 \u0431\u0435\u0441\u0435\u0434 \u2014 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0447\u0435\u0440\u0435\u0437 FTS5 \u0441 \u0440\u0430\u043d\u0436\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c bm25, \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e \u0433\u0438\u0431\u0440\u0438\u0434\u043d\u044b\u0439 \u0440\u0435\u0436\u0438\u043c \u0441 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u043c \u043f\u043e\u0438\u0441\u043a\u043e\u043c. \u041f\u043b\u044e\u0441 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u043b\u0438\u0447\u043d\u044b\u0445 \u0444\u0430\u043a\u0442\u043e\u0432 \u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435.<\/p>\n<\/li>\n<li>\n<p><strong>\u0413\u0440\u0430\u0444 \u043f\u0430\u043c\u044f\u0442\u0438.<\/strong> \u041f\u0440\u043e\u043c\u043f\u0442\u044b, \u043e\u0442\u0432\u0435\u0442\u044b, \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438 \u2014 \u0436\u0438\u0432\u0430\u044f force-directed \u0440\u0430\u0441\u043a\u043b\u0430\u0434\u043a\u0430, \u0430 \u043d\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430.<\/p>\n<\/li>\n<li>\n<p><strong>\u0417\u0430\u0445\u0432\u0430\u0442 \u0434\u043d\u044f.<\/strong> \u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u044d\u043a\u0440\u0430\u043d\u0430 \u0441 \u0434\u0435\u0434\u0443\u043f\u043b\u0438\u043a\u0430\u0446\u0438\u0435\u0439 \u043f\u043e \u0445\u044d\u0448\u0443, OCR, \u0440\u0430\u0441\u043f\u043e\u0437\u043d\u0430\u0432\u0430\u043d\u0438\u0435 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430, \u0430\u0443\u0434\u0438\u043e. \u0412\u0441\u0451 \u0441 \u043a\u0432\u043e\u0442\u0430\u043c\u0438, \u0442\u0438\u0445\u0438\u043c\u0438 \u0447\u0430\u0441\u0430\u043c\u0438, \u0431\u043b\u043e\u043a\u043b\u0438\u0441\u0442\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0438 retention.<\/p>\n<\/li>\n<li>\n<p><strong>\u0421\u0432\u043e\u0434\u043a\u0438 \u0438 \u0431\u0440\u0438\u0444\u0438\u043d\u0433.<\/strong> \u0427\u0430\u0441\u043e\u0432\u044b\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438, \u0434\u043d\u0435\u0432\u043d\u044b\u0435 \u043f\u0438\u043d\u044b, \u043d\u0435\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0432\u043e\u0434\u043a\u0438, \u043f\u0440\u043e\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u00ab\u0447\u0442\u043e \u0431\u044b\u043b\u043e \u0432\u0430\u0436\u043d\u043e\u0433\u043e\u00bb.<\/p>\n<\/li>\n<li>\n<p><strong>\u0413\u043e\u043b\u043e\u0441.<\/strong> Hands-free \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440 \u0441 \u043e\u0440\u0431\u043e\u043c-\u043c\u0438\u043a\u0440\u043e\u0444\u043e\u043d\u043e\u043c, VAD, TTS.<\/p>\n<\/li>\n<li>\n<p><strong>\u041d\u0430\u0432\u044b\u043a\u0438 \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f.<\/strong> \u041d\u0430\u0431\u043e\u0440\u044b \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0439 \u0438\u0437 GitHub (SKILL.md), \u0431\u0440\u0430\u0443\u0437\u0435\u0440-\u0430\u0433\u0435\u043d\u0442, MCP-\u0440\u0430\u043d\u0442\u0430\u0439\u043c.<\/p>\n<\/li>\n<li>\n<p><strong>Vault.<\/strong> \u0417\u0430\u0448\u0438\u0444\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0437\u0430\u043c\u0435\u0442\u043a\u0438; \u0441\u0435\u043a\u0440\u0435\u0442\u044b \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432 \u0448\u0438\u0444\u0440\u0443\u044e\u0442\u0441\u044f \u0432 \u043f\u043e\u043a\u043e\u0435.<\/p>\n<\/li>\n<li>\n<p><strong>\u041c\u0443\u043b\u044c\u0442\u0438\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0440\u0435\u0436\u0438\u043c.<\/strong> \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u043e\u0442\u043a\u0440\u044b\u0442\u0430, \u043a\u0430\u0436\u0434\u044b\u0439 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0441\u043e \u0441\u0432\u043e\u0438\u043c \u043a\u043b\u044e\u0447\u043e\u043c. \u0414\u0430\u043d\u043d\u044b\u0435 \u0437\u0430\u0445\u0432\u0430\u0442\u0430 \u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u0443 \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0430 \u0438\u043d\u0441\u0442\u0430\u043d\u0441\u0430, \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a \u0432\u0438\u0434\u0438\u0442 \u0441\u0442\u0440\u043e\u0433\u043e \u0441\u0432\u043e\u0451.<\/p>\n<\/li>\n<li>\n<p><strong>\u0411\u043b\u043e\u0433, \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430, \u0430\u0443\u0434\u0438\u0442-\u043b\u043e\u0433, \u0440\u0435\u0437\u0435\u0440\u0432\u043d\u044b\u0435 \u043a\u043e\u043f\u0438\u0438, Telegram, \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0441 \u0410\u043b\u0438\u0441\u043e\u0439, .ics-\u044d\u043a\u0441\u043f\u043e\u0440\u0442 \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u0439.<\/strong><\/p>\n<\/li>\n<\/ul>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/c67\/486\/172\/c674861727e0c61d61605fda1ed74c6e.jpg\" alt=\"\u0427\u0430\u0442.\" sizes=\"(max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/\/post_images\/c67\/486\/172\/c674861727e0c61d61605fda1ed74c6e.jpg 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/c67\/486\/172\/c674861727e0c61d61605fda1ed74c6e.jpg 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0427\u0430\u0442.<\/figcaption><\/div>\n<\/figure>\n<p><em>\u0427\u0430\u0442.<\/em> <\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/2d9\/cdf\/7ef\/2d9cdf7ef3126a48cbf4551851347ff6.jpg\" alt=\"\u0413\u0440\u0430\u0444 \u043f\u0430\u043c\u044f\u0442\u0438: 12 \u043e\u0442\u0432\u0435\u0442\u043e\u0432, 22 \u0447\u0430\u0442\u0430, 20 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u2014 \u0438 \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438.\" sizes=\"(max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/\/post_images\/2d9\/cdf\/7ef\/2d9cdf7ef3126a48cbf4551851347ff6.jpg 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/2d9\/cdf\/7ef\/2d9cdf7ef3126a48cbf4551851347ff6.jpg 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0413\u0440\u0430\u0444 \u043f\u0430\u043c\u044f\u0442\u0438: 12 \u043e\u0442\u0432\u0435\u0442\u043e\u0432, 22 \u0447\u0430\u0442\u0430, 20 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u2014 \u0438 \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438.<\/figcaption><\/div>\n<\/figure>\n<p><em>\u0413\u0440\u0430\u0444 \u043f\u0430\u043c\u044f\u0442\u0438: 12 \u043e\u0442\u0432\u0435\u0442\u043e\u0432, 22 \u0447\u0430\u0442\u0430, 20 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u2014 \u0438 \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438.<\/em> <\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/5d4\/406\/91c\/5d440691c27db8af120a65db480538f8.jpg\" alt=\"\u0414\u0430\u0448\u0431\u043e\u0440\u0434 \u00ab\u0421\u0435\u0439\u0447\u0430\u0441\u00bb: \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0441\u043a\u0440\u0438\u043d, \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u0438 \u0434\u043d\u044f, \u0444\u043e\u043a\u0443\u0441-\u0441\u0435\u0441\u0441\u0438\u044f, \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u044f. \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0430\u043c \u0447\u0435\u0440\u0435\u0437 HTMX.\" sizes=\"(max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/\/post_images\/5d4\/406\/91c\/5d440691c27db8af120a65db480538f8.jpg 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/5d4\/406\/91c\/5d440691c27db8af120a65db480538f8.jpg 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0414\u0430\u0448\u0431\u043e\u0440\u0434 \u00ab\u0421\u0435\u0439\u0447\u0430\u0441\u00bb: \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0441\u043a\u0440\u0438\u043d, \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u0438 \u0434\u043d\u044f, \u0444\u043e\u043a\u0443\u0441-\u0441\u0435\u0441\u0441\u0438\u044f, \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u044f. \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0430\u043c \u0447\u0435\u0440\u0435\u0437 HTMX.<\/figcaption><\/div>\n<\/figure>\n<p><em>\u0414\u0430\u0448\u0431\u043e\u0440\u0434 \u00ab\u0421\u0435\u0439\u0447\u0430\u0441\u00bb: \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0441\u043a\u0440\u0438\u043d, \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u0438 \u0434\u043d\u044f, \u0444\u043e\u043a\u0443\u0441-\u0441\u0435\u0441\u0441\u0438\u044f, \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u044f. \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0430\u043c \u0447\u0435\u0440\u0435\u0437 HTMX.<\/em> <\/p>\n<h4>\u041f\u044f\u0442\u044c \u0442\u0435\u043c<\/h4>\n<p>\u0422\u0435\u043c\u0430 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0438 \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0437\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c: \u0443 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430 \u2014 \u0432 \u0441\u0432\u043e\u0435\u0439 \u0442\u0430\u0431\u043b\u0438\u0446\u0435, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u043f\u0435\u0440\u0435\u0442\u0435\u0440\u0435\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0430.<\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/8ca\/496\/d0a\/8ca496d0a42a2d82731d96456b8f9476.jpg\" alt=\"dark\" sizes=\"(max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/\/post_images\/8ca\/496\/d0a\/8ca496d0a42a2d82731d96456b8f9476.jpg 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/8ca\/496\/d0a\/8ca496d0a42a2d82731d96456b8f9476.jpg 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>dark<\/figcaption><\/div>\n<\/figure>\n<p><em>dark<\/em> <\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/07f\/3b9\/23e\/07f3b923e466a56925027d93675b4c67.jpg\" alt=\"light\" sizes=\"(max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/\/post_images\/07f\/3b9\/23e\/07f3b923e466a56925027d93675b4c67.jpg 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/07f\/3b9\/23e\/07f3b923e466a56925027d93675b4c67.jpg 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>light<\/figcaption><\/div>\n<\/figure>\n<p><em>light<\/em> <\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/bb8\/13d\/19c\/bb813d19c03e1b4ce6590c6ebfdf6d71.jpg\" alt=\"persona \u2014 \u0444\u0438\u0440\u043c\u0435\u043d\u043d\u0430\u044f \u0444\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u0430\u044f\" sizes=\"(max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/\/post_images\/bb8\/13d\/19c\/bb813d19c03e1b4ce6590c6ebfdf6d71.jpg 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/bb8\/13d\/19c\/bb813d19c03e1b4ce6590c6ebfdf6d71.jpg 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>persona \u2014 \u0444\u0438\u0440\u043c\u0435\u043d\u043d\u0430\u044f \u0444\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u0430\u044f<\/figcaption><\/div>\n<\/figure>\n<p><em>persona \u2014 \u0444\u0438\u0440\u043c\u0435\u043d\u043d\u0430\u044f \u0444\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u0430\u044f<\/em> <\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/5cd\/c63\/c6f\/5cdc63c6f06af712bd8c17aab0a3d55c.jpg\" alt=\"cosmos \u2014 \u0441 \u0436\u0438\u0432\u043e\u0439 3D-\u0441\u0446\u0435\u043d\u043e\u0439 \u0437\u0430 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u043e\u043c\" sizes=\"(max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/\/post_images\/5cd\/c63\/c6f\/5cdc63c6f06af712bd8c17aab0a3d55c.jpg 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/5cd\/c63\/c6f\/5cdc63c6f06af712bd8c17aab0a3d55c.jpg 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>cosmos \u2014 \u0441 \u0436\u0438\u0432\u043e\u0439 3D-\u0441\u0446\u0435\u043d\u043e\u0439 \u0437\u0430 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u043e\u043c<\/figcaption><\/div>\n<\/figure>\n<p><em>cosmos \u2014 \u0441 \u0436\u0438\u0432\u043e\u0439 3D-\u0441\u0446\u0435\u043d\u043e\u0439 \u0437\u0430 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u043e\u043c<\/em> <\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/136\/93a\/94d\/13693a94dff6238715dbc5293afe4869.jpg\" alt=\"cosmos-dark \u2014 \u0442\u0430 \u0436\u0435 \u0441\u0446\u0435\u043d\u0430, \u043f\u0440\u0438\u0433\u043b\u0443\u0448\u0451\u043d\u043d\u0430\u044f\" sizes=\"(max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/\/post_images\/136\/93a\/94d\/13693a94dff6238715dbc5293afe4869.jpg 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/136\/93a\/94d\/13693a94dff6238715dbc5293afe4869.jpg 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>cosmos-dark \u2014 \u0442\u0430 \u0436\u0435 \u0441\u0446\u0435\u043d\u0430, \u043f\u0440\u0438\u0433\u043b\u0443\u0448\u0451\u043d\u043d\u0430\u044f<\/figcaption><\/div>\n<\/figure>\n<p><em>cosmos-dark \u2014 \u0442\u0430 \u0436\u0435 \u0441\u0446\u0435\u043d\u0430, \u043f\u0440\u0438\u0433\u043b\u0443\u0448\u0451\u043d\u043d\u0430\u044f<\/em> <\/p>\n<h4>\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0441\u0435\u0433\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a<\/h4>\n<p>\u0421\u0447\u0438\u0442\u0430\u044e \u0447\u0435\u0441\u0442\u043d\u043e, \u0438\u0437 \u043a\u043e\u0434\u0430, \u0430 \u043d\u0435 \u043d\u0430 \u0433\u043b\u0430\u0437.<\/p>\n<p>\u0425\u0430\u0431 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u2014 <strong>12 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 \u0438 90 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446<\/strong> \u0434\u043b\u044f \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0430 \u0438\u043d\u0441\u0442\u0430\u043d\u0441\u0430. \u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a \u0432\u0438\u0434\u0438\u0442 \u0443\u0440\u0435\u0437\u0430\u043d\u043d\u044b\u0439 \u043a\u0430\u0442\u0430\u043b\u043e\u0433: <strong>6 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439, 16 \u0441\u0442\u0440\u0430\u043d\u0438\u0446<\/strong> \u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u043e, \u0447\u0442\u043e \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043a \u0435\u0433\u043e \u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u0443 \u0438 \u0435\u0433\u043e \u0430\u043a\u043a\u0430\u0443\u043d\u0442\u0443, \u0431\u0435\u0437 \u0435\u0434\u0438\u043d\u043e\u0439 owner-only \u0441\u0441\u044b\u043b\u043a\u0438.<\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/a98\/80d\/eef\/a9880deefb6159ce164b3806c31ee4ee.jpg\" alt=\"\u0422\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 \u0445\u0430\u0431: 12 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439, 90 \u0441\u0441\u044b\u043b\u043e\u043a.\" sizes=\"(max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/\/post_images\/a98\/80d\/eef\/a9880deefb6159ce164b3806c31ee4ee.jpg 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/\/post_images\/a98\/80d\/eef\/a9880deefb6159ce164b3806c31ee4ee.jpg 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption>\u0422\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 \u0445\u0430\u0431: 12 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439, 90 \u0441\u0441\u044b\u043b\u043e\u043a.<\/figcaption><\/div>\n<\/figure>\n<p><em>\u0422\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 \u0445\u0430\u0431: 12 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439, 90 \u0441\u0441\u044b\u043b\u043e\u043a.<\/em> <\/p>\n<p>\u0415\u0441\u043b\u0438 \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u043d\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u0441\u0430\u043c\u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438 \u0438 \u043f\u043e\u043b\u044f \u2014 <strong>156 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a<\/strong> \u0432 99 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445. \u041d\u0430 \u043c\u043e\u0435\u0439 \u0436\u0438\u0432\u043e\u0439 \u0431\u0430\u0437\u0435 \u043f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441 \u043b\u0435\u0436\u0438\u0442 <strong>163 \u0441\u043e\u0445\u0440\u0430\u043d\u0451\u043d\u043d\u044b\u0445 \u043a\u043b\u044e\u0447\u0430<\/strong> \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438.<\/p>\n<p>\u0414\u043b\u044f \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0430, \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0446\u0438\u0444\u0440\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 \u043c\u043e\u043c\u0435\u043d\u0442 \u0441\u0442\u0430\u0442\u044c\u0438: 428 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0440\u043e\u0443\u0442\u043e\u0432, 383 \u0448\u0430\u0431\u043b\u043e\u043d\u0430, 235 \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0439 \u0431\u0430\u0437\u044b, 181 \u0444\u0430\u0439\u043b \u0442\u0435\u0441\u0442\u043e\u0432.<\/p>\n<p>\u0412\u043e\u0442 \u0432\u0441\u0451 \u044d\u0442\u043e \u0434\u043e\u0431\u0440\u043e \u044f \u0438 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u043b \u043f\u043e \u0434\u0432\u0435 \u0441\u0435\u043a\u0443\u043d\u0434\u044b.<\/p>\n<hr\/>\n<h3>\u0421\u0438\u043c\u043f\u0442\u043e\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c<\/h3>\n<p>\u0417\u043d\u0430\u043a\u043e\u043c\u043e\u0435 \u0447\u0443\u0432\u0441\u0442\u0432\u043e: \u0441\u0430\u0439\u0442 \u043d\u0435 \u0441\u043b\u043e\u043c\u0430\u043d. \u041e\u043d \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f. \u041d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043f\u0430\u0434\u0430\u0435\u0442, \u0432 \u043b\u043e\u0433\u0430\u0445 \u0447\u0438\u0441\u0442\u043e, \u043e\u0448\u0438\u0431\u043e\u043a \u043d\u0435\u0442. \u041f\u0440\u043e\u0441\u0442\u043e \u0442\u044b \u043a\u043b\u0438\u043a\u0430\u0435\u0448\u044c \u043f\u043e \u0432\u043a\u043b\u0430\u0434\u043a\u0435 \u0438 \u0443\u0441\u043f\u0435\u0432\u0430\u0435\u0448\u044c \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u043a\u043b\u0438\u043a\u043d\u0443\u043b.<\/p>\n<p>\u042d\u0442\u043e \u0445\u0443\u0434\u0448\u0438\u0439 \u0432\u0438\u0434 \u0431\u0430\u0433\u0430, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0435\u0433\u043e \u043d\u0435\u043b\u044c\u0437\u044f \u0437\u0430\u0432\u0435\u0441\u0442\u0438 \u0432 \u0442\u0440\u0435\u043a\u0435\u0440. \u00ab\u041c\u0435\u0434\u043b\u0435\u043d\u043d\u043e\u00bb \u2014 \u044d\u0442\u043e \u043d\u0435 \u0431\u0430\u0433-\u0440\u0435\u043f\u043e\u0440\u0442. \u041f\u043e\u043a\u0430 \u0442\u044b \u043d\u0435 \u043f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u043b \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435 \u0432 \u0447\u0438\u0441\u043b\u043e, \u0443 \u0442\u0435\u0431\u044f \u043d\u0435\u0442 \u043d\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b, \u043d\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f.<\/p>\n<p>\u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0435\u0440\u0432\u043e\u0435, \u0447\u0442\u043e \u044f \u0441\u0434\u0435\u043b\u0430\u043b \u2014 \u043f\u043e\u043c\u0435\u0440\u0438\u043b \u0441\u0430\u043c\u043e\u0435 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e\u0435:<\/p>\n<pre><code class=\"bash\">curl -o \/dev\/null -w \"ttfb=%{time_starttransfer} total=%{time_total}\\n\" \\     http:\/\/127.0.0.1:8000\/landing# ttfb=0.026  total=0.027<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:87px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>26 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434. \u0421\u0435\u0440\u0432\u0435\u0440 \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e. \u0418 \u0432\u043e\u0442 \u0442\u0443\u0442 \u044f \u0441\u0434\u0435\u043b\u0430\u043b \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0448\u0438\u0431\u043a\u0443.<\/p>\n<h3>\u041e\u0448\u0438\u0431\u043a\u0430 \u21161: \u044f \u0440\u0435\u0448\u0438\u043b, \u0447\u0442\u043e \u043f\u043e\u043d\u044f\u043b<\/h3>\n<p>\u0420\u0430\u0437 \u0431\u044d\u043a\u0435\u043d\u0434 \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u2014 \u0437\u043d\u0430\u0447\u0438\u0442 \u0432\u0438\u043d\u043e\u0432\u0430\u0442 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434. \u041b\u043e\u0433\u0438\u0447\u043d\u043e \u0436\u0435? \u042f \u043f\u043e\u0448\u0451\u043b \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0441\u0435\u0433\u043e \u0433\u0440\u0443\u0437\u0438\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u043d\u0430\u0448\u0451\u043b \u0442\u0430\u043c 600 \u041a\u0411 three.js \u0438 \u043f\u043e\u043b\u0435\u0437 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438.<\/p>\n<p>\u041f\u043e\u043b\u0447\u0430\u0441\u0430 \u0432 \u043d\u0438\u043a\u0443\u0434\u0430.<\/p>\n<p>\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e <code>\/landing<\/code> \u2014 \u044d\u0442\u043e \u043b\u0435\u043d\u0434\u0438\u043d\u0433 \u0434\u043b\u044f \u043d\u0435\u0437\u0430\u043b\u043e\u0433\u0438\u043d\u0435\u043d\u043d\u044b\u0445. \u0410 \u00ab\u0432\u044f\u0437\u043a\u043e\u00bb \u043c\u043d\u0435 \u0431\u044b\u043b\u043e <strong>\u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430<\/strong>, \u0433\u0434\u0435 \u044f \u0441\u0438\u0436\u0443 \u0437\u0430\u043b\u043e\u0433\u0438\u043d\u0435\u043d\u043d\u044b\u043c. \u042f \u043f\u043e\u043c\u0435\u0440\u0438\u043b \u043d\u0435 \u0442\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u043e\u0431\u0440\u0430\u0434\u043e\u0432\u0430\u043b\u0441\u044f \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u0446\u0438\u0444\u0440\u0435 \u0438 \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u043b \u043d\u0430 \u043d\u0435\u0439 \u0442\u0435\u043e\u0440\u0438\u044e.<\/p>\n<p>\u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u043c\u0435\u0440 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b \u0442\u0430\u043a \u2014 \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f:<\/p>\n<pre><code>const m = await page.evaluate(() =&gt; {  const nav = performance.getEntriesByType('navigation')[0];  const paint = {};  performance.getEntriesByType('paint').forEach(e =&gt; paint[e.name] = Math.round(e.startTime));  return {    ttfb: Math.round(nav.responseStart),    fcp: paint['first-contentful-paint'],    dcl: Math.round(nav.domContentLoadedEventEnd),    reqs: performance.getEntriesByType('resource').length,  };});<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0418 \u0432\u043e\u0442 \u0447\u0442\u043e \u043e\u043d \u043f\u043e\u043a\u0430\u0437\u0430\u043b \u0434\u043b\u044f <code>\/chat<\/code>:<\/p>\n<pre><code>{ ttfb: 322, fcp: 1320, dcl: 2092, reqs: 45 }<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0414\u0432\u0435 \u0432\u0435\u0449\u0438 \u0441\u0440\u0430\u0437\u0443 \u0432\u044b\u0431\u0438\u0432\u0430\u044e\u0442\u0441\u044f.<\/p>\n<p>\u041f\u0435\u0440\u0432\u0430\u044f: <strong>TTFB 322 \u043c\u0441 \u0432\u043c\u0435\u0441\u0442\u043e 26<\/strong>. \u0422\u0430 \u0436\u0435 \u043c\u0430\u0448\u0438\u043d\u0430, \u0442\u043e\u0442 \u0436\u0435 \u0441\u0435\u0440\u0432\u0435\u0440, \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0443 \u043c\u0435\u043d\u044f \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u0435\u0441\u0442\u044c \u043a\u0443\u043a\u0430 \u0441\u0435\u0441\u0441\u0438\u0438. \u0414\u0435\u0441\u044f\u0442\u0438\u043a\u0440\u0430\u0442\u043d\u0430\u044f \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u0438\u0437-\u0437\u0430 \u043a\u0443\u043a\u0438 \u2014 \u044d\u0442\u043e \u043d\u0435 \u00ab\u043d\u0443 \u0431\u044b\u0432\u0430\u0435\u0442\u00bb, \u044d\u0442\u043e \u0441\u043b\u0435\u0434.<\/p>\n<p>\u0412\u0442\u043e\u0440\u0430\u044f: <strong>45 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432<\/strong> \u043d\u0430 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u0418 \u044d\u0442\u043e \u043d\u0430 localhost, \u0433\u0434\u0435 \u0441\u0435\u0442\u044c \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f. \u0423 \u0436\u0438\u0432\u043e\u0433\u043e \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0442\u0430\u043a\u043e\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u2014 \u044d\u0442\u043e \u0435\u0449\u0451 \u0438 round trip \u0434\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0430.<\/p>\n<h3>\u0417\u0430\u043c\u0435\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u0441\u0451 \u043e\u0431\u044a\u044f\u0441\u043d\u0438\u043b<\/h3>\n<p>\u0414\u0430\u043b\u044c\u0448\u0435 \u0441\u0430\u043c\u0430\u044f \u043f\u043e\u043b\u0435\u0437\u043d\u0430\u044f \u043c\u0438\u043d\u0443\u0442\u0430 \u0437\u0430 \u0432\u0435\u0441\u044c \u0434\u0435\u043d\u044c. \u042f \u0432\u0437\u044f\u043b \u043e\u0434\u0438\u043d-\u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0444\u0430\u0439\u043b \u2014 \u043a\u0440\u043e\u0448\u0435\u0447\u043d\u044b\u0439 <code>csrf.js<\/code> \u2014 \u0438 \u0434\u0451\u0440\u043d\u0443\u043b \u0435\u0433\u043e \u0434\u0435\u0441\u044f\u0442\u044c \u0440\u0430\u0437 \u0441 \u043a\u0443\u043a\u043e\u0439 \u0438 \u0434\u0435\u0441\u044f\u0442\u044c \u0440\u0430\u0437 \u0431\u0435\u0437:<\/p>\n<pre><code class=\"bash\"># \u0441 \u043a\u0443\u043a\u043e\u0439 \u0441\u0435\u0441\u0441\u0438\u0438for i in $(seq 1 10); do  curl -s -b cookies.txt -o \/dev\/null -w \"%{time_total} \" \\       http:\/\/127.0.0.1:8000\/static\/csrf.jsdone# 0.057 0.067 0.042 0.061 0.165 0.052 0.061 0.051 0.054 0.049# \u0431\u0435\u0437 \u043a\u0443\u043a\u0438for i in $(seq 1 10); do  curl -s -o \/dev\/null -w \"%{time_total} \" \\       http:\/\/127.0.0.1:8000\/static\/csrf.jsdone# 0.011 0.011 0.031 0.015 0.013 0.026 0.024 0.013 0.012 0.026<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p><strong>55 \u043c\u0441 \u043f\u0440\u043e\u0442\u0438\u0432 14 \u043c\u0441.<\/strong> \u0417\u0430 \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u0444\u0430\u0439\u043b \u0441 \u0434\u0438\u0441\u043a\u0430. \u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u2014 \u043d\u0430\u043b\u0438\u0447\u0438\u0435 \u043a\u0443\u043a\u0438.<\/p>\n<p>\u0421\u043e\u0440\u043e\u043a \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434 \u043d\u0430\u043a\u043b\u0430\u0434\u043d\u044b\u0445 \u0440\u0430\u0441\u0445\u043e\u0434\u043e\u0432 \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0444\u0430\u0439\u043b. \u0410 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0442\u044f\u043d\u0435\u0442 \u0438\u0445 \u043e\u043a\u043e\u043b\u043e \u0441\u043e\u0440\u043e\u043a\u0430 \u0448\u0442\u0443\u043a. \u0421\u043e\u0440\u043e\u043a \u0440\u0430\u0437 \u043f\u043e \u0441\u043e\u0440\u043e\u043a \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434 \u2014 \u044d\u0442\u043e <strong>\u043f\u043e\u043b\u0442\u043e\u0440\u044b \u0441\u0435\u043a\u0443\u043d\u0434\u044b<\/strong>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0435\u0440\u0432\u0435\u0440 \u0442\u0440\u0430\u0442\u0438\u0442 \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u0434\u0430\u0442\u044c \u0444\u0430\u0439\u043b.<\/p>\n<p>\u0412\u043e\u0442 \u0442\u0435\u043f\u0435\u0440\u044c \u0443 \u043c\u0435\u043d\u044f \u0431\u044b\u043b \u043d\u0435 \u00ab\u0441\u0430\u0439\u0442 \u0442\u043e\u0440\u043c\u043e\u0437\u0438\u0442\u00bb, \u0430 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0435 \u0447\u0438\u0441\u043b\u043e \u0438 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e.<\/p>\n<h3>\u041a\u0442\u043e \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u043b<\/h3>\n<p>\u0412 Persona \u0435\u0441\u0442\u044c middleware-\u0433\u0435\u0439\u0442: \u043e\u043d \u0441\u043c\u043e\u0442\u0440\u0438\u0442, \u043a\u0442\u043e \u043f\u0440\u0438\u0448\u0451\u043b, \u0438 \u0440\u0435\u0448\u0430\u0435\u0442, \u043f\u0443\u0441\u043a\u0430\u0442\u044c \u043b\u0438 \u0434\u0430\u043b\u044c\u0448\u0435. \u0412\u044b\u0433\u043b\u044f\u0434\u0435\u043b \u043e\u043d \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a:<\/p>\n<pre><code class=\"python\">async def dispatch(self, request, call_next):    path = request.url.path    if path == \"\/\" or _is_public_path(path):        # \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u043f\u0443\u0442\u044c \u2014 \u0434\u043e\u0441\u0442\u0443\u043f \u043d\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c,        # \u043d\u043e \u043b\u0438\u0447\u043d\u043e\u0441\u0442\u044c \u0432\u0441\u0451 \u0440\u0430\u0432\u043d\u043e \u0440\u0435\u0437\u043e\u043b\u0432\u0438\u043c        return await self._with_identity(request, call_next, public=True)    ...async def _with_identity(self, request, call_next, *, public):    token = request.cookies.get(SESSION_COOKIE_NAME)    session = await verify_session(token) if token else None    ...<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p><code>\/static\/<\/code> \u043b\u0435\u0436\u0438\u0442 \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0445 \u043f\u0443\u0442\u0435\u0439. \u0422\u043e \u0435\u0441\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u043d\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442\u0441\u044f \u2014 \u043d\u043e <code>verify_session()<\/code> \u0432\u0441\u0451 \u0440\u0430\u0432\u043d\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f. \u0410 \u0432\u043d\u0443\u0442\u0440\u0438 <code>verify_session()<\/code>:<\/p>\n<pre><code class=\"python\"># Fire-and-forget last_seen bump; failure must not break auth.try:    await conn.execute(        \"UPDATE auth_session SET last_seen_at = ? WHERE token = ?\",        (now, token),    )    await conn.commit()except Exception as exc:    log.debug(\"auth.session.last_seen_update_failed\", error=str(exc))<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0412\u043e\u0442 \u043e\u043d\u043e. <strong>SELECT, UPDATE \u0438 COMMIT \u0432 SQLite \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 CSS-\u0444\u0430\u0439\u043b, \u043a\u0430\u0436\u0434\u0443\u044e \u0438\u043a\u043e\u043d\u043a\u0443, \u043a\u0430\u0436\u0434\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442.<\/strong><\/p>\n<p>\u041d\u0430 Windows \u0441 \u0432\u043a\u043b\u044e\u0447\u0451\u043d\u043d\u044b\u043c WAL \u043a\u043e\u043c\u043c\u0438\u0442 \u2014 \u044d\u0442\u043e \u043d\u0435 \u00ab\u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 \u043f\u0430\u043c\u044f\u0442\u044c\u00bb, \u044d\u0442\u043e \u0437\u0430\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0434\u0438\u0441\u043a \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u0437\u0430\u043f\u0438\u0441\u044c. \u0414\u0435\u0441\u044f\u0442\u043a\u0438 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434. \u0418 \u043f\u043e\u043a\u0430 \u0438\u0434\u0451\u0442 \u043a\u043e\u043c\u043c\u0438\u0442, \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0441\u0442\u043e\u044f\u0442 \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u0438 \u043d\u0430 \u0437\u0430\u043f\u0438\u0441\u044c.<\/p>\n<p>\u0421\u043e\u0440\u043e\u043a \u0444\u0430\u0439\u043b\u043e\u0432 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u2014 \u0441\u043e\u0440\u043e\u043a \u043a\u043e\u043c\u043c\u0438\u0442\u043e\u0432. \u0412\u0441\u0435 \u0441\u043e\u0440\u043e\u043a \u043f\u0438\u0448\u0443\u0442 \u0432 \u043e\u0434\u043d\u0443 \u0438 \u0442\u0443 \u0436\u0435 \u0441\u0442\u0440\u043e\u0447\u043a\u0443 <strong>\u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u0442\u0430\u0439\u043c\u0441\u0442\u0430\u043c\u043f<\/strong>, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u044f\u0442 \u0432 \u043e\u0434\u043d\u0443 \u0438 \u0442\u0443 \u0436\u0435 \u0441\u0435\u043a\u0443\u043d\u0434\u0443.<\/p>\n<h3>\u041f\u043e\u0447\u0435\u043c\u0443 \u044d\u0442\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u0431\u044b\u043b\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e<\/h3>\n<p>\u041d\u0435 \u0445\u043e\u0447\u0443 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c, \u0447\u0442\u043e \u043d\u0430\u0448\u0451\u043b \u0447\u0443\u0436\u0443\u044e \u0433\u043b\u0443\u043f\u043e\u0441\u0442\u044c. \u0421\u0442\u0440\u043e\u0447\u043a\u0443 \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u044f, \u0438 \u0432 \u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043e\u043d\u0430 \u0431\u044b\u043b\u0430 \u043e\u0441\u043c\u044b\u0441\u043b\u0435\u043d\u043d\u043e\u0439.<\/p>\n<p><code>last_seen_at<\/code> \u043d\u0443\u0436\u0435\u043d \u0434\u043b\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0438 \u0441\u043e \u0441\u043f\u0438\u0441\u043a\u043e\u043c \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u0441\u0435\u0441\u0441\u0438\u0439 \u2014 \u0442\u043e\u0439 \u0441\u0430\u043c\u043e\u0439, \u0433\u0434\u0435 \u043f\u0438\u0448\u0443\u0442 \u00ab\u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c: 2 \u043c\u0438\u043d\u0443\u0442\u044b \u043d\u0430\u0437\u0430\u0434\u00bb \u0438 \u0434\u0430\u044e\u0442 \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u0432\u044b\u0439\u0442\u0438 \u0441\u043e \u0432\u0441\u0435\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u00bb. \u041f\u043b\u044e\u0441 \u043f\u043e \u043d\u0435\u043c\u0443 \u0436\u0435 \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0442\u0443\u0445\u0430\u043d\u0438\u0435 \u0441\u0435\u0441\u0441\u0438\u0438 \u043f\u043e \u0431\u0435\u0437\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044e.<\/p>\n<p>\u041b\u043e\u0433\u0438\u043a\u0430 \u0431\u044b\u043b\u0430: \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0435 \u2014 \u0437\u043d\u0430\u0447\u0438\u0442 \u043e\u0442\u043c\u0435\u0442\u043a\u0430 \u0432\u0441\u0435\u0433\u0434\u0430 \u0442\u043e\u0447\u043d\u0430\u044f. \u0418 \u044d\u0442\u043e \u043f\u0440\u0430\u0432\u0434\u0430. \u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u043d\u0435 \u0432 \u0438\u0434\u0435\u0435, \u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u00ab\u043a\u0430\u0436\u0434\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430\u00bb \u043d\u0430 \u0434\u0435\u043b\u0435 \u043e\u0437\u043d\u0430\u0447\u0430\u043b\u0430 \u00ab\u043a\u0430\u0436\u0434\u044b\u0439 \u0444\u0430\u0439\u043b \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\u00bb, \u0430 \u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u043b \u0441\u0435\u0431\u0435 \u00ab\u043a\u0430\u0436\u0434\u044b\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043f\u043e \u0441\u0430\u0439\u0442\u0443\u00bb.<\/p>\n<p>\u0422\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0441 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u044f \u0443 \u0441\u0435\u0431\u044f \u043d\u0430\u0445\u043e\u0436\u0443. \u041d\u0435 \u0433\u043b\u0443\u043f\u044b\u0439 \u043a\u043e\u0434. \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0447\u0430\u0449\u0435, \u0447\u0435\u043c \u0430\u0432\u0442\u043e\u0440 \u0441\u0435\u0431\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u043b.<\/p>\n<h3>\u0424\u0438\u043a\u0441: \u0434\u0432\u0430 \u043c\u0435\u0441\u0442\u0430, \u043e\u0431\u0435 \u043e\u0434\u043d\u043e\u0441\u0442\u0440\u043e\u0447\u043d\u044b\u0435 \u043f\u043e \u0441\u0443\u0442\u0438<\/h3>\n<p><strong>\u041f\u0435\u0440\u0432\u043e\u0435.<\/strong> \u0421\u0442\u0430\u0442\u0438\u043a\u0430 \u0443\u0445\u043e\u0434\u0438\u0442 \u0438\u0437 \u0433\u0435\u0439\u0442\u0430 \u0434\u043e \u0432\u0441\u044f\u043a\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0431\u0430\u0437\u043e\u0439:<\/p>\n<pre><code class=\"python\"># \u0421\u0442\u0430\u0442\u0438\u043a\u0430 \u0443\u0445\u043e\u0434\u0438\u0442 \u0440\u0430\u043d\u044c\u0448\u0435 \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a \u2014 \u0438 \u0440\u0430\u043d\u044c\u0448\u0435 \u0440\u0435\u0437\u043e\u043b\u0432\u0430 \u043b\u0438\u0447\u043d\u043e\u0441\u0442\u0438.# verify_session \u0434\u0435\u043b\u0430\u0435\u0442 SELECT + UPDATE + COMMIT, \u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430# \u0442\u044f\u043d\u0435\u0442 ~40 \u0444\u0430\u0439\u043b\u043e\u0432 \u0438\u0437 \/static. \u0417\u0430\u043c\u0435\u0440: \u0442\u043e\u0442 \u0436\u0435 GET \/static\/csrf.js \u2014# 55 \u043c\u0441 \u0441 \u043a\u0443\u043a\u043e\u0439 \u043f\u0440\u043e\u0442\u0438\u0432 14 \u043c\u0441 \u0431\u0435\u0437 \u043d\u0435\u0451.## \u041f\u0440\u0430\u0432\u0430 \u0442\u0443\u0442 \u043d\u0435 \u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f: \/static\/ \u0438 \u0442\u0430\u043a \u0432 _PUBLIC_PREFIXES, \u0440\u0435\u0448\u0435\u043d\u0438\u0435# \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u044b\u043b\u043e \u00ab\u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c\u00bb. \u041b\u0438\u0447\u043d\u043e\u0441\u0442\u044c \u0444\u0430\u0439\u043b\u0430\u043c \u043d\u0435 \u043d\u0443\u0436\u043d\u0430:# \u0438\u0445 \u043e\u0442\u0434\u0430\u0451\u0442 StaticFiles, \u0430 \u043d\u0435 \u0448\u0430\u0431\u043b\u043e\u043d, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 request.state \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u0447\u0438\u0442\u0430\u0435\u0442.if _is_asset_path(path):    return await call_next(request)<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u043b, \u0447\u0442\u043e \u043f\u043e\u0434 <code>\/static\/<\/code> \u043d\u0435 \u0436\u0438\u0432\u0451\u0442 \u043d\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u0440\u043e\u0443\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442 \u0448\u0430\u0431\u043b\u043e\u043d \u2014 \u0438\u043d\u0430\u0447\u0435 \u044f \u0431\u044b \u0442\u0438\u0445\u043e \u0441\u043b\u043e\u043c\u0430\u043b \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u00ab\u043a\u0442\u043e \u0441\u043c\u043e\u0442\u0440\u0438\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443\u00bb. \u0422\u0430\u043c \u0442\u043e\u043b\u044c\u043a\u043e <code>StaticFiles<\/code> \u0438 \u043e\u0442\u0434\u0430\u0447\u0430 <code>sw.js<\/code> \u0444\u0430\u0439\u043b\u043e\u043c. \u0427\u0438\u0441\u0442\u043e.<\/p>\n<p><strong>\u0412\u0442\u043e\u0440\u043e\u0435.<\/strong> \u0421\u0430\u043c\u0430 \u0437\u0430\u043f\u0438\u0441\u044c \u0441\u0442\u0430\u043b\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u043d\u0435 \u0447\u0430\u0449\u0435 \u0440\u0430\u0437\u0430 \u0432 \u043c\u0438\u043d\u0443\u0442\u0443:<\/p>\n<pre><code class=\"python\">_LAST_SEEN_RESOLUTION = timedelta(seconds=60)def _last_seen_is_stale(value, now) -&gt; bool:    \"\"\"True, \u043a\u043e\u0433\u0434\u0430 \u043e\u0442\u043c\u0435\u0442\u043a\u0443 \u043f\u043e\u0440\u0430 \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c.    NULL \u0438 \u043d\u0435\u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0435\u043c\u0430\u044f \u0434\u0430\u0442\u0430 \u0441\u0447\u0438\u0442\u0430\u044e\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u043c\u0438: \u043b\u0443\u0447\u0448\u0435 \u043e\u0434\u0438\u043d \u043b\u0438\u0448\u043d\u0438\u0439    \u043a\u043e\u043c\u043c\u0438\u0442, \u0447\u0435\u043c \u0441\u0442\u0440\u043e\u043a\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0438 \u043e\u0434\u043d\u0430\u0436\u0434\u044b \u0432\u044b\u0441\u0435\u043b\u0438\u0442    \u0436\u0438\u0432\u0443\u044e \u0441\u0435\u0441\u0441\u0438\u044e \u043a\u0430\u043a \u043f\u0440\u043e\u0441\u0442\u0430\u0438\u0432\u0430\u044e\u0449\u0443\u044e.    \"\"\"    if not value:        return True    try:        seen = datetime.fromisoformat(str(value))    except ValueError:        return True    if seen.tzinfo is None:        seen = seen.replace(tzinfo=timezone.utc)    return (now - seen) &gt;= _LAST_SEEN_RESOLUTION<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0417\u0434\u0435\u0441\u044c \u0432\u0430\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043d\u0435 \u0441\u043b\u043e\u043c\u0430\u0442\u044c \u0432\u044b\u0441\u0435\u043b\u0435\u043d\u0438\u0435 \u043f\u043e \u0431\u0435\u0437\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044e \u2014 \u043e\u043d\u043e \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u0442\u043e\u043c\u0443 \u0436\u0435 \u043f\u043e\u043b\u044e. \u041f\u043e\u0441\u0447\u0438\u0442\u0430\u043b: \u043e\u043a\u043d\u043e \u0431\u0435\u0437\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e 14 \u0434\u043d\u0435\u0439, \u043f\u043e\u0433\u0440\u0435\u0448\u043d\u043e\u0441\u0442\u044c \u043e\u0442 \u0442\u0440\u043e\u0442\u0442\u043b\u0438\u043d\u0433\u0430 \u2014 \u0434\u043e \u043c\u0438\u043d\u0443\u0442\u044b. \u041c\u0438\u043d\u0443\u0442\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u0447\u0435\u0442\u044b\u0440\u043d\u0430\u0434\u0446\u0430\u0442\u0438 \u0434\u043d\u0435\u0439 \u0440\u043e\u043b\u0438 \u043d\u0435 \u0438\u0433\u0440\u0430\u0435\u0442. \u0410 \u00ab\u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c\u00bb \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u0441\u0435\u0441\u0441\u0438\u0439 \u0442\u0435\u043f\u0435\u0440\u044c \u043e\u0442\u0441\u0442\u0430\u0451\u0442 \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c \u043d\u0430 \u043c\u0438\u043d\u0443\u0442\u0443, \u0447\u0442\u043e \u0447\u0435\u043b\u043e\u0432\u0435\u043a \u043d\u0435 \u0437\u0430\u043c\u0435\u0442\u0438\u0442.<\/p>\n<p>\u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435, \u0447\u0435\u0433\u043e \u044f \u043d\u0435 \u0441\u0442\u0430\u043b \u0434\u0435\u043b\u0430\u0442\u044c \u2014 \u0432\u044b\u043a\u0438\u0434\u044b\u0432\u0430\u0442\u044c <code>last_seen_at<\/code> \u0441\u043e\u0432\u0441\u0435\u043c. \u0417\u0430\u043c\u0430\u043d\u0447\u0438\u0432\u043e, \u043d\u043e \u044d\u0442\u043e \u0436\u0438\u0432\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438, \u0430 \u043d\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u0435.<\/p>\n<h3>\u0422\u0435\u0441\u0442 \u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u0440\u0430\u043d\u044c\u0448\u0435 \u0444\u0438\u043a\u0441\u0430<\/h3>\n<p>\u041d\u0435 \u0438\u0437 \u043b\u044e\u0431\u0432\u0438 \u043a \u0440\u0438\u0442\u0443\u0430\u043b\u0430\u043c, \u0430 \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u044d\u0442\u043e \u0431\u044b\u043b \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0443\u0431\u0435\u0434\u0438\u0442\u044c\u0441\u044f, \u0447\u0442\u043e \u044f \u0447\u0438\u043d\u044e \u0442\u043e, \u0447\u0442\u043e \u0434\u0443\u043c\u0430\u044e.<\/p>\n<pre><code class=\"python\">@pytest.mark.asyncioasync def test_static_request_does_not_touch_session_table(signed_in) -&gt; None:    \"\"\"\u0421\u0442\u0430\u0442\u0438\u043a\u0430 \u0441 \u043a\u0443\u043a\u043e\u0439 \u0441\u0435\u0441\u0441\u0438\u0438 \u043d\u0435 \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 last_seen_at.\"\"\"    client, token = signed_in    stale = datetime.now(timezone.utc) - timedelta(days=1)    await _set_last_seen(token, stale)    response = await client.get(\"\/static\/csrf.js?v=2.35.0\")    assert response.status_code == 200    assert await _last_seen(token) == stale.isoformat()<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0417\u0430\u043f\u0443\u0441\u0442\u0438\u043b \u0434\u043e \u043f\u0440\u0430\u0432\u043a\u0438 \u2014 \u0443\u043f\u0430\u043b. \u042d\u0442\u043e \u0438 \u0435\u0441\u0442\u044c \u0441\u043c\u044b\u0441\u043b \u0443\u043f\u0440\u0430\u0436\u043d\u0435\u043d\u0438\u044f: \u044f \u0441\u0432\u043e\u0438\u043c\u0438 \u0433\u043b\u0430\u0437\u0430\u043c\u0438 \u0443\u0432\u0438\u0434\u0435\u043b, \u0447\u0442\u043e \u0442\u0435\u0441\u0442 \u043b\u043e\u0432\u0438\u0442 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443, \u0430 \u043d\u0435 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u0442\u0430\u043a.<\/p>\n<p>\u0420\u044f\u0434\u043e\u043c \u043f\u043e\u043b\u043e\u0436\u0438\u043b \u0432\u0442\u043e\u0440\u043e\u0439, \u0437\u0435\u0440\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u2014 \u0447\u0442\u043e \u043e\u0431\u044b\u0447\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442. \u0411\u0435\u0437 \u043d\u0435\u0433\u043e \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0435\u0441\u0442 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043b \u0431\u044b \u0438 \u0432 \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u0431\u044b \u044f \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e \u0432\u044b\u043a\u043b\u044e\u0447\u0438\u043b <code>last_seen_at<\/code> \u0432\u043e\u043e\u0431\u0449\u0435.<\/p>\n<h3>\u0412\u0442\u043e\u0440\u043e\u0439 \u0442\u043e\u0440\u043c\u043e\u0437: \u0441\u0442\u0438\u043b\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u0431\u0438\u0440\u0430\u043b\u0438\u0441\u044c \u0437\u0430\u043d\u043e\u0432\u043e \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f<\/h3>\n<p>\u0421 \u0431\u0430\u0437\u043e\u0439 \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0438\u0441\u044c, TTFB \u0443\u043f\u0430\u043b. \u041d\u043e FCP \u0432\u0441\u0451 \u0435\u0449\u0451 \u0431\u044b\u043b \u043e\u043a\u043e\u043b\u043e \u0441\u0435\u043a\u0443\u043d\u0434\u044b, \u0430 \u043f\u0435\u0440\u0432\u0430\u044f \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0430 \u043d\u0430 localhost \u0437\u0430 \u0441\u0435\u043a\u0443\u043d\u0434\u0443 \u2014 \u044d\u0442\u043e \u043c\u043d\u043e\u0433\u043e.<\/p>\n<p>\u0412 <code>&lt;head&gt;<\/code> \u0443 \u043c\u0435\u043d\u044f \u0432\u0438\u0441\u0435\u043b\u043e \u0432\u043e\u0442 \u044d\u0442\u043e:<\/p>\n<pre><code>&lt;script src=\"\/static\/vendor\/tailwind-play.js\"&gt;&lt;\/script&gt;<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u042d\u0442\u043e Tailwind Play CDN \u2014 407 \u041a\u0411 JIT-\u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u0430. \u041e\u043d \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u043e\u0431\u0445\u043e\u0434\u0438\u0442 DOM, \u0441\u043c\u043e\u0442\u0440\u0438\u0442, \u043a\u0430\u043a\u0438\u0435 \u043a\u043b\u0430\u0441\u0441\u044b \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438, \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u043f\u043e\u0434 \u043d\u0438\u0445 CSS \u0438 \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 <code>&lt;style&gt;<\/code> \u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443.<\/p>\n<p>\u0418 \u0434\u0435\u043b\u0430\u0435\u0442 \u044d\u0442\u043e <strong>\u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/strong>. \u041d\u0435 \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u043f\u0440\u0438 \u0441\u0431\u043e\u0440\u043a\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u2014 \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u043d\u0430 \u0435\u0433\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0435.<\/p>\n<p>\u041f\u043b\u044e\u0441 \u043d\u0430 \u0442\u0435\u0433\u0435 \u043d\u0435\u0442 <code>defer<\/code>. \u0417\u043d\u0430\u0447\u0438\u0442 \u043f\u0430\u0440\u0441\u0435\u0440 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u0432\u0441\u0442\u0430\u0451\u0442 \u0438 \u0436\u0434\u0451\u0442, \u043f\u043e\u043a\u0430 \u044d\u0442\u0438 407 \u041a\u0411 \u0441\u043a\u0430\u0447\u0430\u044e\u0442\u0441\u044f \u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u0441\u044f.<\/p>\n<p>\u0412\u0437\u044f\u043b \u0435\u0433\u043e \u0438 \u0437\u0430\u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u043b \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043d\u044f\u0442\u044c \u0446\u0435\u043d\u0443:<\/p>\n<div>\n<div class=\"table\">\n<table>\n<tbody>\n<tr>\n<th>\n<p align=\"left\">\n<\/th>\n<th>\n<p align=\"left\">FCP<\/p>\n<\/th>\n<th>\n<p align=\"left\">DOMContentLoaded<\/p>\n<\/th>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">\u043a\u0430\u043a \u0431\u044b\u043b\u043e<\/p>\n<\/td>\n<td>\n<p align=\"left\">1320 \u043c\u0441<\/p>\n<\/td>\n<td>\n<p align=\"left\">2092 \u043c\u0441<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">\u0431\u0435\u0437 <code>tailwind-play.js<\/code><\/p>\n<\/td>\n<td>\n<p align=\"left\">884 \u043c\u0441<\/p>\n<\/td>\n<td>\n<p align=\"left\">1496 \u043c\u0441<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p><strong>436 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434 \u043f\u0435\u0440\u0432\u043e\u0439 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438<\/strong> \u2014 \u043d\u0430 \u043c\u043e\u0449\u043d\u043e\u043c \u0441\u0435\u0440\u0432\u0435\u0440\u0435, \u0441 \u0442\u0451\u043f\u043b\u044b\u043c \u043a\u044d\u0448\u0435\u043c, \u0431\u0435\u0437 \u0441\u0435\u0442\u0435\u0432\u043e\u0439 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0438. \u041d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0447\u0435\u0440\u0435\u0437 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u2014 \u0441\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0441\u0430\u043c\u0438.<\/p>\n<p>\u0421\u043c\u0435\u0448\u043d\u043e, \u0447\u0442\u043e \u0437\u0430 \u0433\u043e\u0434 \u0434\u043e \u044d\u0442\u043e\u0433\u043e \u044f \u0443\u0436\u0435 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u043b Tailwind \u0441 \u0437\u0430\u0440\u0443\u0431\u0435\u0436\u043d\u043e\u0433\u043e CDN \u043a \u0441\u0435\u0431\u0435 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043d\u0430 \u0440\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u0438\u0445 \u0441\u0435\u0442\u044f\u0445 <code>cdn.tailwindcss.com<\/code> \u043f\u043e\u0434\u0442\u043e\u0440\u043c\u0430\u0436\u0438\u0432\u0430\u043b. \u0422\u043e\u0433\u0434\u0430 \u044f \u0440\u0435\u0448\u0438\u043b \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0444\u0430\u0439\u043b\u0430 \u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u0437\u0430\u0434\u0443\u043c\u0430\u043b\u0441\u044f, \u0437\u0430\u0447\u0435\u043c \u044d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u043d\u0443\u0436\u0435\u043d.<\/p>\n<p>\u041f\u043e\u0447\u0438\u043d\u043a\u0430 \u0441\u043a\u0443\u0447\u043d\u0430\u044f \u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0430\u044f \u2014 \u0441\u043e\u0431\u0440\u0430\u0442\u044c CSS \u0437\u0430\u0440\u0430\u043d\u0435\u0435:<\/p>\n<pre><code class=\"bash\">npx tailwindcss -c tailwind.config.js -i ops\/tailwind\/input.css \\    -o app\/web\/static\/vendor\/tailwind-built.css --minify<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>407 \u041a\u0411 JavaScript \u0441 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0435\u0439 \u0432 \u0440\u0430\u043d\u0442\u0430\u0439\u043c\u0435 \u2192 96 \u041a\u0411 \u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e CSS (~24 \u041a\u0411 \u0432 gzip), \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043a\u044d\u0448\u0438\u0440\u0443\u0435\u0442 \u043d\u0430 \u0433\u043e\u0434 \u0438 \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u0440\u043e \u043d\u0435\u0433\u043e \u043d\u0435 \u0432\u0441\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u0442.<\/p>\n<p>\u0412\u0435\u0440\u0441\u0438\u044e Tailwind \u0432\u0437\u044f\u043b \u0440\u043e\u0432\u043d\u043e \u0442\u0443, \u0447\u0442\u043e \u0431\u044b\u043b\u0430 \u0437\u0430\u0448\u0438\u0442\u0430 \u0432 Play CDN \u2014 3.4.17. \u041d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0435\u0449\u0451 \u0438 \u043f\u0435\u0440\u0435\u0435\u0437\u0434 \u043d\u0430 \u0434\u0440\u0443\u0433\u043e\u0439 \u043d\u0430\u0431\u043e\u0440 \u0443\u0442\u0438\u043b\u0438\u0442.<\/p>\n<h3>\u041b\u043e\u0432\u0443\u0448\u043a\u0430, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u044f \u043f\u043e\u0447\u0442\u0438 \u043f\u043e\u043f\u0430\u043b\u0441\u044f<\/h3>\n<p>\u041f\u0435\u0440\u0435\u0434 \u0437\u0430\u043c\u0435\u043d\u043e\u0439 \u044f \u0440\u0435\u0448\u0438\u043b \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c, \u043a\u0443\u0434\u0430 \u0438\u043c\u0435\u043d\u043d\u043e Play CDN \u043a\u043b\u0430\u0434\u0451\u0442 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 <code>&lt;style&gt;<\/code>. \u041f\u0440\u043e\u0441\u0442\u043e \u0438\u0437 \u043b\u044e\u0431\u043e\u043f\u044b\u0442\u0441\u0442\u0432\u0430.<\/p>\n<pre><code>const order = await page.evaluate(() =&gt;  Array.from(document.head.children).map((e, i) =&gt; {    if (e.tagName === 'STYLE') return i + ': STYLE len=' + e.textContent.length;    if (e.tagName === 'LINK' &amp;&amp; e.rel === 'stylesheet') return i + ': LINK ' + e.href.split('\/').pop();    return null;  }).filter(Boolean));<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<pre><code>22: LINK app.css23: LINK persona_theme.css...33: LINK copilot.css55: STYLE len=18368   \u2190 \u0432\u043e\u0442 \u043e\u043d<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0421\u043a\u0440\u0438\u043f\u0442 \u0441\u0442\u043e\u044f\u043b \u0432 <code>&lt;head&gt;<\/code> <strong>\u0432\u044b\u0448\u0435<\/strong> \u0432\u0441\u0435\u0445 \u043c\u043e\u0438\u0445 <code>&lt;link&gt;<\/code>. \u0410 \u0441\u0442\u0438\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u043d \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442, \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f <strong>\u043d\u0438\u0436\u0435<\/strong> \u0438\u0445 \u0432\u0441\u0435\u0445 \u2014 \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0435 \u0432 \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0441\u043a\u0440\u0438\u043f\u0442\u0430, \u0430 \u043a\u043e\u0433\u0434\u0430 \u0441\u043a\u0440\u0438\u043f\u0442 \u043e\u0442\u0440\u0430\u0431\u043e\u0442\u0430\u043b.<\/p>\n<p>\u041f\u0440\u0438 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0439 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u043e\u0441\u0442\u0438 \u0432\u044b\u0438\u0433\u0440\u044b\u0432\u0430\u0435\u0442 \u0442\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u0447\u0442\u043e \u043d\u0438\u0436\u0435. \u0422\u043e \u0435\u0441\u0442\u044c \u0443\u0442\u0438\u043b\u0438\u0442\u044b Tailwind \u0443 \u043c\u0435\u043d\u044f \u0432\u0441\u0451 \u044d\u0442\u043e \u0432\u0440\u0435\u043c\u044f <strong>\u043f\u0435\u0440\u0435\u0431\u0438\u0432\u0430\u043b\u0438<\/strong> <code>app.css<\/code> \u0438 \u0444\u0430\u0439\u043b\u044b \u0442\u0435\u043c.<\/p>\n<p>\u041f\u043e\u0441\u0442\u0430\u0432\u044c \u044f <code>&lt;link&gt;<\/code> \u043d\u0430 \u043d\u043e\u0432\u044b\u0439 \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0439 CSS \u0442\u0443\u0434\u0430, \u0433\u0434\u0435 \u0440\u0430\u043d\u044c\u0448\u0435 \u0441\u0442\u043e\u044f\u043b <code>&lt;script&gt;<\/code> \u2014 \u0442\u043e \u0435\u0441\u0442\u044c \u0432 \u0441\u0430\u043c\u044b\u0439 \u0432\u0435\u0440\u0445, \u043a\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043b\u043e\u0433\u0438\u0447\u043d\u043e, \u2014 \u0438 \u043a\u0430\u0441\u043a\u0430\u0434 \u0431\u044b \u043f\u0435\u0440\u0435\u0432\u0435\u0440\u043d\u0443\u043b\u0441\u044f. \u041d\u0435 \u0441 \u043e\u0448\u0438\u0431\u043a\u043e\u0439 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438, \u0430 \u0442\u0438\u0445\u043e: \u0433\u0434\u0435-\u0442\u043e \u043f\u043e\u0435\u0445\u0430\u043b\u0438 \u0431\u044b \u043e\u0442\u0441\u0442\u0443\u043f\u044b, \u0433\u0434\u0435-\u0442\u043e \u0446\u0432\u0435\u0442. \u041f\u043e\u043b\u043e\u0432\u0438\u043d\u0443 \u044f \u0431\u044b \u043d\u0430\u0448\u0451\u043b \u0447\u0435\u0440\u0435\u0437 \u043d\u0435\u0434\u0435\u043b\u044e, \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0443 \u2014 \u043e\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439.<\/p>\n<p>\u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u0441\u044b\u043b\u043a\u0430 \u0441\u0442\u043e\u0438\u0442 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0439 \u0441\u0440\u0435\u0434\u0438 \u0441\u0442\u0438\u043b\u0435\u0439, \u0438 \u043d\u0430\u0434 \u043d\u0435\u0439 \u0432\u0438\u0441\u0438\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439, \u043f\u043e\u0447\u0435\u043c\u0443 \u0435\u0451 \u043d\u0435\u043b\u044c\u0437\u044f \u0434\u0432\u0438\u0433\u0430\u0442\u044c \u0432\u0432\u0435\u0440\u0445.<\/p>\n<h3>\u041a\u0430\u043a \u044f \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u043b, \u0447\u0442\u043e \u043d\u0435 \u0441\u043b\u043e\u043c\u0430\u043b \u0432\u0451\u0440\u0441\u0442\u043a\u0443<\/h3>\n<p>\u0417\u0430\u043c\u0435\u043d\u0430 Tailwind \u0442\u0440\u043e\u0433\u0430\u0435\u0442 \u0432\u043e\u043e\u0431\u0449\u0435 \u0432\u0441\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u0438\u0445 \u0433\u043b\u0430\u0437\u0430\u043c\u0438 \u043f\u043e \u043e\u0434\u043d\u043e\u0439 \u2014 \u0442\u0430\u043a \u0441\u0435\u0431\u0435 \u043f\u043b\u0430\u043d, \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u0434\u0430 \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0448\u044c.<\/p>\n<p>\u0421\u0434\u0435\u043b\u0430\u043b \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442-\u0434\u0438\u0444\u0444. \u0414\u043e \u043f\u0440\u0430\u0432\u043a\u0438 \u043f\u0440\u043e\u0433\u043d\u0430\u043b \u043f\u043e 14 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c (\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0435 + \u043a\u0430\u0431\u0438\u043d\u0435\u0442) \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u043b \u0441\u043d\u0438\u043c\u043a\u0438. \u041f\u043e\u0441\u043b\u0435 \u043f\u0440\u0430\u0432\u043a\u0438 \u2014 \u0442\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435. \u041f\u043e\u0442\u043e\u043c \u043f\u043e\u043f\u0438\u043a\u0441\u0435\u043b\u044c\u043d\u043e \u0441\u0440\u0430\u0432\u043d\u0438\u043b \u0447\u0435\u0440\u0435\u0437 <code>pixelmatch<\/code>:<\/p>\n<pre><code>    3307 px (0.255%)   owner_graph.png      63 px (0.005%)   owner_blog.png      23 px (0.002%)   anon_landing.png       8 px (0.001%)   owner_now.png       8 px (0.001%)   owner_settings.png       ...       0 px (0.000%)   anon_auth_login.png       0 px (0.000%)   anon_auth_signup.png<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041b\u043e\u0433\u0438\u043d \u0438 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u2014 \u043d\u043e\u043b\u044c \u043e\u0442\u043b\u0438\u0447\u0438\u0439, \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u043f\u0438\u043a\u0441\u0435\u043b\u044f. \u041f\u043e 8 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u043d\u0430 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u2014 \u044d\u0442\u043e \u043d\u043e\u043c\u0435\u0440 \u0432\u0435\u0440\u0441\u0438\u0438 \u0432 \u0448\u0430\u043f\u043a\u0435 \u043f\u043e\u043c\u0435\u043d\u044f\u043b\u0441\u044f \u0441 <code>v2.35.0<\/code> \u043d\u0430 <code>v2.36.0<\/code>.<\/p>\n<p>\u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u0437\u0430\u043c\u0435\u0442\u043d\u0430\u044f \u0446\u0438\u0444\u0440\u0430 \u2014 \u0433\u0440\u0430\u0444 \u043f\u0430\u043c\u044f\u0442\u0438. \u041e\u0442\u043a\u0440\u044b\u043b \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443 \u0441 \u0434\u0438\u0444\u0444\u043e\u043c: \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0443\u0437\u043b\u043e\u0432, \u0432\u0441\u044f \u043e\u0431\u0432\u044f\u0437\u043a\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441\u043e\u0432\u043f\u0430\u0434\u0430\u0435\u0442 \u043f\u0438\u043a\u0441\u0435\u043b\u044c \u0432 \u043f\u0438\u043a\u0441\u0435\u043b\u044c. \u0422\u0430\u043c force-directed \u0440\u0430\u0441\u043a\u043b\u0430\u0434\u043a\u0430, \u043e\u043d\u0430 \u043c\u0435\u0436\u0434\u0443 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u043c\u0438 \u0441\u0430\u043c\u0430 \u043f\u043e \u0441\u0435\u0431\u0435 \u0441\u043b\u0435\u0433\u043a\u0430 \u043f\u043b\u044f\u0448\u0435\u0442.<\/p>\n<p>\u042d\u0442\u0438 \u043f\u043e\u043b\u0447\u0430\u0441\u0430 \u043d\u0430 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442-\u0434\u0438\u0444\u0444 \u2014 \u043b\u0443\u0447\u0448\u0435\u0435 \u0432\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0437\u0430 \u0432\u0435\u0441\u044c \u0434\u0435\u043d\u044c. \u042f \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u043b \u0433\u0430\u0434\u0430\u0442\u044c, \u0441\u043b\u043e\u043c\u0430\u043b\u043e\u0441\u044c \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u0438\u043b\u0438 \u043d\u0435\u0442.<\/p>\n<h3>\u041f\u043e\u0431\u043e\u0447\u043d\u0430\u044f \u043d\u0430\u0445\u043e\u0434\u043a\u0430: 18 \u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0438<\/h3>\n<p>\u0421\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0439 Tailwind, \u0432 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 \u0440\u0430\u043d\u0442\u0430\u0439\u043c-\u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u0430, \u043f\u0440\u043e\u0449\u0430\u0435\u0442 \u043c\u0435\u043d\u044c\u0448\u0435: \u043e\u043d \u0437\u043d\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435 \u043a\u043b\u0430\u0441\u0441\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0430\u0448\u0451\u043b \u0432 \u0444\u0430\u0439\u043b\u0430\u0445 \u043f\u0440\u0438 \u0441\u0431\u043e\u0440\u043a\u0435. \u0417\u043d\u0430\u0447\u0438\u0442 \u0437\u0430\u0431\u044b\u043b \u043f\u0435\u0440\u0435\u0441\u043e\u0431\u0440\u0430\u0442\u044c \u2014 \u043a\u043b\u0430\u0441\u0441 \u043c\u043e\u043b\u0447\u0430 \u043d\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043b\u0441\u044f.<\/p>\n<p>\u041d\u0430\u043f\u0438\u0441\u0430\u043b \u0442\u0435\u0441\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u0435\u0442 \u043a\u043b\u0430\u0441\u0441\u044b \u0438\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442, \u0447\u0442\u043e \u043e\u043d\u0438 \u0435\u0441\u0442\u044c \u0432 \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u043e\u043c CSS. \u0418 \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u043c \u0436\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u043e\u043d \u0432\u044b\u0434\u0430\u043b 20 \u0448\u0442\u0443\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0435\u0442:<\/p>\n<pre><code>bg-accent-700  bg-accent-900\/20  border-ink-600  focus:border-accent-300hover:text-accent-200  text-accent-300  bg-grid  bg-mesh  ...<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043f\u043e\u0434\u0443\u043c\u0430\u043b, \u0447\u0442\u043e \u0441\u043b\u043e\u043c\u0430\u043b \u0441\u0431\u043e\u0440\u043a\u0443. \u041f\u043e\u043b\u0435\u0437 \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c\u0441\u044f.<\/p>\n<p>\u0414\u0432\u0430 \u0438\u0437 \u043d\u0438\u0445 \u2014 <code>bg-grid<\/code> \u0438 <code>bg-mesh<\/code> \u2014 \u043e\u043a\u0430\u0437\u0430\u043b\u0438\u0441\u044c \u043c\u043e\u0438\u043c\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c\u0438 \u043a\u043b\u0430\u0441\u0441\u0430\u043c\u0438 \u0438\u0437 <code>landing\/style.css<\/code>. \u041a Tailwind \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f \u043d\u0435 \u0438\u043c\u0435\u044e\u0442.<\/p>\n<p>\u0410 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0432\u043e\u0441\u0435\u043c\u043d\u0430\u0434\u0446\u0430\u0442\u044c \u0441\u0441\u044b\u043b\u0430\u043b\u0438\u0441\u044c \u043d\u0430 \u043e\u0442\u0442\u0435\u043d\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432 \u043c\u043e\u0435\u0439 \u043f\u0430\u043b\u0438\u0442\u0440\u0435 <strong>\u043d\u0435\u0442<\/strong>. \u0423 \u043c\u0435\u043d\u044f \u0437\u0430\u0432\u0435\u0434\u0435\u043d\u044b <code>accent<\/code> 400\/500\/600 \u0438 <code>ink<\/code> 700\u2013950. \u0410 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445 \u0436\u0438\u043b\u0438 <code>accent-200<\/code>, <code>accent-300<\/code>, <code>accent-700<\/code>, <code>ink-600<\/code>.<\/p>\n<p>\u0422\u043e \u0435\u0441\u0442\u044c \u043e\u043d\u0438 \u043d\u0435 \u0441\u043b\u043e\u043c\u0430\u043b\u0438\u0441\u044c \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0435\u0437\u0434\u0435. \u041e\u043d\u0438 <strong>\u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0438<\/strong> \u2014 Play CDN \u0442\u043e\u0436\u0435 \u0441\u043e\u0431\u0438\u0440\u0430\u043b \u0441\u0442\u0438\u043b\u0438 \u043f\u043e \u044d\u0442\u043e\u043c\u0443 \u0436\u0435 \u043a\u043e\u043d\u0444\u0438\u0433\u0443 \u0438 \u0442\u043e\u0436\u0435 \u043d\u0438\u0447\u0435\u0433\u043e \u0434\u043b\u044f \u043d\u0438\u0445 \u043d\u0435 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043b. \u041f\u0440\u043e\u0441\u0442\u043e \u0440\u0430\u043d\u044c\u0448\u0435 \u043e\u0431 \u044d\u0442\u043e\u043c \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u0441\u043e\u043e\u0431\u0449\u0430\u043b, \u0430 \u0442\u0435\u043f\u0435\u0440\u044c \u0441\u0442\u0430\u043b\u043e \u0432\u0438\u0434\u043d\u043e.<\/p>\n<p>\u0422\u0435\u0441\u0442 \u044f \u043f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0443\u0442\u043e\u0447\u043d\u0438\u043b: \u043e\u043d \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442 \u00ab\u0437\u0430\u0431\u044b\u043b\u0438 \u043f\u0435\u0440\u0435\u0441\u043e\u0431\u0440\u0430\u0442\u044c\u00bb \u043e\u0442 \u00ab\u0442\u0430\u043a\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430 \u043d\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435\u00bb, \u0438\u043d\u0430\u0447\u0435 \u0431\u044b \u043f\u0430\u0434\u0430\u043b \u0432\u0435\u0447\u043d\u043e. \u0410 \u0441\u0430\u043c \u0441\u043f\u0438\u0441\u043e\u043a \u043c\u0451\u0440\u0442\u0432\u044b\u0445 \u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u043b\u0435\u0436\u0438\u0442 \u0432 \u0437\u0430\u0434\u0430\u0447\u0430\u0445 \u2014 \u044d\u0442\u043e \u0443\u0436\u0435 \u043d\u0435 \u043f\u0440\u043e \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c.<\/p>\n<p>\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u043b, \u0447\u0442\u043e \u0442\u0435\u0441\u0442 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043b\u043e\u0432\u0438\u0442 \u0442\u043e, \u0440\u0430\u0434\u0438 \u0447\u0435\u0433\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d: \u0432\u043f\u0438\u0441\u0430\u043b \u0432 \u0448\u0430\u0431\u043b\u043e\u043d <code>bg-lime-300<\/code>, \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0432 \u0441\u0431\u043e\u0440\u043a\u0435 \u043d\u0435\u0442, \u2014 \u0443\u043f\u0430\u043b. \u0423\u0431\u0440\u0430\u043b \u2014 \u043f\u0440\u043e\u0448\u0451\u043b. \u0422\u0435\u0441\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0438 \u0440\u0430\u0437\u0443 \u043d\u0435 \u043f\u0430\u0434\u0430\u043b, \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442.<\/p>\n<h3>\u041f\u043e\u043a\u0430 \u0434\u0435\u043b\u0430\u043b \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438, \u043d\u0430\u0448\u0451\u043b \u0435\u0449\u0451 \u0434\u0432\u0430 \u0431\u0430\u0433\u0430<\/h3>\n<p>\u042d\u0442\u043e, \u043d\u0430\u0432\u0435\u0440\u043d\u043e\u0435, \u0433\u043b\u0430\u0432\u043d\u043e\u0435, \u0447\u0442\u043e \u044f \u0432\u044b\u043d\u0435\u0441 \u0437\u0430 \u0434\u0435\u043d\u044c. \u042f \u0441\u0435\u043b \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u2014 \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u043b\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043a \u0442\u0435\u043a\u0441\u0442\u0443 \u2014 \u0438 \u0437\u0430 \u0434\u0432\u0430\u0434\u0446\u0430\u0442\u044c \u043c\u0438\u043d\u0443\u0442 \u043d\u0430\u0448\u0451\u043b \u0434\u0432\u0430 \u0431\u0430\u0433\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u043e \u044d\u0442\u043e\u0433\u043e \u0441\u043f\u043e\u043a\u043e\u0439\u043d\u043e \u0436\u0438\u043b\u0438 \u0432 \u043f\u0440\u043e\u0434\u0435.<\/p>\n<h4>\u0411\u0430\u0433 \u21161: \u0442\u0435\u043c\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0430\u0441\u044c \u0431\u0435\u043b\u043e\u0439 \u043d\u0430 \u0431\u0435\u043b\u043e\u043c<\/h4>\n<p>\u0421\u043d\u044f\u043b \u043a\u043e\u0441\u043c\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0442\u0435\u043c\u0443 \u0434\u043b\u044f \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u043f\u0440\u043e \u0442\u0435\u043c\u044b, \u043e\u0442\u043a\u0440\u044b\u043b \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443 \u2014 \u0430 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0435 \u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f. \u0411\u0435\u043b\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 \u043d\u0430 \u0431\u0435\u043b\u043e\u043c \u0444\u043e\u043d\u0435.<\/p>\n<p>\u041f\u0435\u0440\u0432\u0430\u044f \u043c\u044b\u0441\u043b\u044c \u0431\u044b\u043b\u0430 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0430\u044f \u0438 \u043d\u0435\u043f\u0440\u0438\u044f\u0442\u043d\u0430\u044f: \u00ab\u044d\u0442\u043e \u044f \u0441\u043b\u043e\u043c\u0430\u043b Tailwind\u00bb. \u041f\u043e\u043b\u0435\u0437 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u2014 \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c, \u043d\u0435\u0442.<\/p>\n<p>\u0412 \u0442\u0435\u043c\u0435 \u0435\u0441\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0434\u043b\u044f \u0444\u043e\u043d\u0430 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430:<\/p>\n<pre><code class=\"css\">.theme-cosmos body{  background: \/* \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u044b *\/ #030309 !important;  background-color:#030309 !important;}<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0410 \u043d\u0438\u0436\u0435, \u0441\u0440\u0435\u0434\u0438 \u043f\u0440\u0430\u0432\u0438\u043b \u0434\u043b\u044f \u043f\u0430\u043d\u0435\u043b\u0435\u0439 \u2014 \u0432\u043e\u0442 \u044d\u0442\u043e:<\/p>\n<pre><code class=\"css\">.theme-cosmos .bg-zinc-50{ background-color: transparent !important; }<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0423 <code>&lt;body&gt;<\/code> \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u0441\u0442\u043e\u0438\u0442 \u043a\u043b\u0430\u0441\u0441 <code>bg-zinc-50<\/code>. \u0421\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u043e\u0441\u0442\u044c \u0434\u0432\u0443\u0445 \u043a\u043b\u0430\u0441\u0441\u043e\u0432 (0-2-0) \u0431\u043e\u043b\u044c\u0448\u0435, \u0447\u0435\u043c \u043a\u043b\u0430\u0441\u0441\u0430 \u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 (0-1-1). \u0422\u043e \u0435\u0441\u0442\u044c \u0432\u0442\u043e\u0440\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u043f\u0435\u0440\u0435\u0431\u0438\u0432\u0430\u043b\u043e \u043f\u0435\u0440\u0432\u043e\u0435, \u0438 \u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b <strong>\u043d\u0435 \u043e\u0441\u0442\u0430\u0432\u0430\u043b\u043e\u0441\u044c \u043d\u0438\u043a\u0430\u043a\u043e\u0433\u043e \u043d\u0435\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0433\u043e \u0444\u043e\u043d\u0430<\/strong> \u2014 \u043d\u0438 \u0443 <code>html<\/code>, \u043d\u0438 \u0443 <code>body<\/code>.<\/p>\n<p>\u041f\u043e\u043a\u0430 WebGL-\u0441\u0446\u0435\u043d\u0430 \u0440\u0438\u0441\u0443\u0435\u0442\u0441\u044f, \u044d\u0442\u043e\u0433\u043e \u043d\u0435 \u0432\u0438\u0434\u043d\u043e: \u043e\u043d\u0430 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d. \u041d\u043e \u0441\u0442\u043e\u0438\u0442 \u0435\u0439 \u043d\u0435 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u2014 \u043d\u0435\u0442 \u0430\u043f\u043f\u0430\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u044f, GPU \u0432 \u0431\u043b\u043e\u043a\u043b\u0438\u0441\u0442\u0435, \u0441\u043e\u0444\u0442\u0432\u0435\u0440\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440 \u2014 \u0438 \u0441\u043a\u0432\u043e\u0437\u044c \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0439 <code>body<\/code> \u043f\u0440\u043e\u0441\u0442\u0443\u043f\u0430\u0435\u0442 \u0431\u0435\u043b\u044b\u0439 \u0445\u043e\u043b\u0441\u0442 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430. \u0410 \u0442\u0435\u043a\u0441\u0442 \u0432 \u044d\u0442\u043e\u0439 \u0442\u0435\u043c\u0435 \u0441\u0432\u0435\u0442\u043b\u044b\u0439.<\/p>\n<p>\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u043b \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u043e, \u0430 \u043d\u0435 \u043d\u0430 \u0433\u043b\u0430\u0437:<\/p>\n<pre><code>const cv = document.querySelector('#cosmos-scene');const tmp = document.createElement('canvas');tmp.width = 60; tmp.height = 40;tmp.getContext('2d').drawImage(cv, 0, 0, 60, 40);\/\/ \u0441\u0447\u0438\u0442\u0430\u0435\u043c \u043f\u0438\u043a\u0441\u0435\u043b\u0438 \u0441 alpha &gt; 8\/\/ \u2192 { \u043d\u0435\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0445\u041f\u0438\u043a\u0441\u0435\u043b\u0435\u0439: 0, \u0432\u0441\u0435\u0433\u043e\u041f\u0438\u043a\u0441\u0435\u043b\u0435\u0439: 2400 }<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041d\u043e\u043b\u044c. \u0421\u0446\u0435\u043d\u0430 \u043d\u0435 \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u043b\u0430 \u043d\u0438\u0447\u0435\u0433\u043e, \u0438 \u0437\u0430\u043f\u0430\u0441\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u043d\u0430 \u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0435 \u0431\u044b\u043b\u043e.<\/p>\n<p>\u0424\u0438\u043a\u0441 \u2014 \u043e\u0434\u0438\u043d \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440:<\/p>\n<pre><code class=\"css\">.theme-cosmos .bg-zinc-50:not(body){ background-color: transparent !important; }<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041f\u0430\u043d\u0435\u043b\u044f\u043c \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043d\u0443\u0436\u043d\u0430, \u0430 <code>body<\/code> \u0442\u0435\u043f\u0435\u0440\u044c \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u0435\u0431\u0435 \u0442\u0451\u043c\u043d\u0443\u044e \u0431\u0430\u0437\u0443. \u041a\u043e\u0433\u0434\u0430 \u0441\u0446\u0435\u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u2014 \u0435\u0451 \u043d\u0435 \u0432\u0438\u0434\u043d\u043e, \u043e\u043d\u0430 \u043f\u043e\u0434 \u043d\u0435\u0439. \u041a\u043e\u0433\u0434\u0430 \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u2014 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043c\u043e\u0436\u043d\u043e \u0447\u0438\u0442\u0430\u0442\u044c.<\/p>\n<h4>\u0411\u0430\u0433 \u21162: \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u044b\u043b\u0430 \u043f\u0443\u0441\u0442\u043e\u0439<\/h4>\n<p>\u0414\u0430\u043b\u044c\u0448\u0435 \u044f \u0441\u043d\u0438\u043c\u0430\u043b \u0445\u0430\u0431 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u2014 \u0442\u043e\u0442 \u0441\u0430\u043c\u044b\u0439, \u0441 90 \u0441\u0441\u044b\u043b\u043a\u0430\u043c\u0438. \u0418 \u043f\u043e\u043b\u0443\u0447\u0438\u043b \u043f\u0443\u0441\u0442\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0435\u0441\u0442\u044c, \u043f\u043e\u0438\u0441\u043a \u0435\u0441\u0442\u044c, \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 \u043d\u0435\u0442 \u043d\u0438 \u043e\u0434\u043d\u043e\u0439.<\/p>\n<p>\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0440\u0438\u0441\u0443\u0435\u0442 Alpine, \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u0438\u0435\u0437\u0436\u0430\u044e\u0442 \u0438\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u0430:<\/p>\n<pre><code>x-data=\"settingsHub({{ categories_json | tojson }})\"<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0421\u043c\u043e\u0442\u0440\u044e, \u0447\u0442\u043e \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u0443\u0448\u043b\u043e \u0432 HTML:<\/p>\n<pre><code>x-data=\"settingsHub([{<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0418 \u0432\u0441\u0451. \u0410\u0442\u0440\u0438\u0431\u0443\u0442 \u043e\u0431\u043e\u0440\u0432\u0430\u043b\u0441\u044f.<\/p>\n<p>\u041f\u0440\u0438\u0447\u0438\u043d\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e <code>tojson<\/code> \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u043d \u043d\u0430 \u0432\u0441\u0442\u0430\u0432\u043a\u0443 \u0432\u043d\u0443\u0442\u0440\u044c <code>&lt;script&gt;<\/code>. \u041e\u043d \u044d\u043a\u0440\u0430\u043d\u0438\u0440\u0443\u0435\u0442 <code>&lt;<\/code>, <code>&gt;<\/code>, <code>&amp;<\/code> \u0438 \u043e\u0434\u0438\u043d\u0430\u0440\u043d\u0443\u044e \u043a\u0430\u0432\u044b\u0447\u043a\u0443 \u2014 \u0447\u0442\u043e\u0431\u044b \u043d\u0435\u043b\u044c\u0437\u044f \u0431\u044b\u043b\u043e \u0437\u0430\u043a\u0440\u044b\u0442\u044c \u0442\u0435\u0433 \u0438\u043b\u0438 \u0432\u044b\u0439\u0442\u0438 \u0438\u0437 \u0441\u0442\u0440\u043e\u043a\u0438. \u0410 \u0434\u0432\u043e\u0439\u043d\u0443\u044e \u043d\u0435 \u0442\u0440\u043e\u0433\u0430\u0435\u0442. \u0412 JSON \u043e\u043d\u0430 \u0441\u0442\u043e\u0438\u0442 \u0432\u043e\u043a\u0440\u0443\u0433 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043a\u043b\u044e\u0447\u0430, \u0438 \u0432 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0435, \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u043e\u043c \u0434\u0432\u043e\u0439\u043d\u044b\u043c\u0438 \u043a\u0430\u0432\u044b\u0447\u043a\u0430\u043c\u0438, \u043f\u0435\u0440\u0432\u0430\u044f \u0436\u0435 \u0442\u0430\u043a\u0430\u044f \u043a\u0430\u0432\u044b\u0447\u043a\u0430 \u044d\u0442\u043e\u0442 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u0442.<\/p>\n<p>\u0411\u0440\u0430\u0443\u0437\u0435\u0440 \u043f\u043e\u043b\u0443\u0447\u0430\u043b \u043e\u0433\u0440\u044b\u0437\u043e\u043a, Alpine \u2014 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u043e\u0448\u0438\u0431\u043a\u0443, \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u2014 \u043f\u0443\u0441\u0442\u043e\u0439 \u043c\u0430\u0441\u0441\u0438\u0432 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439. \u041d\u0438 \u043a\u0440\u0430\u0441\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u0447\u043a\u0438 \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u043d\u0438 500 \u0432 \u043b\u043e\u0433\u0430\u0445. \u041f\u0440\u043e\u0441\u0442\u043e \u043f\u0443\u0441\u0442\u043e.<\/p>\n<p>\u041b\u0435\u0447\u0438\u0442\u0441\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c <code>| forceescape<\/code> \u2014 \u043e\u043d \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0438\u0442 \u043a\u0430\u0432\u044b\u0447\u043a\u0438 \u0432 HTML-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0440\u0430\u0437\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0438\u0445 \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u043f\u0440\u0438 \u0440\u0430\u0437\u0431\u043e\u0440\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430. \u0427\u0442\u043e \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u043d\u043e, \u0432 \u0441\u043e\u0441\u0435\u0434\u043d\u0435\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u044d\u0442\u043e\u0442 \u043f\u0440\u0438\u0451\u043c \u0443\u0436\u0435 \u0441\u0442\u043e\u044f\u043b. \u041f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u0432\u0435\u0437\u0434\u0435.<\/p>\n<h4>\u0414\u0430\u043b\u044c\u0448\u0435 \u044f, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u043f\u043e\u043b\u0435\u0437 \u0438\u0441\u043a\u0430\u0442\u044c \u0442\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435 \u043f\u043e \u0432\u0441\u0435\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u043c<\/h4>\n<p>\u0418 \u0432\u043e\u0442 \u0442\u0443\u0442 \u0431\u044b\u043b\u0430 \u0441\u0430\u043c\u0430\u044f \u043f\u043e\u0443\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0434\u043d\u044f.<\/p>\n<p>\u041d\u0430\u043f\u0438\u0441\u0430\u043b \u0442\u0435\u0441\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0449\u0435\u0442 <code>| tojson<\/code> \u0432\u043d\u0443\u0442\u0440\u0438 HTML-\u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u0432 \u0431\u0435\u0437 <code>forceescape<\/code>. \u041e\u043d \u043d\u0430\u0448\u0451\u043b 24 \u043c\u0435\u0441\u0442\u0430 \u0432 10 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445. \u042f \u043e\u0431\u0440\u0430\u0434\u043e\u0432\u0430\u043b\u0441\u044f, \u043f\u043e\u043f\u0440\u0430\u0432\u0438\u043b \u0432\u0441\u0435 \u0440\u0430\u0437\u043e\u043c, \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043b \u2014 \u0438 <strong>\u0441\u043b\u043e\u043c\u0430\u043b \u0447\u0430\u0442<\/strong>. 42 \u043e\u0448\u0438\u0431\u043a\u0438 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438, <code>Unexpected token '&amp;'<\/code>, \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043d\u0435 \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f.<\/p>\n<p>\u041f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0447\u0430\u0441\u0442\u044c \u043d\u0430\u0439\u0434\u0435\u043d\u043d\u043e\u0433\u043e \u0431\u044b\u043b\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 <code>&lt;script&gt;<\/code>, \u0430 \u043d\u0435 \u0432 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0435. \u041c\u043e\u0439 \u043f\u043e\u0438\u0441\u043a \u0441\u0447\u0438\u0442\u0430\u043b, \u0447\u0442\u043e \u0440\u0430\u0437 \u043f\u0435\u0440\u0435\u0434 \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c \u0441\u0442\u043e\u0438\u0442 <code>&lt;<\/code>, \u0437\u043d\u0430\u0447\u0438\u0442 \u043c\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0442\u0435\u0433\u0430. \u0410 \u0432 JavaScript \u0441\u0438\u043c\u0432\u043e\u043b <code>&lt;<\/code> \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u0441\u043f\u043b\u043e\u0448\u044c \u0438 \u0440\u044f\u0434\u043e\u043c \u2014 \u0432 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044f\u0445, \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445. \u0412\u043d\u0443\u0442\u0440\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u0430 <code>&amp;#34;<\/code> \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u0440\u0430\u0437\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442, \u0438 \u043f\u0440\u0430\u0432\u043a\u0430 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u043b\u0430 \u0440\u0430\u0431\u043e\u0447\u0438\u0439 JS \u0432 \u043c\u0443\u0441\u043e\u0440.<\/p>\n<p>\u041e\u0442\u043a\u0430\u0442\u0438\u043b. \u041d\u0430\u0443\u0447\u0438\u043b \u043f\u043e\u0438\u0441\u043a \u0434\u0432\u0443\u043c \u0432\u0435\u0449\u0430\u043c:<\/p>\n<pre><code class=\"python\">def _mask_scriptish(text: str) -&gt; str:    \"\"\"\u0417\u0430\u043c\u0435\u043d\u044f\u0435\u043c \u0442\u0435\u043b\u0430 &lt;script&gt;\/&lt;style&gt; \u043f\u0440\u043e\u0431\u0435\u043b\u0430\u043c\u0438, \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u044f \u0434\u043b\u0438\u043d\u0443.\"\"\"    return _SCRIPTISH.sub(lambda m: \" \" * len(m.group(0)), text)<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0418, \u0447\u0442\u043e \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435 \u0432\u0430\u0436\u043d\u044b\u043c, \u2014 \u0440\u0430\u0437\u043b\u0438\u0447\u0430\u0442\u044c \u043a\u0430\u0432\u044b\u0447\u043a\u0443 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430:<\/p>\n<pre><code class=\"python\">def _enclosing_quote(text: str, position: int) -&gt; str | None:    \"\"\"\u041a\u0430\u043a\u043e\u0439 \u043a\u0430\u0432\u044b\u0447\u043a\u043e\u0439 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d \u0430\u0442\u0440\u0438\u0431\u0443\u0442, \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0441\u0442\u043e\u0438\u0442 \u043f\u043e\u0437\u0438\u0446\u0438\u044f.\"\"\"    open_at = text.rfind(\"&lt;\", 0, position)    if open_at &lt; 0 or text.rfind(\"&gt;\", 0, position) &gt; open_at:        return None  # \u043d\u0435 \u0432\u043d\u0443\u0442\u0440\u0438 \u0442\u0435\u0433\u0430    quote = None    for ch in text[open_at:position]:        if quote is None:            if ch in \"\\\"'\":                quote = ch        elif ch == quote:            quote = None    return quote<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e <code>tojson<\/code> \u044d\u043a\u0440\u0430\u043d\u0438\u0440\u0443\u0435\u0442 <strong>\u043e\u0434\u0438\u043d\u0430\u0440\u043d\u0443\u044e<\/strong> \u043a\u0430\u0432\u044b\u0447\u043a\u0443. \u0417\u043d\u0430\u0447\u0438\u0442 \u0432 <code>x-data='{...}'<\/code> \u043e\u043d \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u0435\u043d, \u0438 \u0442\u0440\u043e\u0433\u0430\u0442\u044c \u0442\u0430\u043c \u043d\u0435\u0447\u0435\u0433\u043e. \u0410 \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0430 \u043d\u0430\u0439\u0434\u0435\u043d\u043d\u044b\u0445 \u043c\u0435\u0441\u0442 \u0431\u044b\u043b\u0430 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043a\u043e\u0439.<\/p>\n<p>\u041f\u043e\u0441\u043b\u0435 \u043e\u0431\u0435\u0438\u0445 \u043f\u043e\u043f\u0440\u0430\u0432\u043e\u043a \u0438\u0437 24 \u00ab\u043d\u0430\u0445\u043e\u0434\u043e\u043a\u00bb \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c <strong>12 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0445<\/strong> \u0432 5 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445: \u043c\u043e\u043d\u0438\u0442\u043e\u0440 \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u043f\u043e\u0438\u0441\u043a, \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u0430, \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u044c \u043c\u043e\u0434\u0435\u043b\u0438, \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u0430\u043c\u044f\u0442\u0438. \u041f\u043b\u044e\u0441 \u0445\u0430\u0431 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a. \u0412\u0441\u0435 \u2014 \u0441\u043b\u043e\u043c\u0430\u043d\u044b \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e \u0438 \u043d\u0435\u0437\u0430\u043c\u0435\u0442\u043d\u043e.<\/p>\n<p>\u041c\u043e\u0440\u0430\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u044f \u0437\u0430\u043f\u0438\u0441\u0430\u043b \u0441\u0435\u0431\u0435: \u043c\u0430\u0441\u0441\u043e\u0432\u0430\u044f \u043f\u0440\u0430\u0432\u043a\u0430 \u043f\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430\u043c \u0441\u0432\u043e\u0435\u0433\u043e \u0436\u0435 \u043f\u043e\u0438\u0441\u043a\u0430 \u2014 \u044d\u0442\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0440\u0438\u0441\u043a. \u041c\u043e\u0439 \u043f\u043e\u0438\u0441\u043a \u0434\u0430\u043b 50% \u043b\u043e\u0436\u043d\u044b\u0445 \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043d\u0438\u0439, \u0438 \u044f \u0443\u0441\u043f\u0435\u043b \u043d\u0430 \u043d\u0438\u0445 \u043d\u0430\u0441\u0442\u0443\u043f\u0438\u0442\u044c, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u00ab\u043d\u0443 \u0442\u0443\u0442 \u0436\u0435 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e\u00bb. \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u043d\u0430\u0434\u043e \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u043e, \u0447\u0442\u043e \u043d\u0430\u0448\u0451\u043b, \u043d\u043e \u0438 \u0441\u0430\u043c \u0441\u043f\u043e\u0441\u043e\u0431, \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u0438\u0441\u043a\u0430\u043b.<\/p>\n<p>\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043f\u043e\u0441\u043b\u0435 \u0444\u0438\u043a\u0441\u0430, \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435, \u043f\u043e \u043a\u0430\u0436\u0434\u043e\u0439 \u0437\u0430\u0442\u0440\u043e\u043d\u0443\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435:<\/p>\n<pre><code>\u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a   200  x-data:7  \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438:7   \u0441\u0441\u044b\u043b\u043e\u043a:179  \u043e\u0448\u0438\u0431\u043e\u043a JS:0\u043c\u043e\u043d\u0438\u0442\u043e\u0440 \u0441\u0438\u0441\u0442\u0435\u043c\u044b      200  x-data:6  \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438:6   \u0441\u0441\u044b\u043b\u043e\u043a:85   \u043e\u0448\u0438\u0431\u043e\u043a JS:0\u043f\u043e\u0438\u0441\u043a                200  x-data:6  \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438:6   \u0441\u0441\u044b\u043b\u043e\u043a:87   \u043e\u0448\u0438\u0431\u043e\u043a JS:0\u0447\u0430\u0442                  200  x-data:72 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438:72  \u0441\u0441\u044b\u043b\u043e\u043a:110  \u043e\u0448\u0438\u0431\u043e\u043a JS:0<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0414\u043b\u044f \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044f, \u0445\u0430\u0431 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0434\u043e \u0444\u0438\u043a\u0441\u0430: 7 \u0441\u0441\u044b\u043b\u043e\u043a \u0438 989 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432 \u0442\u0435\u043a\u0441\u0442\u0430. \u041f\u043e\u0441\u043b\u0435: 179 \u0441\u0441\u044b\u043b\u043e\u043a \u0438 5875 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432.<\/p>\n<hr\/>\n<h3>\u0426\u0438\u0444\u0440\u044b<\/h3>\n<p>\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 <code>\/chat<\/code>, \u0442\u043e\u0442 \u0436\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440, \u0442\u0430 \u0436\u0435 \u043c\u0430\u0448\u0438\u043d\u0430, \u0442\u0451\u043f\u043b\u044b\u0439 \u043a\u044d\u0448:<\/p>\n<div>\n<div class=\"table\">\n<table>\n<tbody>\n<tr>\n<th>\n<p align=\"left\">\n<\/th>\n<th>\n<p align=\"left\">\u0431\u044b\u043b\u043e<\/p>\n<\/th>\n<th>\n<p align=\"left\">\u0441\u0442\u0430\u043b\u043e<\/p>\n<\/th>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">TTFB<\/p>\n<\/td>\n<td>\n<p align=\"left\">213 \u043c\u0441<\/p>\n<\/td>\n<td>\n<p align=\"left\">196 \u043c\u0441<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\"><strong>First Contentful Paint<\/strong><\/p>\n<\/td>\n<td>\n<p align=\"left\"><strong>1028 \u043c\u0441<\/strong><\/p>\n<\/td>\n<td>\n<p align=\"left\"><strong>517 \u043c\u0441<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\"><strong>DOMContentLoaded<\/strong><\/p>\n<\/td>\n<td>\n<p align=\"left\"><strong>1854 \u043c\u0441<\/strong><\/p>\n<\/td>\n<td>\n<p align=\"left\"><strong>886 \u043c\u0441<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">load<\/p>\n<\/td>\n<td>\n<p align=\"left\">1888 \u043c\u0441<\/p>\n<\/td>\n<td>\n<p align=\"left\">908 \u043c\u0441<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>\u041d\u0430 \u0445\u043e\u043b\u043e\u0434\u043d\u0443\u044e (\u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u0445\u043e\u0434, \u043f\u0443\u0441\u0442\u043e\u0439 \u043a\u044d\u0448) \u2014 \u0431\u044b\u043b\u043e 2105 \u043c\u0441, \u0441\u0442\u0430\u043b\u043e 876 \u043c\u0441.<\/p>\n<p>\u0418 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u043c\u0435\u0440, \u0442\u043e\u0442 \u0441\u0430\u043c\u044b\u0439, \u0441 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0432\u0441\u0451 \u043d\u0430\u0447\u0430\u043b\u043e\u0441\u044c:<\/p>\n<pre><code># \/static\/csrf.js, 10 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432\u0434\u043e \u0444\u0438\u043a\u0441\u0430:    \u0441 \u043a\u0443\u043a\u043e\u0439 ~55 \u043c\u0441   \u0431\u0435\u0437 \u043a\u0443\u043a\u0438 ~14 \u043c\u0441\u043f\u043e\u0441\u043b\u0435 \u0444\u0438\u043a\u0441\u0430: \u0441 \u043a\u0443\u043a\u043e\u0439 ~15 \u043c\u0441   \u0431\u0435\u0437 \u043a\u0443\u043a\u0438 ~15 \u043c\u0441<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0420\u0430\u0437\u043d\u0438\u0446\u044b \u043c\u0435\u0436\u0434\u0443 \u00ab\u0437\u0430\u043b\u043e\u0433\u0438\u043d\u0435\u043d\u00bb \u0438 \u00ab\u043d\u0435 \u0437\u0430\u043b\u043e\u0433\u0438\u043d\u0435\u043d\u00bb \u0434\u043b\u044f \u0441\u0442\u0430\u0442\u0438\u043a\u0438 \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435\u0442. \u0415\u0451 \u0438 \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b\u0442\u044c.<\/p>\n<h3>\u0427\u0442\u043e \u044f \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u0432\u044b\u043d\u0435\u0441<\/h3>\n<p><strong>\u041e\u0449\u0443\u0449\u0435\u043d\u0438\u0435 \u00ab\u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e\u00bb \u2014 \u044d\u0442\u043e \u043d\u0435 \u0434\u0430\u043d\u043d\u044b\u0435.<\/strong> \u041f\u043e\u043a\u0430 \u043d\u0435 \u043f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u043b \u0432 \u0447\u0438\u0441\u043b\u043e, \u0447\u0438\u043d\u0438\u0442\u044c \u043d\u0435\u0447\u0435\u0433\u043e. \u0417\u0430\u0442\u043e \u043a\u043e\u0433\u0434\u0430 \u043f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u043b \u2014 \u043e\u0431\u044b\u0447\u043d\u043e \u0441\u0440\u0430\u0437\u0443 \u0432\u0438\u0434\u043d\u043e \u0438 \u043c\u0435\u0441\u0442\u043e.<\/p>\n<p><strong>\u041c\u0435\u0440\u044c \u0442\u043e, \u043d\u0430 \u0447\u0442\u043e \u0436\u0430\u043b\u0443\u0435\u0448\u044c\u0441\u044f.<\/strong> \u042f \u043f\u043e\u0442\u0435\u0440\u044f\u043b \u043f\u043e\u043b\u0447\u0430\u0441\u0430, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043f\u043e\u043c\u0435\u0440\u0438\u043b \u043b\u0435\u043d\u0434\u0438\u043d\u0433, \u0430 \u0442\u043e\u0440\u043c\u043e\u0437\u0438\u043b \u043a\u0430\u0431\u0438\u043d\u0435\u0442. \u0425\u043e\u0440\u043e\u0448\u0430\u044f \u0446\u0438\u0444\u0440\u0430 \u0441 \u043d\u0435 \u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0445\u0443\u0436\u0435, \u0447\u0435\u043c \u043d\u0438\u043a\u0430\u043a\u043e\u0439: \u043e\u043d\u0430 \u0434\u0430\u0451\u0442 \u043b\u043e\u0436\u043d\u0443\u044e \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0441\u0442\u044c.<\/p>\n<p><strong>\u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u0435\u0437\u043d\u0435\u0435 \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e\u0433\u043e \u0447\u0438\u0441\u043b\u0430.<\/strong> \u00ab\u0424\u0430\u0439\u043b \u043e\u0442\u0434\u0430\u0451\u0442\u0441\u044f \u0437\u0430 55 \u043c\u0441\u00bb \u2014 \u043d\u0443 \u0438 \u0447\u0442\u043e, \u043c\u043d\u043e\u0433\u043e \u044d\u0442\u043e \u0438\u043b\u0438 \u043c\u0430\u043b\u043e? \u0410 \u00ab55 \u043c\u0441 \u0441 \u043a\u0443\u043a\u043e\u0439 \u043f\u0440\u043e\u0442\u0438\u0432 14 \u0431\u0435\u0437\u00bb \u2014 \u044d\u0442\u043e \u0443\u0436\u0435 \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u043e\u0442\u0432\u0435\u0442.<\/p>\n<p><strong>\u0421\u043c\u043e\u0442\u0440\u0438, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0442\u0432\u043e\u0439 \u043a\u043e\u0434, \u0430 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u043e\u043d \u0434\u0435\u043b\u0430\u0435\u0442.<\/strong> \u041d\u0438 \u043e\u0434\u0438\u043d \u0438\u0437 \u0442\u043e\u0440\u043c\u043e\u0437\u043e\u0432 \u043d\u0435 \u0431\u044b\u043b \u043e\u0448\u0438\u0431\u043a\u043e\u0439 \u0432 \u043b\u043e\u0433\u0438\u043a\u0435. \u0417\u0430\u043f\u0438\u0441\u044c <code>last_seen_at<\/code> \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0430\u044f. Tailwind \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u0441\u0442\u0438\u043b\u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e. \u041f\u0440\u043e\u0441\u0442\u043e \u043e\u0434\u043d\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u043b\u043e\u0441\u044c \u0432 \u0441\u043e\u0440\u043e\u043a \u0440\u0430\u0437 \u0447\u0430\u0449\u0435, \u0447\u0435\u043c \u044f \u0434\u0443\u043c\u0430\u043b, \u0430 \u0432\u0442\u043e\u0440\u043e\u0435 \u2014 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u0432\u043c\u0435\u0441\u0442\u043e \u043e\u0434\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u0430 \u043f\u0440\u0438 \u0441\u0431\u043e\u0440\u043a\u0435.<\/p>\n<p><strong>\u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0439, \u0447\u0442\u043e \u043d\u0435 \u0441\u043b\u043e\u043c\u0430\u043b, \u043c\u0435\u0445\u0430\u043d\u0438\u0447\u0435\u0441\u043a\u0438.<\/strong> \u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442-\u0434\u0438\u0444\u0444 \u043d\u0430 14 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0437\u0430\u043d\u044f\u043b \u043f\u043e\u043b\u0447\u0430\u0441\u0430 \u0438 \u0441\u043d\u044f\u043b \u0432\u0441\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b. \u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0433\u043b\u0430\u0437\u0430\u043c\u0438 \u0437\u0430\u043d\u044f\u043b \u0431\u044b \u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0436\u0435 \u0438 \u043e\u0441\u0442\u0430\u0432\u0438\u043b \u0431\u044b \u0441\u043e\u043c\u043d\u0435\u043d\u0438\u044f.<\/p>\n<p><strong>\u0421\u0434\u0435\u043b\u0430\u0439 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b \u0441\u0432\u043e\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/strong> \u0421\u0435\u0440\u044c\u0451\u0437\u043d\u043e. \u041e\u0431\u0430 \u0431\u0430\u0433\u0430 \u0438\u0437 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0433\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u044f \u043d\u0430\u0448\u0451\u043b \u043d\u0435 \u043a\u043e\u0433\u0434\u0430 \u0438\u0441\u043a\u0430\u043b \u0431\u0430\u0433\u0438, \u0430 \u043a\u043e\u0433\u0434\u0430 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0440\u043e\u0432\u0430\u043b \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438. \u0422\u044b \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0448\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0431\u044b\u0447\u043d\u043e \u043f\u0440\u043e\u0441\u043a\u0430\u043a\u0438\u0432\u0430\u0435\u0448\u044c \u043d\u0430 \u0430\u0432\u0442\u043e\u043f\u0438\u043b\u043e\u0442\u0435, \u0438 \u0441\u043c\u043e\u0442\u0440\u0438\u0448\u044c \u043d\u0430 \u043d\u0438\u0445 \u043a\u0430\u043a \u0447\u0443\u0436\u043e\u0439 \u0447\u0435\u043b\u043e\u0432\u0435\u043a. \u0414\u0435\u0448\u0435\u0432\u043b\u0435 \u043b\u044e\u0431\u043e\u0433\u043e QA.<\/p>\n<p><strong>\u041d\u0435 \u0434\u043e\u0432\u0435\u0440\u044f\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u043c\u0443 \u043f\u043e\u0438\u0441\u043a\u0443 \u043f\u043e \u043a\u043e\u0434\u0443.<\/strong> \u041c\u043e\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u043d\u0430\u0448\u0451\u043b 24 \u00ab\u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b\u00bb, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u043c\u0438 \u043e\u043a\u0430\u0437\u0430\u043b\u0438\u0441\u044c 12. \u042f \u043f\u043e\u043f\u0440\u0430\u0432\u0438\u043b \u0432\u0441\u0435 24 \u0440\u0430\u0437\u043e\u043c \u0438 \u0443\u0440\u043e\u043d\u0438\u043b \u0447\u0430\u0442. \u041c\u0430\u0441\u0441\u043e\u0432\u0430\u044f \u043f\u0440\u0430\u0432\u043a\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430, \u043d\u043e \u0438 \u043c\u0435\u0442\u043e\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u0442\u044b \u0441\u043e\u0441\u0442\u0430\u0432\u0438\u043b \u0441\u043f\u0438\u0441\u043e\u043a.<\/p>\n<p>\u041d\u0438 \u043e\u0434\u043d\u0430 \u0438\u0437 \u0447\u0435\u0442\u044b\u0440\u0451\u0445 \u043f\u0440\u0430\u0432\u043e\u043a \u043d\u0435 \u0431\u044b\u043b\u0430 \u0441\u043b\u043e\u0436\u043d\u043e\u0439. \u0412\u0441\u0435 \u2014 \u043f\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u0440\u043e\u043a, \u0430 \u043e\u0434\u043d\u0430 \u0432\u043e\u043e\u0431\u0449\u0435 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 <code>:not(body)<\/code>. \u0421\u043b\u043e\u0436\u043d\u044b\u043c \u0431\u044b\u043b\u043e \u043f\u043e\u043d\u044f\u0442\u044c, \u043a\u0443\u0434\u0430 \u044d\u0442\u0438 \u0441\u0442\u0440\u043e\u043a\u0438 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c, \u0438 \u043d\u0430 \u044d\u0442\u043e \u0443\u0448\u0451\u043b \u0432\u0435\u0441\u044c \u0434\u0435\u043d\u044c.<\/p>\n<hr\/>\n<h3>\u041f\u0440\u043e \u043c\u0435\u043d\u044f \u0438 \u043f\u0440\u043e \u043f\u0440\u043e\u0435\u043a\u0442<\/h3>\n<p>\u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 <strong>\u042f\u0440\u043e\u0441\u043b\u0430\u0432 \u0411\u043e\u0435\u0432<\/strong>, \u043c\u043d\u0435 15, \u0432 \u0441\u0435\u0442\u0438 \u2014 SwairIt. \u0423\u0447\u0443\u0441\u044c \u0432 \u0448\u043a\u043e\u043b\u0435 \u0432 \u041f\u043e\u0434\u043c\u043e\u0441\u043a\u043e\u0432\u044c\u0435, \u0432 \u0448\u043a\u043e\u043b\u0435 \u0443 \u043d\u0430\u0441 Pascal \u0438 C++, \u0442\u0430\u043a \u0447\u0442\u043e \u0432\u0435\u0441\u044c \u0432\u0435\u0431 \u044f \u043e\u0441\u0432\u0430\u0438\u0432\u0430\u044e \u0441\u0430\u043c \u043f\u043e \u0445\u043e\u0434\u0443 \u0434\u0435\u043b\u0430.<\/p>\n<p>\u0414\u043e \u044d\u0442\u043e\u0433\u043e \u0441\u0434\u0435\u043b\u0430\u043b <a href=\"https:\/\/getdoday.ru\" rel=\"noopener nofollow\">Doday<\/a> \u2014 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0442\u0430\u0441\u043a-\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0441 \u0432\u0435\u0431-\u0432\u0435\u0440\u0441\u0438\u0435\u0439, Telegram Mini App \u0438 \u0431\u043e\u0442\u043e\u043c; \u043f\u0440\u043e \u043d\u0435\u0433\u043e \u044f \u043f\u0438\u0441\u0430\u043b \u0437\u0434\u0435\u0441\u044c \u0436\u0435 \u0432 \u043c\u0430\u0435 \u0438 \u0432 \u043a\u043e\u043d\u0446\u0435 \u043e\u0431\u0435\u0449\u0430\u043b, \u0447\u0442\u043e \u043f\u0440\u043e Persona \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f. \u0412\u043e\u0442 \u043e\u043d\u0430 \u2014 \u0445\u043e\u0442\u044c \u0438 \u043d\u0435 \u043f\u0440\u043e \u0442\u043e, \u043f\u0440\u043e \u0447\u0442\u043e \u044f \u0441\u043e\u0431\u0438\u0440\u0430\u043b\u0441\u044f \u043f\u0438\u0441\u0430\u0442\u044c.<\/p>\n<p><strong>Persona<\/strong> \u2014 <a href=\"https:\/\/persona.getdoday.ru\" rel=\"noopener nofollow\">persona.getdoday.ru<\/a>, \u043a\u043e\u0434 \u043d\u0430 <a href=\"https:\/\/github.com\/SwairIt\/persona\" rel=\"noopener nofollow\">GitHub<\/a>. \u041b\u0438\u0447\u043d\u044b\u0439 \u0418\u0418-\u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442 \u0441 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u043e\u0439 \u043f\u0430\u043c\u044f\u0442\u044c\u044e: \u043e\u043d \u043f\u043e\u043c\u043d\u0438\u0442 \u0432\u0430\u0448\u0438 \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u044b, \u0441\u0442\u0440\u043e\u0438\u0442 \u043f\u043e \u043d\u0438\u043c \u0433\u0440\u0430\u0444 \u0441\u0432\u044f\u0437\u0435\u0439 \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 \u0432\u0430\u0448\u0435\u0439 \u043c\u043e\u0434\u0435\u043b\u0438. \u041c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0441\u0432\u043e\u0439 \u043a\u043b\u044e\u0447 \u043a \u043e\u0431\u043b\u0430\u0447\u043d\u043e\u043c\u0443 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0443, \u043c\u043e\u0436\u043d\u043e \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0443\u044e Ollama \u2014 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0435 \u0443\u0435\u0437\u0436\u0430\u044e\u0442 \u043a \u0447\u0443\u0436\u043e\u043c\u0443 \u0434\u044f\u0434\u0435. \u0421\u0442\u0435\u043a: FastAPI, SQLite, Jinja, htmx, Alpine, Tailwind. \u0411\u0435\u0437 React \u2014 \u044f \u0435\u0433\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u0437\u043d\u0430\u044e \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043a\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0430 \u043d\u0451\u043c \u0431\u044b\u043b\u043e \u0431\u044b\u0441\u0442\u0440\u0435\u0435, \u0447\u0435\u043c \u0431\u0435\u0437 \u043d\u0435\u0433\u043e.<\/p>\n<p><strong>\u041a\u043e\u0434 \u043e\u0442\u043a\u0440\u044b\u0442: <\/strong><a href=\"https:\/\/github.com\/SwairIt\/persona\" rel=\"noopener nofollow\"><strong>github.com\/SwairIt\/persona<\/strong><\/a><strong>, AGPL-3.0.<\/strong> \u0420\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 \u0431\u044b\u043b \u0437\u0430\u043a\u0440\u044b\u0442\u044b\u043c \u2014 \u044f \u043d\u0435 \u0445\u043e\u0442\u0435\u043b \u0432\u044b\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u043d\u0430\u0440\u0443\u0436\u0443 \u043c\u0443\u043b\u044c\u0442\u0438\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0440\u0435\u0436\u0438\u043c \u0438 \u0448\u0438\u0444\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432, \u043f\u043e\u043a\u0430 \u0441\u0430\u043c \u043d\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u044e, \u0447\u0442\u043e \u0442\u0430\u043c \u043d\u0435\u0447\u0435\u0433\u043e \u0441\u0442\u044b\u0434\u0438\u0442\u044c\u0441\u044f. \u041f\u0435\u0440\u0435\u0434 \u0442\u0435\u043c \u043a\u0430\u043a \u043d\u0430\u0436\u0430\u0442\u044c \u00ab\u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u043c\u00bb, \u043f\u0440\u043e\u0433\u043d\u0430\u043b \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0441\u0432\u043e\u0435\u0433\u043e \u0436\u0435 \u0441\u043a\u0430\u043d\u0435\u0440\u0430 \u0441\u0435\u043a\u0440\u0435\u0442\u043e\u0432 \u043d\u0435 \u043f\u043e \u0442\u0435\u043a\u0443\u0449\u0435\u043c\u0443 \u0434\u0435\u0440\u0435\u0432\u0443, \u043a\u0430\u043a \u043e\u043d \u0443\u043c\u0435\u0435\u0442 \u0448\u0442\u0430\u0442\u043d\u043e, \u0430 \u043f\u043e \u0432\u0441\u0435\u0439 \u0438\u0441\u0442\u043e\u0440\u0438\u0438: 9685 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432, 6095 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0445 \u0432\u0435\u0440\u0441\u0438\u0439 \u0444\u0430\u0439\u043b\u043e\u0432, 583 \u043a\u043e\u043c\u043c\u0438\u0442\u0430. \u0421\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e \u0432\u043e\u0441\u0435\u043c\u044c \u0440\u0430\u0437 \u2014 \u0438 \u0432\u0441\u0435 \u0432\u043e\u0441\u0435\u043c\u044c \u043e\u043a\u0430\u0437\u0430\u043b\u0438\u0441\u044c \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u043c\u0438 \u0444\u0438\u043a\u0441\u0442\u0443\u0440\u0430\u043c\u0438 \u0438 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c\u0438 \u0438\u0437 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438, \u0432\u0440\u043e\u0434\u0435 \u0442\u043e\u0433\u043e \u0441\u0430\u043c\u043e\u0433\u043e \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0433\u043e AWS-\u043a\u043b\u044e\u0447\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 Amazon \u0441\u0430\u043c\u0430 \u043f\u0435\u0447\u0430\u0442\u0430\u0435\u0442 \u0432 \u0441\u0432\u043e\u0438\u0445 \u0433\u0430\u0439\u0434\u0430\u0445. \u041d\u0438 <code>.env<\/code>, \u043d\u0438 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u043e\u0433\u043e \u043a\u043b\u044e\u0447\u0430, \u043d\u0438 \u0444\u0430\u0439\u043b\u0430 \u0431\u0430\u0437\u044b \u0432 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u043d\u0435 \u0431\u044b\u043b\u043e \u043d\u0438\u043a\u043e\u0433\u0434\u0430. \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e \u0442\u0430\u043a\u0443\u044e \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u0432\u0441\u0435\u043c, \u043a\u0442\u043e \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u0434\u0430\u0432\u043d\u043e \u0436\u0438\u0432\u0443\u0449\u0438\u0439 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439: \u0441\u0435\u043a\u0440\u0435\u0442, \u0443\u0434\u0430\u043b\u0451\u043d\u043d\u044b\u0439 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043a\u043e\u043c\u043c\u0438\u0442\u043e\u043c, \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u0432 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u043d\u0430\u0432\u0441\u0435\u0433\u0434\u0430, \u0438 <code>git log -p<\/code> \u0435\u0433\u043e \u043d\u0435 \u043f\u043e\u043a\u0430\u0436\u0435\u0442 \u2014 \u043d\u0430\u0434\u043e \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442\u044b.<\/p>\n<p>\u041f\u0438\u0448\u0443 \u044f \u0432 \u043f\u0430\u0440\u0435 \u0441 Claude Code \u0438 \u043d\u0435 \u0434\u0435\u043b\u0430\u044e \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u0441\u0435\u043a\u0440\u0435\u0442\u0430. \u041d\u043e \u0441\u0435\u0433\u043e\u0434\u043d\u044f\u0448\u043d\u0438\u0435 \u043f\u0440\u0430\u0432\u043a\u0438 \u2014 \u044d\u0442\u043e \u043d\u0435 \u0442\u043e, \u0447\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0430\u0434\u043e \u0431\u044b\u043b\u043e \u0434\u043e\u0433\u0430\u0434\u0430\u0442\u044c\u0441\u044f \u0434\u0451\u0440\u043d\u0443\u0442\u044c \u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b \u0441 \u043a\u0443\u043a\u043e\u0439 \u0438 \u0431\u0435\u0437. \u0412\u0441\u0451 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0431\u044b\u043b\u043e \u0443\u0436\u0435 \u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0435\u043c.<\/p>\n<p>\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b, \u0440\u0430\u0437\u0431\u043e\u0440 \u043a\u043e\u0434\u0430, \u00ab\u0430 \u0443 \u043c\u0435\u043d\u044f \u043f\u043e\u0445\u043e\u0436\u0435\u0435\u00bb \u2014 \u0432\u0435\u043b\u043a\u0430\u043c \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438.<\/p>\n<p>\u2014 \u042f\u0440\u043e\u0441\u043b\u0430\u0432 \u0411\u043e\u0435\u0432<\/p>\n<\/div>\n<p>\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\/1076192\/\">https:\/\/habr.com\/ru\/articles\/1076192\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TL;DR: \u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u042f\u0440\u043e\u0441\u043b\u0430\u0432 \u0411\u043e\u0435\u0432, \u043c\u043d\u0435 15, \u0432 \u0441\u0435\u0442\u0438 \u2014 SwairIt. \u042f \u0434\u0435\u043b\u0430\u044e Persona \u2014 \u043b\u0438\u0447\u043d\u043e\u0433\u043e \u0418\u0418-\u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u0430 \u0441 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u043e\u0439 \u043f\u0430\u043c\u044f\u0442\u044c\u044e, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u043d\u044f\u0442\u044c \u0443 \u0441\u0435\u0431\u044f. \u041f\u0430\u0440\u0443 \u043d\u0435\u0434\u0435\u043b\u044c \u044f \u0436\u0438\u043b \u0441 \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435\u043c \u00ab\u0441\u0430\u0439\u0442 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u0432\u044f\u0437\u043a\u0438\u0439\u00bb, \u0438 \u043e\u043d\u043e \u0431\u044b\u043b\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c: \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u043b\u0438\u0441\u044c \u0437\u0430 2,1 \u0441\u0435\u043a\u0443\u043d\u0434\u044b. \u041f\u0440\u0438\u0447\u0451\u043c \u0441\u0435\u0440\u0432\u0435\u0440 \u043e\u0442\u0434\u0430\u0432\u0430\u043b HTML \u0437\u0430 30 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434. \u0412\u0438\u043d\u043e\u0432\u0430\u0442\u044b\u043c\u0438 \u043e\u043a\u0430\u0437\u0430\u043b\u0438\u0441\u044c \u0434\u0432\u0435 \u0432\u0435\u0449\u0438, \u0438 \u043e\u0431\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u044f \u0441\u0430\u043c: \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0434\u0435\u043b\u0430\u043b\u0430 \u0437\u0430\u043f\u0438\u0441\u044c \u0432 SQLite \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 CSS-\u0444\u0430\u0439\u043b, \u0438 Tailwind, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043b \u0441\u0442\u0438\u043b\u0438 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f. \u041f\u043e\u0441\u043b\u0435 \u043f\u043e\u0447\u0438\u043d\u043a\u0438 \u2014 0,9 \u0441\u0435\u043a\u0443\u043d\u0434\u044b.\u0410 \u043f\u043e\u0442\u043e\u043c \u044f \u0441\u0435\u043b \u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u0441\u0430\u043c\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u0438 \u0437\u0430 \u0434\u0432\u0430\u0434\u0446\u0430\u0442\u044c \u043c\u0438\u043d\u0443\u0442 \u043d\u0430\u0448\u0451\u043b \u0435\u0449\u0451 \u0434\u0432\u0430 \u0431\u0430\u0433\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043f\u043e\u043a\u043e\u0439\u043d\u043e \u0436\u0438\u043b\u0438 \u0432 \u043f\u0440\u043e\u0434\u0435: \u0442\u0435\u043c\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0430 \u0447\u0430\u0441\u0442\u0438 \u043c\u0430\u0448\u0438\u043d \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0430\u0441\u044c \u0431\u0435\u043b\u044b\u043c \u043f\u043e \u0431\u0435\u043b\u043e\u043c\u0443, \u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u0430 \u043d\u0438 \u043e\u0434\u043d\u043e\u0439 \u0438\u0437 \u0434\u0435\u0432\u044f\u043d\u043e\u0441\u0442\u0430 \u0441\u0441\u044b\u043b\u043e\u043a. \u041d\u0438\u0436\u0435 \u2014 \u043a\u0430\u043a \u044f \u0432\u0441\u0451 \u044d\u0442\u043e \u0438\u0441\u043a\u0430\u043b, \u0447\u0435\u043c \u043c\u0435\u0440\u0438\u043b, \u043f\u043e\u0447\u0435\u043c\u0443 \u043f\u0435\u0440\u0432\u044b\u0439 \u0447\u0430\u0441 \u0438\u0441\u043a\u0430\u043b \u043d\u0435 \u0442\u0430\u043c \u0438 \u043a\u0430\u043a \u0447\u0443\u0442\u044c \u043d\u0435 \u0443\u0440\u043e\u043d\u0438\u043b \u0447\u0430\u0442, \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u044f \u043d\u0430\u0439\u0434\u0435\u043d\u043d\u043e\u0435. \u041a\u043e\u0434 \u043e\u0442\u043a\u0440\u044b\u0442: github.com\/SwairIt\/persona.\u0427\u0442\u043e \u0437\u0430 \u0441\u0430\u0439\u0442 \u044f \u0443\u0441\u043a\u043e\u0440\u044f\u043b\u0427\u0442\u043e\u0431\u044b \u0434\u0430\u043b\u044c\u0448\u0435 \u0431\u044b\u043b\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u0437\u0430 \u0447\u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u043f\u043b\u0430\u0442\u0438\u043b\u0438 \u0442\u0435 45 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443.Persona \u2014 \u043b\u0438\u0447\u043d\u044b\u0439 \u0418\u0418-\u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0436\u0438\u0432\u0451\u0442 \u043d\u0430 \u0432\u0430\u0448\u0435\u043c \u0436\u0435\u043b\u0435\u0437\u0435. \u041d\u0435 \u00ab\u0447\u0430\u0442 \u0441 \u043d\u0435\u0439\u0440\u043e\u0441\u0435\u0442\u044c\u044e \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435\u00bb, \u0430 \u043a\u0430\u0431\u0438\u043d\u0435\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043c\u043d\u0438\u0442 \u0432\u0430\u0441: \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u044b, \u0444\u0430\u043a\u0442\u044b, \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438. \u041c\u043e\u0434\u0435\u043b\u044c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0441\u0432\u043e\u044f \u2014 \u043a\u043b\u044e\u0447 \u043a \u043e\u0431\u043b\u0430\u0447\u043d\u043e\u043c\u0443 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0443 \u0438\u043b\u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0430\u044f Ollama.\u041b\u0435\u043d\u0434\u0438\u043d\u0433. \u0427\u0451\u0440\u043d\u0430\u044f \u0434\u044b\u0440\u0430 \u043d\u0430 \u0444\u043e\u043d\u0435 \u2014 WebGL-\u0441\u0446\u0435\u043d\u0430 \u043d\u0430 three.js, \u043d\u0435 \u0433\u0438\u0444\u043a\u0430.\u041b\u0435\u043d\u0434\u0438\u043d\u0433. \u0427\u0451\u0440\u043d\u0430\u044f \u0434\u044b\u0440\u0430 \u043d\u0430 \u0444\u043e\u043d\u0435 \u2014 WebGL-\u0441\u0446\u0435\u043d\u0430 \u043d\u0430 three.js, \u043d\u0435 \u0433\u0438\u0444\u043a\u0430. \u0412\u0442\u043e\u0440\u043e\u0439 \u044d\u043a\u0440\u0430\u043d: \u0441\u0442\u0435\u043a \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u043e\u0439 \u0438 \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u043e\u0431\u0435\u0449\u0430\u043d\u0438\u0435.\u0412\u0442\u043e\u0440\u043e\u0439 \u044d\u043a\u0440\u0430\u043d: \u0441\u0442\u0435\u043a \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u043e\u0439 \u0438 \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u043e\u0431\u0435\u0449\u0430\u043d\u0438\u0435. \u0412\u043d\u0443\u0442\u0440\u0438 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430, \u0435\u0441\u043b\u0438 \u043a\u043e\u0440\u043e\u0442\u043a\u043e \u043f\u043e \u0433\u043b\u0430\u0432\u043d\u043e\u043c\u0443:\u0427\u0430\u0442 \u0441 \u043f\u0430\u043c\u044f\u0442\u044c\u044e. \u041f\u0435\u0440\u0435\u0434 \u043e\u0442\u0432\u0435\u0442\u043e\u043c \u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442 \u043f\u043e\u0434\u0442\u044f\u0433\u0438\u0432\u0430\u0435\u0442 \u0440\u0435\u043b\u0435\u0432\u0430\u043d\u0442\u043d\u043e\u0435 \u0438\u0437 \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0448\u043b\u044b\u0445 \u0431\u0435\u0441\u0435\u0434 \u2014 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0447\u0435\u0440\u0435\u0437 FTS5 \u0441 \u0440\u0430\u043d\u0436\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c bm25, \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e \u0433\u0438\u0431\u0440\u0438\u0434\u043d\u044b\u0439 \u0440\u0435\u0436\u0438\u043c \u0441 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u043c \u043f\u043e\u0438\u0441\u043a\u043e\u043c. \u041f\u043b\u044e\u0441 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u043b\u0438\u0447\u043d\u044b\u0445 \u0444\u0430\u043a\u0442\u043e\u0432 \u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435.\u0413\u0440\u0430\u0444 \u043f\u0430\u043c\u044f\u0442\u0438. \u041f\u0440\u043e\u043c\u043f\u0442\u044b, \u043e\u0442\u0432\u0435\u0442\u044b, \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438 \u2014 \u0436\u0438\u0432\u0430\u044f force-directed \u0440\u0430\u0441\u043a\u043b\u0430\u0434\u043a\u0430, \u0430 \u043d\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430.\u0417\u0430\u0445\u0432\u0430\u0442 \u0434\u043d\u044f. \u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u044d\u043a\u0440\u0430\u043d\u0430 \u0441 \u0434\u0435\u0434\u0443\u043f\u043b\u0438\u043a\u0430\u0446\u0438\u0435\u0439 \u043f\u043e \u0445\u044d\u0448\u0443, OCR, \u0440\u0430\u0441\u043f\u043e\u0437\u043d\u0430\u0432\u0430\u043d\u0438\u0435 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430, \u0430\u0443\u0434\u0438\u043e. \u0412\u0441\u0451 \u0441 \u043a\u0432\u043e\u0442\u0430\u043c\u0438, \u0442\u0438\u0445\u0438\u043c\u0438 \u0447\u0430\u0441\u0430\u043c\u0438, \u0431\u043b\u043e\u043a\u043b\u0438\u0441\u0442\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0438 retention.\u0421\u0432\u043e\u0434\u043a\u0438 \u0438 \u0431\u0440\u0438\u0444\u0438\u043d\u0433. \u0427\u0430\u0441\u043e\u0432\u044b\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438, \u0434\u043d\u0435\u0432\u043d\u044b\u0435 \u043f\u0438\u043d\u044b, \u043d\u0435\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0432\u043e\u0434\u043a\u0438, \u043f\u0440\u043e\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u00ab\u0447\u0442\u043e \u0431\u044b\u043b\u043e \u0432\u0430\u0436\u043d\u043e\u0433\u043e\u00bb.\u0413\u043e\u043b\u043e\u0441. Hands-free \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440 \u0441 \u043e\u0440\u0431\u043e\u043c-\u043c\u0438\u043a\u0440\u043e\u0444\u043e\u043d\u043e\u043c, VAD, TTS.\u041d\u0430\u0432\u044b\u043a\u0438 \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f. \u041d\u0430\u0431\u043e\u0440\u044b \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0439 \u0438\u0437 GitHub (SKILL.md), \u0431\u0440\u0430\u0443\u0437\u0435\u0440-\u0430\u0433\u0435\u043d\u0442, MCP-\u0440\u0430\u043d\u0442\u0430\u0439\u043c.Vault. \u0417\u0430\u0448\u0438\u0444\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0437\u0430\u043c\u0435\u0442\u043a\u0438; \u0441\u0435\u043a\u0440\u0435\u0442\u044b \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432 \u0448\u0438\u0444\u0440\u0443\u044e\u0442\u0441\u044f \u0432 \u043f\u043e\u043a\u043e\u0435.\u041c\u0443\u043b\u044c\u0442\u0438\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0440\u0435\u0436\u0438\u043c. \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u043e\u0442\u043a\u0440\u044b\u0442\u0430, \u043a\u0430\u0436\u0434\u044b\u0439 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0441\u043e \u0441\u0432\u043e\u0438\u043c \u043a\u043b\u044e\u0447\u043e\u043c. \u0414\u0430\u043d\u043d\u044b\u0435 \u0437\u0430\u0445\u0432\u0430\u0442\u0430 \u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u0443 \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0430 \u0438\u043d\u0441\u0442\u0430\u043d\u0441\u0430, \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a \u0432\u0438\u0434\u0438\u0442 \u0441\u0442\u0440\u043e\u0433\u043e \u0441\u0432\u043e\u0451.\u0411\u043b\u043e\u0433, \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430, \u0430\u0443\u0434\u0438\u0442-\u043b\u043e\u0433, \u0440\u0435\u0437\u0435\u0440\u0432\u043d\u044b\u0435 \u043a\u043e\u043f\u0438\u0438, Telegram, \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0441 \u0410\u043b\u0438\u0441\u043e\u0439, .ics-\u044d\u043a\u0441\u043f\u043e\u0440\u0442 \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u0439.\u0427\u0430\u0442.\u0427\u0430\u0442. \u0413\u0440\u0430\u0444 \u043f\u0430\u043c\u044f\u0442\u0438: 12 \u043e\u0442\u0432\u0435\u0442\u043e\u0432, 22 \u0447\u0430\u0442\u0430, 20 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u2014 \u0438 \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438.\u0413\u0440\u0430\u0444 \u043f\u0430\u043c\u044f\u0442\u0438: 12 \u043e\u0442\u0432\u0435\u0442\u043e\u0432, 22 \u0447\u0430\u0442\u0430, 20 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u2014 \u0438 \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438. \u0414\u0430\u0448\u0431\u043e\u0440\u0434 \u00ab\u0421\u0435\u0439\u0447\u0430\u0441\u00bb: \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0441\u043a\u0440\u0438\u043d, \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u0438 \u0434\u043d\u044f, \u0444\u043e\u043a\u0443\u0441-\u0441\u0435\u0441\u0441\u0438\u044f, \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u044f. \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0430\u043c \u0447\u0435\u0440\u0435\u0437 HTMX.\u0414\u0430\u0448\u0431\u043e\u0440\u0434 \u00ab\u0421\u0435\u0439\u0447\u0430\u0441\u00bb: \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0441\u043a\u0440\u0438\u043d, \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u0438 \u0434\u043d\u044f, \u0444\u043e\u043a\u0443\u0441-\u0441\u0435\u0441\u0441\u0438\u044f, \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u044f. \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0430\u043c \u0447\u0435\u0440\u0435\u0437 HTMX. \u041f\u044f\u0442\u044c \u0442\u0435\u043c\u0422\u0435\u043c\u0430 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0438 \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0437\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c: \u0443 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430 \u2014 \u0432 \u0441\u0432\u043e\u0435\u0439 \u0442\u0430\u0431\u043b\u0438\u0446\u0435, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u043f\u0435\u0440\u0435\u0442\u0435\u0440\u0435\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0430.darkdark lightlight persona \u2014 \u0444\u0438\u0440\u043c\u0435\u043d\u043d\u0430\u044f \u0444\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u0430\u044fpersona \u2014 \u0444\u0438\u0440\u043c\u0435\u043d\u043d\u0430\u044f \u0444\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u0430\u044f cosmos \u2014 \u0441 \u0436\u0438\u0432\u043e\u0439 3D-\u0441\u0446\u0435\u043d\u043e\u0439 \u0437\u0430 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u043e\u043ccosmos \u2014 \u0441 \u0436\u0438\u0432\u043e\u0439 3D-\u0441\u0446\u0435\u043d\u043e\u0439 \u0437\u0430 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u043e\u043c cosmos-dark \u2014 \u0442\u0430 \u0436\u0435 \u0441\u0446\u0435\u043d\u0430, \u043f\u0440\u0438\u0433\u043b\u0443\u0448\u0451\u043d\u043d\u0430\u044fcosmos-dark \u2014 \u0442\u0430 \u0436\u0435 \u0441\u0446\u0435\u043d\u0430, \u043f\u0440\u0438\u0433\u043b\u0443\u0448\u0451\u043d\u043d\u0430\u044f \u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0441\u0435\u0433\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a\u0421\u0447\u0438\u0442\u0430\u044e \u0447\u0435\u0441\u0442\u043d\u043e, \u0438\u0437 \u043a\u043e\u0434\u0430, \u0430 \u043d\u0435 \u043d\u0430 \u0433\u043b\u0430\u0437.\u0425\u0430\u0431 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u2014 12 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 \u0438 90 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0434\u043b\u044f \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0430 \u0438\u043d\u0441\u0442\u0430\u043d\u0441\u0430. \u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a \u0432\u0438\u0434\u0438\u0442 \u0443\u0440\u0435\u0437\u0430\u043d\u043d\u044b\u0439 \u043a\u0430\u0442\u0430\u043b\u043e\u0433: 6 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439, 16 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u043e, \u0447\u0442\u043e \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043a \u0435\u0433\u043e \u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u0443 \u0438 \u0435\u0433\u043e \u0430\u043a\u043a\u0430\u0443\u043d\u0442\u0443, \u0431\u0435\u0437 \u0435\u0434\u0438\u043d\u043e\u0439 owner-only \u0441\u0441\u044b\u043b\u043a\u0438.\u0422\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 \u0445\u0430\u0431: 12 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439, 90 \u0441\u0441\u044b\u043b\u043e\u043a.\u0422\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 \u0445\u0430\u0431: 12 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439, 90 \u0441\u0441\u044b\u043b\u043e\u043a. \u0415\u0441\u043b\u0438 \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u043d\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u0441\u0430\u043c\u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438 \u0438 \u043f\u043e\u043b\u044f \u2014 156 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0432 99 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445. \u041d\u0430 \u043c\u043e\u0435\u0439 \u0436\u0438\u0432\u043e\u0439 \u0431\u0430\u0437\u0435 \u043f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441 \u043b\u0435\u0436\u0438\u0442 163 \u0441\u043e\u0445\u0440\u0430\u043d\u0451\u043d\u043d\u044b\u0445 \u043a\u043b\u044e\u0447\u0430 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438.\u0414\u043b\u044f \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0430, \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0446\u0438\u0444\u0440\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 \u043c\u043e\u043c\u0435\u043d\u0442 \u0441\u0442\u0430\u0442\u044c\u0438: 428 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0440\u043e\u0443\u0442\u043e\u0432, 383 \u0448\u0430\u0431\u043b\u043e\u043d\u0430, 235 \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0439 \u0431\u0430\u0437\u044b, 181 \u0444\u0430\u0439\u043b \u0442\u0435\u0441\u0442\u043e\u0432.\u0412\u043e\u0442 \u0432\u0441\u0451 \u044d\u0442\u043e \u0434\u043e\u0431\u0440\u043e \u044f \u0438 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u043b \u043f\u043e \u0434\u0432\u0435 \u0441\u0435\u043a\u0443\u043d\u0434\u044b.\u0421\u0438\u043c\u043f\u0442\u043e\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0417\u043d\u0430\u043a\u043e\u043c\u043e\u0435 \u0447\u0443\u0432\u0441\u0442\u0432\u043e: \u0441\u0430\u0439\u0442 \u043d\u0435 \u0441\u043b\u043e\u043c\u0430\u043d. \u041e\u043d \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f. \u041d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043f\u0430\u0434\u0430\u0435\u0442, \u0432 \u043b\u043e\u0433\u0430\u0445 \u0447\u0438\u0441\u0442\u043e, \u043e\u0448\u0438\u0431\u043e\u043a \u043d\u0435\u0442. \u041f\u0440\u043e\u0441\u0442\u043e \u0442\u044b \u043a\u043b\u0438\u043a\u0430\u0435\u0448\u044c \u043f\u043e \u0432\u043a\u043b\u0430\u0434\u043a\u0435 \u0438 \u0443\u0441\u043f\u0435\u0432\u0430\u0435\u0448\u044c \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u043a\u043b\u0438\u043a\u043d\u0443\u043b.\u042d\u0442\u043e \u0445\u0443\u0434\u0448\u0438\u0439 \u0432\u0438\u0434 \u0431\u0430\u0433\u0430, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0435\u0433\u043e \u043d\u0435\u043b\u044c\u0437\u044f \u0437\u0430\u0432\u0435\u0441\u0442\u0438 \u0432 \u0442\u0440\u0435\u043a\u0435\u0440. \u00ab\u041c\u0435\u0434\u043b\u0435\u043d\u043d\u043e\u00bb \u2014 \u044d\u0442\u043e \u043d\u0435 \u0431\u0430\u0433-\u0440\u0435\u043f\u043e\u0440\u0442. \u041f\u043e\u043a\u0430 \u0442\u044b \u043d\u0435 \u043f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u043b \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435 \u0432 \u0447\u0438\u0441\u043b\u043e, \u0443 \u0442\u0435\u0431\u044f \u043d\u0435\u0442 \u043d\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b, \u043d\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f.\u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0435\u0440\u0432\u043e\u0435, \u0447\u0442\u043e \u044f \u0441\u0434\u0435\u043b\u0430\u043b \u2014 \u043f\u043e\u043c\u0435\u0440\u0438\u043b \u0441\u0430\u043c\u043e\u0435 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e\u0435:curl -o \/dev\/null -w &#171;ttfb=%{time_starttransfer} total=%{time_total}\\n&#187; \\     http:\/\/127.0.0.1:8000\/landing# ttfb=0.026  total=0.02726 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434. \u0421\u0435\u0440\u0432\u0435\u0440 \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e. \u0418 \u0432\u043e\u0442 \u0442\u0443\u0442 \u044f \u0441\u0434\u0435\u043b\u0430\u043b \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0448\u0438\u0431\u043a\u0443.\u041e\u0448\u0438\u0431\u043a\u0430 \u21161: \u044f \u0440\u0435\u0448\u0438\u043b, \u0447\u0442\u043e \u043f\u043e\u043d\u044f\u043b\u0420\u0430\u0437 \u0431\u044d\u043a\u0435\u043d\u0434 \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u2014 \u0437\u043d\u0430\u0447\u0438\u0442 \u0432\u0438\u043d\u043e\u0432\u0430\u0442 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434. \u041b\u043e\u0433\u0438\u0447\u043d\u043e \u0436\u0435? \u042f \u043f\u043e\u0448\u0451\u043b \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0441\u0435\u0433\u043e \u0433\u0440\u0443\u0437\u0438\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u043d\u0430\u0448\u0451\u043b \u0442\u0430\u043c 600 \u041a\u0411 three.js \u0438 \u043f\u043e\u043b\u0435\u0437 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438.\u041f\u043e\u043b\u0447\u0430\u0441\u0430 \u0432 \u043d\u0438\u043a\u0443\u0434\u0430.\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \/landing \u2014 \u044d\u0442\u043e \u043b\u0435\u043d\u0434\u0438\u043d\u0433 \u0434\u043b\u044f \u043d\u0435\u0437\u0430\u043b\u043e\u0433\u0438\u043d\u0435\u043d\u043d\u044b\u0445. \u0410 \u00ab\u0432\u044f\u0437\u043a\u043e\u00bb \u043c\u043d\u0435 \u0431\u044b\u043b\u043e \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430, \u0433\u0434\u0435 \u044f \u0441\u0438\u0436\u0443 \u0437\u0430\u043b\u043e\u0433\u0438\u043d\u0435\u043d\u043d\u044b\u043c. \u042f \u043f\u043e\u043c\u0435\u0440\u0438\u043b \u043d\u0435 \u0442\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u043e\u0431\u0440\u0430\u0434\u043e\u0432\u0430\u043b\u0441\u044f \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u0446\u0438\u0444\u0440\u0435 \u0438 \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u043b \u043d\u0430 \u043d\u0435\u0439 \u0442\u0435\u043e\u0440\u0438\u044e.\u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u043c\u0435\u0440 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b \u0442\u0430\u043a \u2014 \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f:const m = await page.evaluate(() =&gt; {  const nav = performance.getEntriesByType(&#8216;navigation&#8217;)[0];  const paint = {};  performance.getEntriesByType(&#8216;paint&#8217;).forEach(e =&gt; paint[e.name] = Math.round(e.startTime));  return {    ttfb: Math.round(nav.responseStart),    fcp: paint[&#8216;first-contentful-paint&#8217;],    dcl: Math.round(nav.domContentLoadedEventEnd),    reqs: performance.getEntriesByType(&#8216;resource&#8217;).length,  };});\u0418 \u0432\u043e\u0442 \u0447\u0442\u043e \u043e\u043d \u043f\u043e\u043a\u0430\u0437\u0430\u043b \u0434\u043b\u044f \/chat:{ ttfb: 322, fcp: 1320, dcl: 2092, reqs: 45 }\u0414\u0432\u0435 \u0432\u0435\u0449\u0438 \u0441\u0440\u0430\u0437\u0443 \u0432\u044b\u0431\u0438\u0432\u0430\u044e\u0442\u0441\u044f.\u041f\u0435\u0440\u0432\u0430\u044f: TTFB 322 \u043c\u0441 \u0432\u043c\u0435\u0441\u0442\u043e 26. \u0422\u0430 \u0436\u0435 \u043c\u0430\u0448\u0438\u043d\u0430, \u0442\u043e\u0442 \u0436\u0435 \u0441\u0435\u0440\u0432\u0435\u0440, \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0443 \u043c\u0435\u043d\u044f \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u0435\u0441\u0442\u044c \u043a\u0443\u043a\u0430 \u0441\u0435\u0441\u0441\u0438\u0438. \u0414\u0435\u0441\u044f\u0442\u0438\u043a\u0440\u0430\u0442\u043d\u0430\u044f \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u0438\u0437-\u0437\u0430 \u043a\u0443\u043a\u0438 \u2014 \u044d\u0442\u043e \u043d\u0435 \u00ab\u043d\u0443 \u0431\u044b\u0432\u0430\u0435\u0442\u00bb, \u044d\u0442\u043e \u0441\u043b\u0435\u0434.\u0412\u0442\u043e\u0440\u0430\u044f: 45 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u043d\u0430 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u0418 \u044d\u0442\u043e \u043d\u0430 localhost, \u0433\u0434\u0435 \u0441\u0435\u0442\u044c \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f. \u0423 \u0436\u0438\u0432\u043e\u0433\u043e \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0442\u0430\u043a\u043e\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u2014 \u044d\u0442\u043e \u0435\u0449\u0451 \u0438 round trip \u0434\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0430.\u0417\u0430\u043c\u0435\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u0441\u0451 \u043e\u0431\u044a\u044f\u0441\u043d\u0438\u043b\u0414\u0430\u043b\u044c\u0448\u0435 \u0441\u0430\u043c\u0430\u044f \u043f\u043e\u043b\u0435\u0437\u043d\u0430\u044f \u043c\u0438\u043d\u0443\u0442\u0430 \u0437\u0430 \u0432\u0435\u0441\u044c \u0434\u0435\u043d\u044c. \u042f \u0432\u0437\u044f\u043b \u043e\u0434\u0438\u043d-\u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0444\u0430\u0439\u043b \u2014 \u043a\u0440\u043e\u0448\u0435\u0447\u043d\u044b\u0439 csrf.js \u2014 \u0438 \u0434\u0451\u0440\u043d\u0443\u043b \u0435\u0433\u043e \u0434\u0435\u0441\u044f\u0442\u044c \u0440\u0430\u0437 \u0441 \u043a\u0443\u043a\u043e\u0439 \u0438 \u0434\u0435\u0441\u044f\u0442\u044c \u0440\u0430\u0437 \u0431\u0435\u0437:# \u0441 \u043a\u0443\u043a\u043e\u0439 \u0441\u0435\u0441\u0441\u0438\u0438for i in $(seq 1 10); do  curl -s -b cookies.txt -o \/dev\/null -w &#171;%{time_total} &#187; \\       http:\/\/127.0.0.1:8000\/static\/csrf.jsdone# 0.057 0.067 0.042 0.061 0.165 0.052 0.061 0.051 0.054 0.049# \u0431\u0435\u0437 \u043a\u0443\u043a\u0438for i in $(seq 1 10); do  curl -s -o \/dev\/null -w &#171;%{time_total} &#187; \\       http:\/\/127.0.0.1:8000\/static\/csrf.jsdone# 0.011 0.011 0.031 0.015 0.013 0.026 0.024 0.013 0.012 0.02655 \u043c\u0441 \u043f\u0440\u043e\u0442\u0438\u0432 14 \u043c\u0441. \u0417\u0430 \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u0444\u0430\u0439\u043b \u0441 \u0434\u0438\u0441\u043a\u0430. \u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u2014 \u043d\u0430\u043b\u0438\u0447\u0438\u0435 \u043a\u0443\u043a\u0438.\u0421\u043e\u0440\u043e\u043a \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434 \u043d\u0430\u043a\u043b\u0430\u0434\u043d\u044b\u0445 \u0440\u0430\u0441\u0445\u043e\u0434\u043e\u0432 \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0444\u0430\u0439\u043b. \u0410 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0442\u044f\u043d\u0435\u0442 \u0438\u0445 \u043e\u043a\u043e\u043b\u043e \u0441\u043e\u0440\u043e\u043a\u0430 \u0448\u0442\u0443\u043a. \u0421\u043e\u0440\u043e\u043a \u0440\u0430\u0437 \u043f\u043e \u0441\u043e\u0440\u043e\u043a \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434 \u2014 \u044d\u0442\u043e \u043f\u043e\u043b\u0442\u043e\u0440\u044b \u0441\u0435\u043a\u0443\u043d\u0434\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0435\u0440\u0432\u0435\u0440 \u0442\u0440\u0430\u0442\u0438\u0442 \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u0434\u0430\u0442\u044c \u0444\u0430\u0439\u043b.\u0412\u043e\u0442 \u0442\u0435\u043f\u0435\u0440\u044c \u0443 \u043c\u0435\u043d\u044f \u0431\u044b\u043b \u043d\u0435 \u00ab\u0441\u0430\u0439\u0442 \u0442\u043e\u0440\u043c\u043e\u0437\u0438\u0442\u00bb, \u0430 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0435 \u0447\u0438\u0441\u043b\u043e \u0438 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e.\u041a\u0442\u043e \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u043b\u0412 Persona \u0435\u0441\u0442\u044c middleware-\u0433\u0435\u0439\u0442: \u043e\u043d \u0441\u043c\u043e\u0442\u0440\u0438\u0442, \u043a\u0442\u043e \u043f\u0440\u0438\u0448\u0451\u043b, \u0438 \u0440\u0435\u0448\u0430\u0435\u0442, \u043f\u0443\u0441\u043a\u0430\u0442\u044c \u043b\u0438 \u0434\u0430\u043b\u044c\u0448\u0435. \u0412\u044b\u0433\u043b\u044f\u0434\u0435\u043b \u043e\u043d \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a:async def dispatch(self, request, call_next):    path = request.url.path    if path == &#171;\/&#187; or _is_public_path(path):        # \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u043f\u0443\u0442\u044c \u2014 \u0434\u043e\u0441\u0442\u0443\u043f \u043d\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c,        # \u043d\u043e \u043b\u0438\u0447\u043d\u043e\u0441\u0442\u044c \u0432\u0441\u0451 \u0440\u0430\u0432\u043d\u043e \u0440\u0435\u0437\u043e\u043b\u0432\u0438\u043c        return await self._with_identity(request, call_next, public=True)    &#8230;async def _with_identity(self, request, call_next, *, public):    token = request.cookies.get(SESSION_COOKIE_NAME)    session = await verify_session(token) if token else None    &#8230;\/static\/ \u043b\u0435\u0436\u0438\u0442 \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0445 \u043f\u0443\u0442\u0435\u0439. \u0422\u043e \u0435\u0441\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u043d\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442\u0441\u044f \u2014 \u043d\u043e verify_session() \u0432\u0441\u0451 \u0440\u0430\u0432\u043d\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f. \u0410 \u0432\u043d\u0443\u0442\u0440\u0438 verify_session():# Fire-and-forget last_seen bump; failure must not break auth.try:    await conn.execute(        &#171;UPDATE auth_session SET last_seen_at = ? WHERE token = ?&#187;,        (now, token),    )    await conn.commit()except Exception as exc:    log.debug(&#171;auth.session.last_seen_update_failed&#187;, error=str(exc))\u0412\u043e\u0442 \u043e\u043d\u043e. SELECT, UPDATE \u0438 COMMIT \u0432 SQLite \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 CSS-\u0444\u0430\u0439\u043b, \u043a\u0430\u0436\u0434\u0443\u044e \u0438\u043a\u043e\u043d\u043a\u0443, \u043a\u0430\u0436\u0434\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442.\u041d\u0430 Windows \u0441 \u0432\u043a\u043b\u044e\u0447\u0451\u043d\u043d\u044b\u043c WAL \u043a\u043e\u043c\u043c\u0438\u0442 \u2014 \u044d\u0442\u043e \u043d\u0435 \u00ab\u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 \u043f\u0430\u043c\u044f\u0442\u044c\u00bb, \u044d\u0442\u043e \u0437\u0430\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0434\u0438\u0441\u043a \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u0437\u0430\u043f\u0438\u0441\u044c. \u0414\u0435\u0441\u044f\u0442\u043a\u0438 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434. \u0418 \u043f\u043e\u043a\u0430 \u0438\u0434\u0451\u0442 \u043a\u043e\u043c\u043c\u0438\u0442, \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0441\u0442\u043e\u044f\u0442 \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u0438 \u043d\u0430 \u0437\u0430\u043f\u0438\u0441\u044c.\u0421\u043e\u0440\u043e\u043a \u0444\u0430\u0439\u043b\u043e\u0432 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u2014 \u0441\u043e\u0440\u043e\u043a \u043a\u043e\u043c\u043c\u0438\u0442\u043e\u0432. \u0412\u0441\u0435 \u0441\u043e\u0440\u043e\u043a \u043f\u0438\u0448\u0443\u0442 \u0432 \u043e\u0434\u043d\u0443 \u0438 \u0442\u0443 \u0436\u0435 \u0441\u0442\u0440\u043e\u0447\u043a\u0443 \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u0442\u0430\u0439\u043c\u0441\u0442\u0430\u043c\u043f, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u044f\u0442 \u0432 \u043e\u0434\u043d\u0443 \u0438 \u0442\u0443 \u0436\u0435 \u0441\u0435\u043a\u0443\u043d\u0434\u0443.\u041f\u043e\u0447\u0435\u043c\u0443 \u044d\u0442\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u0431\u044b\u043b\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e\u041d\u0435 \u0445\u043e\u0447\u0443 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c, \u0447\u0442\u043e \u043d\u0430\u0448\u0451\u043b \u0447\u0443\u0436\u0443\u044e \u0433\u043b\u0443\u043f\u043e\u0441\u0442\u044c. \u0421\u0442\u0440\u043e\u0447\u043a\u0443 \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u044f, \u0438 \u0432 \u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043e\u043d\u0430 \u0431\u044b\u043b\u0430 \u043e\u0441\u043c\u044b\u0441\u043b\u0435\u043d\u043d\u043e\u0439.last_seen_at \u043d\u0443\u0436\u0435\u043d \u0434\u043b\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0438 \u0441\u043e \u0441\u043f\u0438\u0441\u043a\u043e\u043c \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u0441\u0435\u0441\u0441\u0438\u0439 \u2014 \u0442\u043e\u0439 \u0441\u0430\u043c\u043e\u0439, \u0433\u0434\u0435 \u043f\u0438\u0448\u0443\u0442 \u00ab\u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c: 2 \u043c\u0438\u043d\u0443\u0442\u044b \u043d\u0430\u0437\u0430\u0434\u00bb \u0438 \u0434\u0430\u044e\u0442 \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u0432\u044b\u0439\u0442\u0438 \u0441\u043e \u0432\u0441\u0435\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u00bb. \u041f\u043b\u044e\u0441 \u043f\u043e \u043d\u0435\u043c\u0443 \u0436\u0435 \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0442\u0443\u0445\u0430\u043d\u0438\u0435 \u0441\u0435\u0441\u0441\u0438\u0438 \u043f\u043e \u0431\u0435\u0437\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044e.\u041b\u043e\u0433\u0438\u043a\u0430 \u0431\u044b\u043b\u0430: \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0435 \u2014 \u0437\u043d\u0430\u0447\u0438\u0442 \u043e\u0442\u043c\u0435\u0442\u043a\u0430 \u0432\u0441\u0435\u0433\u0434\u0430 \u0442\u043e\u0447\u043d\u0430\u044f. \u0418 \u044d\u0442\u043e \u043f\u0440\u0430\u0432\u0434\u0430. \u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u043d\u0435 \u0432 \u0438\u0434\u0435\u0435, \u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u00ab\u043a\u0430\u0436\u0434\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430\u00bb \u043d\u0430 \u0434\u0435\u043b\u0435 \u043e\u0437\u043d\u0430\u0447\u0430\u043b\u0430 \u00ab\u043a\u0430\u0436\u0434\u044b\u0439 \u0444\u0430\u0439\u043b \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\u00bb, \u0430 \u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u043b \u0441\u0435\u0431\u0435 \u00ab\u043a\u0430\u0436\u0434\u044b\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043f\u043e \u0441\u0430\u0439\u0442\u0443\u00bb.\u0422\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0441 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u044f \u0443 \u0441\u0435\u0431\u044f \u043d\u0430\u0445\u043e\u0436\u0443. \u041d\u0435 \u0433\u043b\u0443\u043f\u044b\u0439 \u043a\u043e\u0434. \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0447\u0430\u0449\u0435, \u0447\u0435\u043c \u0430\u0432\u0442\u043e\u0440 \u0441\u0435\u0431\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u043b.\u0424\u0438\u043a\u0441: \u0434\u0432\u0430 \u043c\u0435\u0441\u0442\u0430, \u043e\u0431\u0435 \u043e\u0434\u043d\u043e\u0441\u0442\u0440\u043e\u0447\u043d\u044b\u0435 \u043f\u043e \u0441\u0443\u0442\u0438\u041f\u0435\u0440\u0432\u043e\u0435. \u0421\u0442\u0430\u0442\u0438\u043a\u0430 \u0443\u0445\u043e\u0434\u0438\u0442 \u0438\u0437 \u0433\u0435\u0439\u0442\u0430 \u0434\u043e \u0432\u0441\u044f\u043a\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0431\u0430\u0437\u043e\u0439:# \u0421\u0442\u0430\u0442\u0438\u043a\u0430 \u0443\u0445\u043e\u0434\u0438\u0442 \u0440\u0430\u043d\u044c\u0448\u0435 \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a \u2014 \u0438 \u0440\u0430\u043d\u044c\u0448\u0435 \u0440\u0435\u0437\u043e\u043b\u0432\u0430 \u043b\u0438\u0447\u043d\u043e\u0441\u0442\u0438.# verify_session \u0434\u0435\u043b\u0430\u0435\u0442 SELECT + UPDATE + COMMIT, \u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430# \u0442\u044f\u043d\u0435\u0442 ~40 \u0444\u0430\u0439\u043b\u043e\u0432 \u0438\u0437 \/static. \u0417\u0430\u043c\u0435\u0440: \u0442\u043e\u0442 \u0436\u0435 GET \/static\/csrf.js \u2014# 55 \u043c\u0441 \u0441 \u043a\u0443\u043a\u043e\u0439 \u043f\u0440\u043e\u0442\u0438\u0432 14 \u043c\u0441 \u0431\u0435\u0437 \u043d\u0435\u0451.## \u041f\u0440\u0430\u0432\u0430 \u0442\u0443\u0442 \u043d\u0435 \u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f: \/static\/ \u0438 \u0442\u0430\u043a \u0432 _PUBLIC_PREFIXES, \u0440\u0435\u0448\u0435\u043d\u0438\u0435# \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u044b\u043b\u043e \u00ab\u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c\u00bb. \u041b\u0438\u0447\u043d\u043e\u0441\u0442\u044c \u0444\u0430\u0439\u043b\u0430\u043c \u043d\u0435 \u043d\u0443\u0436\u043d\u0430:# \u0438\u0445 \u043e\u0442\u0434\u0430\u0451\u0442 StaticFiles, \u0430 \u043d\u0435 \u0448\u0430\u0431\u043b\u043e\u043d, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 request.state \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u0447\u0438\u0442\u0430\u0435\u0442.if _is_asset_path(path):    return await call_next(request)\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u043b, \u0447\u0442\u043e \u043f\u043e\u0434 \/static\/ \u043d\u0435 \u0436\u0438\u0432\u0451\u0442 \u043d\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u0440\u043e\u0443\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-492784","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/492784","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=492784"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/492784\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=492784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=492784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=492784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}