{"id":6459,"date":"2026-08-28T04:02:51","date_gmt":"2026-08-28T01:02:51","guid":{"rendered":"https:\/\/shedov.top\/ru\/?p=6459"},"modified":"2026-10-21T09:56:24","modified_gmt":"2026-10-21T06:56:24","slug":"dnevnik-razrabotchika-crystal-3-sravnitelnoe-issledovanie-lars-i-sahar","status":"publish","type":"post","link":"https:\/\/shedov.top\/ru\/dnevnik-razrabotchika-crystal-3-sravnitelnoe-issledovanie-lars-i-sahar\/","title":{"rendered":"\ud83d\udc8e \u0414\u043d\u0435\u0432\u043d\u0438\u043a \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 CRYSTAL #3: \u0421\u0440\u0430\u0432\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u043a\u0438\u0431\u0435\u0440\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u043a\u043b\u0438\u0435\u043d\u0442-\u0441\u0435\u0440\u0432\u0435\u0440\u043d\u043e\u0433\u043e \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0432 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0442\u0435\u043a\u0430\u0445 LARS \u0438 SAHAR"},"content":{"rendered":"<div class=\"single_contents\">\n  <h2>\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435:<\/h2>\n  <nav>\n    <ul>\n      <li>1. <a href=\"#paragraph_1\">\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435<\/a><\/li>\n      <li>2. <a href=\"#paragraph_2\">\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u043e\u0432<\/a><\/li>\n      <li>3. <a href=\"#paragraph_3\">\u0425\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u041f\u041a \u0438 \u0442\u0435\u0441\u0442\u043e\u0432\u0430\u044f \u0441\u0440\u0435\u0434\u0430<\/a><\/li>\n      <li>4. <a href=\"#paragraph_4\">\u041f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u043e\u0432 (Dev\/Debug \u0438 Release)<\/a><\/li>\n      <li>5. <a href=\"#paragraph_5\">\u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u043e\u0433\u043e HTML-\u043e\u0442\u0432\u0435\u0442\u0430<\/a><\/li>\n      <li>6. <a href=\"#paragraph_6\">\u0421\u0440\u0430\u0432\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0430\u043d\u0430\u043b\u0438\u0437 \u0441\u0435\u0442\u0435\u0432\u043e\u0433\u043e \u043e\u0431\u043c\u0435\u043d\u0430 \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0434\u0430\u043d\u043d\u044b\u0445<\/a><\/li>\n      <li>7. <a href=\"#paragraph_7\">\u041e\u0431\u0449\u0438\u0435 \u0432\u044b\u0432\u043e\u0434\u044b<\/a><\/li>\n      <li>8. <a href=\"#paragraph_8\">\u0421\u0432\u043e\u0434\u043d\u0430\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a (LARS vs SAHAR)<\/a><\/li>\n      <li>9. <a href=\"#paragraph_9\">\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/a><\/li>\n    <\/ul>\n  <\/nav>\n<\/div>\n\n<h2 id=\"paragraph_1\">1. \u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435<\/h2>\n\n<p>\u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u043d\u0435\u043f\u0440\u0435\u0440\u044b\u0432\u043d\u043e\u0433\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 CRYSTAL \u0438 \u043f\u043e\u0438\u0441\u043a\u0430 \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e\n  \u0441\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u0432\u0435\u0440\u0441\u0438\u0438 CRYSTAL v3.0, \u043c\u043d\u043e\u0439 \u0431\u044b\u043b\u043e \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u043e \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u0432\u0443\u0445 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439: LARS \u0438 SAHAR.<\/p>\n<p>\u0414\u0430\u043d\u043d\u044b\u0439 \u0430\u043d\u0430\u043b\u0438\u0437 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0439 \u0430\u0443\u0434\u0438\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438, \u043f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0435\u0442\u0435\u0432\u043e\u0439 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0438 \u043e\u0446\u0435\u043d\u043a\u0443 \u0443\u0440\u043e\u0432\u043d\u044f\n  \u043a\u0438\u0431\u0435\u0440\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u043a\u043b\u0438\u0435\u043d\u0442-\u0441\u0435\u0440\u0432\u0435\u0440\u043d\u043e\u0433\u043e \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f.<\/p>\n<p>\u0426\u0435\u043b\u044c\u044e \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0431\u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u044b\u0431\u043e\u0440\u0430 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439, \u043e\u0442\u043a\u0430\u0437\u043e\u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0439 \u0438 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0434\u043b\u044f\n  \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 CRYSTAL.<\/p>\n\n<h2 id=\"paragraph_2\">2. \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u043e\u0432<\/h2>\n\n<p>\u0414\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043c\u043d\u043e\u0439 \u0431\u044b\u043b\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u044b \u0434\u0432\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e \u0438 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u044b\u0445 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u0430.\n  \u041e\u0431\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442 CRUD-\u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 (\u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435, \u0447\u0442\u0435\u043d\u0438\u0435, \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0430 \u0432 \u0431\u0430\u0437\u0435 \u0434\u0430\u043d\u043d\u044b\u0445) \u0432\n  \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435 \u0431\u0435\u0437 \u043f\u043e\u043b\u043d\u043e\u0439 \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:<\/p>\n\n<div class=\"H1DqEryMID\">\n  <div class=\"blog_post_image_wrap\">\n    <div class=\"blog_post_image\">\n      <a href=\"https:\/\/shedov.top\/wp-content\/images\/article-crystal-dev-diary-3-comparative-study-lars-sahar.gif\"\n        data-lbwps-width=\"5575\" data-lbwps-height=\"3717\"\n        data-lbwps-srcsmall=\"https:\/\/shedov.top\/wp-content\/images\/article-crystal-dev-diary-3-comparative-study-lars-sahar.gif\"><img\n          decoding=\"async\"\n          src=\"https:\/\/shedov.top\/wp-content\/images\/article-crystal-dev-diary-3-comparative-study-lars-sahar.gif\"\n          alt=\"gif - comparative study lars vs sahar\"><\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"F02AYF4hLO\">\n  <div class=\"zLb5jr0QbD\">\n    <ul class=\"stack_color\">\n      <li><strong>L<\/strong>eptos v0.8.2.<\/li>\n      <li><strong>A<\/strong>ctix Web v4.15.0.<\/li>\n      <li><strong>R<\/strong>ust v1.98.0.<\/li>\n      <li><strong>S<\/strong>cyllaDB v2026.2.6 (driver: v1.8.0).<\/li>\n    <\/ul>\n    <p>\n      <a href=\"https:\/\/github.com\/AndrewShedov\/enter-text--LARS\" target=\"_blank\" rel=\"noopener\">GitHub<\/a> |\n      <a href=\"https:\/\/github.com\/AndrewShedov\/enter-text--LARS\/tree\/main\/main\" target=\"_blank\" rel=\"noopener\">Full\n        Code<\/a> |\n      <a href=\"https:\/\/github.com\/AndrewShedov\/enter-text--LARS\/blob\/main\/main\/Cargo.toml\" target=\"_blank\"\n        rel=\"noopener\">Cargo.toml<\/a>\n    <\/p>\n  <\/div>\n\n  <div class=\"zLb5jr0QbD\">\n    <ul class=\"stack_color\">\n      <li><strong>S<\/strong>cyllaDB v2025.4.0 (driver: v1.8.0).<\/li>\n      <li><strong>A<\/strong>ctix Web v4.15.0.<\/li>\n      <li><strong>H<\/strong>TMX v4.0.0.<\/li>\n      <li><strong>A<\/strong>skama v0.16.<\/li>\n      <li><strong>R<\/strong>ust v1.98.0.<\/li>\n    <\/ul>\n    <p>\n      <a href=\"https:\/\/github.com\/AndrewShedov\/enter-text--SAHAR\" target=\"_blank\" rel=\"noopener\">GitHub<\/a> |\n      <a href=\"https:\/\/github.com\/AndrewShedov\/enter-text--SAHAR\/tree\/main\/main\" target=\"_blank\" rel=\"noopener\">Full\n        Code<\/a> |\n      <a href=\"https:\/\/github.com\/AndrewShedov\/enter-text--SAHAR\/blob\/main\/main\/Cargo.toml\" target=\"_blank\"\n        rel=\"noopener\">Cargo.toml<\/a>\n    <\/p>\n  <\/div>\n<\/div>\n\n<h3 class=\"r4YGJ4ajky\">\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0430\u044f \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u043e\u0432<\/h3>\n\n<p>\u041f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u044b \u0431\u044b\u043b\u0438 \u0441\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0441 \u0441\u043e\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435\u043c \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0438 <strong>Progressive Enhancement<\/strong>. \u042d\u043c\u0443\u043b\u044f\u0446\u0438\u044f \u0436\u0435\u0441\u0442\u043a\u0438\u0445\n  \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0439 \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u0439 \u0441\u0440\u0435\u0434\u044b \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u043b\u0430\u0441\u044c \u0447\u0435\u0440\u0435\u0437 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 Firefox (\u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 - <code\n    class=\"inline-code\">about:config<\/code>). \u041e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 JavaScript \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u043b\u043e\u0441\u044c \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 <code\n    class=\"inline-code\">javascript.enabled<\/code> \u0432\n  \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 <code class=\"inline-code\">false<\/code>. \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u0441\u0442\u0435\u043a\u0430 LARS \u0431\u044b\u043b\u0430 \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0430 \u043f\u0440\u0438\u043d\u0443\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f\n  \u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u043a\u0430 WASM \u043f\u0443\u0442\u0435\u043c \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 <code class=\"inline-code\">javascript.options.wasm<\/code> \u0432 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 <code\n    class=\"inline-code\">false<\/code>.<\/p>\n\n<p>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u043b\u0438, \u0447\u0442\u043e \u043e\u0431\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u044e\u0442 100% \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u0438 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 \u043d\u0430\n  \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430. \u0421\u0442\u0435\u043a SAHAR \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u043e\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u0438 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0438 JavaScript. \u0421\u0442\u0435\u043a LARS \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\n  \u0440\u0430\u0431\u043e\u0442\u043e\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442\u044c \u043a\u0430\u043a \u043f\u0440\u0438 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0438 JavaScript, \u0442\u0430\u043a \u0438 \u043f\u0440\u0438 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0438 WASM. \u0412\u043e \u0432\u0441\u0435\u0445 \u044d\u0442\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044f\u0442 \u043d\u0430\n  \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 HTML-\u0444\u043e\u0440\u043c \u0441 \u043f\u043e\u043b\u043d\u043e\u0439 (\u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0439) \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0447\u0442\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043e\u0442\u043a\u0430\u0437\u043e\u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u044c\n  \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430.<\/p>\n\n<h2 id=\"paragraph_3\">3. \u0425\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u041f\u041a \u0438 \u0442\u0435\u0441\u0442\u043e\u0432\u0430\u044f \u0441\u0440\u0435\u0434\u0430<\/h2>\n\n<p>\u0420\u0430\u0437\u0432\u0435\u0440\u0442\u044b\u0432\u0430\u043d\u0438\u0435 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445, \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u043e\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b, \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0438 \u043f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0435\u0442\u0435\u0432\u043e\u0433\u043e \u0442\u0440\u0430\u0444\u0438\u043a\u0430\n  \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u043b\u0438\u0441\u044c \u043d\u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u043c \u041f\u041a \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c\u0438 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0430\u043c\u0438:<\/p>\n\n<ul class=\"Q19rY1avfx\">\n  <li><strong>OS: <\/strong>Debian 12<\/li>\n  <li><strong>Browser: <\/strong>Mozilla Firefox Developer Edition 157.0b3 (64-bit), \u0431\u0435\u0437 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432<\/li>\n  <li><strong>Network environment: <\/strong>\u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439 loopback-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 <code class=\"inline-code\">127.0.0.1<\/code><\/li>\n  <li><strong>CPU: <\/strong>i5-12600K<\/li>\n  <li><strong>RAM: <\/strong>80GB DDR4<\/li>\n  <li><strong>GPU: <\/strong>RTX 3050 8GB<\/li>\n  <li><strong>SSD: <\/strong>Kingston KC600 256GB<\/li>\n<\/ul>\n\n<h2 id=\"paragraph_4\">4. \u041f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u043e\u0432 (Dev\/Debug \u0438 Release)<\/h2>\n\n<h3 class=\"r4YGJ4ajky\">\u042d\u0442\u0430\u043f 1: \u041f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u0440\u0435\u0436\u0438\u043c\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 (Dev\/Debug)<\/h3>\n\n<p>\u041d\u0430 \u043f\u0435\u0440\u0432\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u0441\u0431\u043e\u0440\u043a\u0430 \u0438 \u0437\u0430\u043f\u0443\u0441\u043a \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u043b\u0438\u0441\u044c \u0432 \u0440\u0435\u0436\u0438\u043c\u0435 \u043e\u0442\u043b\u0430\u0434\u043a\u0438 \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043c\u0430\u043d\u0434\u044b <code\n    class=\"inline-code\">cargo leptos watch<\/code> (LARS) \u0438 <code class=\"inline-code\">cargo run<\/code> (SAHAR).<\/p>\n\n<div class=\"hDjNLdawqX\">\n  <p><strong>\u0410\u043d\u0430\u043b\u0438\u0437 \u043c\u0435\u0442\u0440\u0438\u043a LARS (Dev\/Debug)<\/strong><\/p>\n<\/div>\n\n<p>\u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433 \u0441\u0435\u0442\u0435\u0432\u043e\u0433\u043e \u0442\u0440\u0430\u0444\u0438\u043a\u0430 \u0432\u044b\u044f\u0432\u0438\u043b \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u043a\u043b\u0430\u0434\u043d\u044b\u0435 \u0440\u0430\u0441\u0445\u043e\u0434\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b SPA.\n  \u0421\u0443\u043c\u043c\u0430\u0440\u043d\u0430\u044f \u0441\u0435\u0442\u0435\u0432\u0430\u044f \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043f\u0440\u0438 \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u043e\u0439 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0430 7.75 MB \u0437\u0430 6 HTTP-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432.\n  \u0414\u043b\u044f \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u043e\u0439 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0432\u044b\u043d\u0443\u0436\u0434\u0435\u043d \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u043d\u0435\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0431\u0438\u043d\u0430\u0440\u043d\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c WASM\n  (<code class=\"inline-code\">.wasm<\/code>) \u043e\u0431\u044a\u0435\u043c\u043e\u043c 7.66 MB, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0439 \u043f\u043e\u043b\u043d\u044b\u0439 \u0434\u0432\u0438\u0436\u043e\u043a \u0440\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0438 \u043e\u0442\u043b\u0430\u0434\u043e\u0447\u043d\u044b\u0435 \u0441\u0438\u043c\u0432\u043e\u043b\u044b.\n  \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0434\u0430\u043d\u043d\u043e\u0433\u043e\n  \u043c\u043e\u0434\u0443\u043b\u044f \u0441 DOM-\u0434\u0435\u0440\u0435\u0432\u043e\u043c \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043d\u0430\u043b\u0438\u0447\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e JavaScript-\u043c\u043e\u0441\u0442\u0430 \u043e\u0431\u044a\u0435\u043c\u043e\u043c 58.28 kB. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0431\u0430\u0437\u043e\u0432\u044b\u0439\n  HTML-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 19.76 kB, \u0442\u0430\u043a \u043a\u0430\u043a \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432 \u0441\u0435\u0431\u044f \u043c\u0430\u0441\u0441\u0438\u0432 \u0441\u0435\u0440\u0438\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0445 \u0434\u043b\u044f \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430\n  \u0433\u0438\u0434\u0440\u0430\u0442\u0430\u0446\u0438\u0438 (\u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f) \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0435.<\/p>\n\n<div class=\"skyhXVV6mH\">\n  <div class=\"blog_post_image_wrap\">\n    <div class=\"blog_post_image\">\n      <a href=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--1-lars.webp\" data-lbwps-width=\"5575\"\n        data-lbwps-height=\"3717\"\n        data-lbwps-srcsmall=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--1-lars.webp\"><img\n          decoding=\"async\" src=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--1-lars.webp\"\n          alt=\"ssh-keygen\"><\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"blog_post_screenshot_number\">\n    <p>\u0421\u043a\u0440\u0438\u043d 1: \u0410\u043d\u0430\u043b\u0438\u0437 \u043c\u0435\u0442\u0440\u0438\u043a LARS (Dev\/Debug)\n    <\/p>\n  <\/div>\n<\/div>\n\n<div class=\"hDjNLdawqX\">\n  <p><strong>\u0410\u043d\u0430\u043b\u0438\u0437 \u043c\u0435\u0442\u0440\u0438\u043a SAHAR (Dev\/Debug)<\/strong><\/p>\n<\/div>\n\n<p>\n  \u0421\u0443\u043c\u043c\u0430\u0440\u043d\u0430\u044f \u0441\u0435\u0442\u0435\u0432\u0430\u044f \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043f\u0440\u0438 \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u043e\u0439 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0430 91.11 kB \u0437\u0430 4 HTTP-\u0437\u0430\u043f\u0440\u043e\u0441\u0430.\n  \u041f\u0435\u0440\u0435\u0445\u043e\u0434 \u043d\u0430 \u0433\u0438\u043f\u0435\u0440\u043c\u0435\u0434\u0438\u0439\u043d\u0443\u044e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u043f\u0440\u043e\u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043b \u0440\u0430\u0434\u0438\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044e \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0430 \u043e\u0431\u043c\u0435\u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0443\u0436\u0435 \u043d\u0430 \u044d\u0442\u0430\u043f\u0435\n  \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438. \u0421\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0439 \u043e\u0431\u044a\u0435\u043c HTML-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u0441\u043e\u0441\u0442\u0430\u0432\u0438\u043b 2.60 kB. \u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f\n  \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u044b\u043c \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u043c HTMX (\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0431\u0430\u0437\u043e\u0432\u0430\u044f \u043c\u0438\u043d\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f <code\n    class=\"inline-code\">htmx.min.js<\/code> \u0431\u0435\u0437 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e GZIP-\u0441\u0436\u0430\u0442\u0438\u044f) \u043e\u0431\u044a\u0435\u043c\u043e\u043c 79.76 kB. \u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0432 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435\n  WASM \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e DOM \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442.<\/p>\n\n<div class=\"skyhXVV6mH\">\n  <div class=\"blog_post_image_wrap\">\n    <div class=\"blog_post_image\">\n      <a href=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--1-sahar.webp\" data-lbwps-width=\"5575\"\n        data-lbwps-height=\"3717\"\n        data-lbwps-srcsmall=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--1-sahar.webp\"><img\n          decoding=\"async\" src=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--1-sahar.webp\"\n          alt=\"ssh-keygen\"><\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"blog_post_screenshot_number\">\n    <p>\u0421\u043a\u0440\u0438\u043d 2: \u0410\u043d\u0430\u043b\u0438\u0437 \u043c\u0435\u0442\u0440\u0438\u043a SAHAR (Dev\/Debug)\n    <\/p>\n  <\/div>\n<\/div>\n\n\n<h3 class=\"r4YGJ4ajky\">\u042d\u0442\u0430\u043f 2: \u041f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u0440\u0435\u0436\u0438\u043c\u0435 \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438 (Release)<\/h3>\n\n<p>\u041d\u0430 \u0432\u0442\u043e\u0440\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u043a \u043e\u0431\u043e\u0438\u043c \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u0430\u043c \u0431\u044b\u043b\u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u044b \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0440\u0435\u043b\u0438\u0437\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u043d\u044b\u0435 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 Rust (LLVM opt-level 3:\n  Function Inlining, Constant Folding, Dead Code Elimination) \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c\u044b\u0435 \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043c\u0430\u043d\u0434\u044b <code\n    class=\"inline-code\">cargo leptos serve --release<\/code> (LARS) \u0438 <code\n    class=\"inline-code\">cargo run --release<\/code> (SAHAR). \u041a\u043e\u043c\u0430\u043d\u0434\u044b \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u043b\u0438\u0441\u044c \u0431\u0435\u0437 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0432 <code\n    class=\"inline-code\">Cargo.toml<\/code>.<\/p>\n\n<div class=\"hDjNLdawqX\">\n  <p><strong>\u0410\u043d\u0430\u043b\u0438\u0437 \u043c\u0435\u0442\u0440\u0438\u043a LARS (Release)<\/strong><\/p>\n<\/div>\n\n<p>\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430\u044f \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0435\u043b\u0438\u0437\u043d\u043e\u0439 \u0441\u0431\u043e\u0440\u043a\u0438 \u043f\u0440\u043e\u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043b\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b.\n  \u0421\u0443\u043c\u043c\u0430\u0440\u043d\u0430\u044f \u0441\u0435\u0442\u0435\u0432\u0430\u044f \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043f\u0440\u0438 \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u043e\u0439 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0430 806.31 kB \u0437\u0430 5 HTTP-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432.\n  \u041e\u0431\u044a\u0435\u043c \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0435\u043c\u043e\u0433\u043e WASM-\u043c\u043e\u0434\u0443\u043b\u044f\n  \u0441\u043e\u043a\u0440\u0430\u0442\u0438\u043b\u0441\u044f \u0434\u043e 771.96 kB, \u0440\u0430\u0437\u043c\u0435\u0440 JavaScript-\u043c\u043e\u0441\u0442\u0430 \u0443\u043c\u0435\u043d\u044c\u0448\u0438\u043b\u0441\u044f \u0434\u043e 25.47 kB, \u0430 HTML-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u0434\u043e 1.89 kB. \u041e\u0434\u043d\u0430\u043a\u043e\n  \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u00ab\u0422\u043e\u043b\u0441\u0442\u043e\u0433\u043e \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u00bb \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f: \u043f\u0440\u0438 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u043c \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 \u0434\u0430\u043d\u043d\u044b\u0445\n  (\u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435\/\u0447\u0442\u0435\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0430) LARS \u0438\u043d\u0438\u0446\u0438\u0438\u0440\u0443\u0435\u0442 \u0434\u0432\u0430 \u0440\u0430\u0437\u0434\u0435\u043b\u044c\u043d\u044b\u0445 POST-\u0437\u0430\u043f\u0440\u043e\u0441\u0430 (<code class=\"inline-code\">save_content<\/code>\n  \u0438 <code class=\"inline-code\">get_content<\/code>), \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u044f \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0443 \u0441\u0435\u0440\u0438\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 JSON. \u041d\u0435\u0441\u043c\u043e\u0442\u0440\u044f\n  \u043d\u0430 \u043c\u0430\u043b\u044b\u0439 \u043e\u0431\u044a\u0435\u043c \u043f\u0430\u043a\u0435\u0442\u043e\u0432 (\u043f\u043e 123 B), \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0432\u044b\u043d\u0443\u0436\u0434\u0435\u043d \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0430\u043d\u0430\u043b\u0438\u0437 (\u043f\u0430\u0440\u0441\u0438\u043d\u0433) \u043f\u0435\u0440\u0435\u0434\u0430\u043d\u043d\u043e\u0433\u043e JSON,\n  \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u043e\u043c WASM-\u0434\u0432\u0438\u0436\u043a\u0430, \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0442\u044c \u0440\u0430\u0437\u043d\u0438\u0446\u0443 (diff) \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e DOM \u0438 \u043b\u0438\u0448\u044c \u0437\u0430\u0442\u0435\u043c \u0438\u043d\u0438\u0446\u0438\u0438\u0440\u043e\u0432\u0430\u0442\u044c\n  \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u043a\u0443 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430.<\/p>\n\n<div class=\"skyhXVV6mH\">\n  <div class=\"blog_post_image_wrap\">\n    <div class=\"blog_post_image\">\n      <a href=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--2-lars.webp\" data-lbwps-width=\"5575\"\n        data-lbwps-height=\"3717\"\n        data-lbwps-srcsmall=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--2-lars.webp\"><img\n          decoding=\"async\" src=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--2-lars.webp\"\n          alt=\"ssh-keygen\"><\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"blog_post_screenshot_number\">\n    <p>\u0421\u043a\u0440\u0438\u043d 3: \u0410\u043d\u0430\u043b\u0438\u0437 \u043c\u0435\u0442\u0440\u0438\u043a LARS (Release)\n    <\/p>\n  <\/div>\n<\/div>\n\n<div class=\"hDjNLdawqX\">\n  <p><strong>\u0410\u043d\u0430\u043b\u0438\u0437 \u043c\u0435\u0442\u0440\u0438\u043a SAHAR (Release)<\/strong><\/p>\n<\/div>\n\n<p>\n  \u0421\u0443\u043c\u043c\u0430\u0440\u043d\u0430\u044f \u0441\u0435\u0442\u0435\u0432\u0430\u044f \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043f\u0440\u0438 \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u043e\u0439 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0430 91.11 kB \u0437\u0430 4 HTTP-\u0437\u0430\u043f\u0440\u043e\u0441\u0430. \u041d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435\n  \u043a\u043b\u0438\u0435\u043d\u0442\u0430\n  \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u043b\u0430 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u043b\u0435\u0433\u043a\u043e\u0432\u0435\u0441\u043d\u043e\u0441\u0442\u0438: \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0439 HTML \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 2.60 kB.\n  \u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u043e\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u043c (\u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0438 \u0438\u043b\u0438\n  \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0442\u0435\u043a\u0441\u0442\u0430): \u0432\u043c\u0435\u0441\u0442\u043e \u043e\u0431\u043c\u0435\u043d\u0430 JSON-\u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0441\u0435\u0440\u0432\u0435\u0440 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u043c\u0438\u043a\u0440\u043e\u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 HTML \u043e\u0431\u044a\u0435\u043c\u043e\u043c \u0432\u0441\u0435\u0433\u043e\n  1.77 kB. \u0411\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0430\u0442\u0438\u0432\u043d\u043e \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u0443\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0439 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u0432 \u0446\u0435\u043b\u0435\u0432\u043e\u0439 \u0443\u0437\u0435\u043b DOM-\u0434\u0435\u0440\u0435\u0432\u0430 \u0431\u0435\u0437 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445\n  \u0432\u044b\u0447\u0438\u0441\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0439.<\/p>\n\n<div class=\"skyhXVV6mH\">\n  <div class=\"blog_post_image_wrap\">\n    <div class=\"blog_post_image\">\n      <a href=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--2-sahar.webp\" data-lbwps-width=\"5575\"\n        data-lbwps-height=\"3717\"\n        data-lbwps-srcsmall=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--2-sahar.webp\"><img\n          decoding=\"async\" src=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--2-sahar.webp\"\n          alt=\"ssh-keygen\"><\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"blog_post_screenshot_number\">\n    <p>\u0421\u043a\u0440\u0438\u043d 4: \u0410\u043d\u0430\u043b\u0438\u0437 \u043c\u0435\u0442\u0440\u0438\u043a SAHAR (Release)\n    <\/p>\n  <\/div>\n<\/div>\n\n<h2 id=\"paragraph_5\">5. \u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u043e\u0433\u043e HTML-\u043e\u0442\u0432\u0435\u0442\u0430<\/h2>\n\n<h3>\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u043e\u0433\u043e HTML-\u043e\u0442\u0432\u0435\u0442\u0430 LARS (Release)<\/h3>\n\n\n<pre class=\"wp-block-code lang-html line-numbers fu2Zd5ScDN\"><code>&lt;!DOCTYPE html>\n&lt;html lang=\"en\">\n\n&lt;head>\n\t&lt;meta charset=\"utf-8\">\n\t&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\t&lt;!>\n\t\t&lt;link rel=\"modulepreload\" href=\"\/pkg\/enter_text_lars.js\" crossorigin=\"Lsr7NfkNhwfrD_wwUzAssQ\">\n\t\t&lt;link rel=\"preload\" href=\"\/pkg\/enter_text_lars.wasm\" as=\"fetch\" type=\"application\/wasm\"\n\t\t\tcrossorigin=\"Lsr7NfkNhwfrD_wwUzAssQ\">\n\t\t&lt;script type=\"module\" nonce=\"Lsr7NfkNhwfrD_wwUzAssQ\">(function (root, pkg_path, output_name, wasm_output_name) {\n\t\t\t\timport(`${root}\/${pkg_path}\/${output_name}.js`)\n\t\t\t\t\t.then(mod => {\n\t\t\t\t\t\tmod.default({ module_or_path: `${root}\/${pkg_path}\/${wasm_output_name}.wasm` }).then(() => {\n\t\t\t\t\t\t\tmod.hydrate();\n\t\t\t\t\t\t});\n\t\t\t\t\t})\n\t\t\t})\n\t\t\t\t(\"\", \"pkg\", \"enter_text_lars\", \"enter_text_lars\");&lt;\/script>&lt;!--HEAD-->\n\t\t&lt;link id=\"leptos\" rel=\"stylesheet\" href=\"\/pkg\/enter_text_lars.css\">\n\t\t&lt;title>Enter Text (LARS)&lt;\/title>\n&lt;\/head>\n\n&lt;body>\n\t&lt;main>\n\t\t&lt;div class=\"container\">\n\t\t\t&lt;h1 class=\"title\">Enter Text (LARS)&lt;\/h1>\n\t\t\t&lt;div class=\"card\">\n\t\t\t\t&lt;p class=\"card-label\">Text from ScyllaDB:&lt;\/p>\n\t\t\t\t&lt;h2 class=\"db-text\">Sample text&lt;\/h2>\n\t\t\t\t&lt;hr class=\"separator\">\n\t\t\t\t&lt;div class=\"controls\">\n\t\t\t\t\t&lt;form action=\"\/api\/save_content18064880299772172936\" method=\"post\">\n\t\t\t\t\t\t&lt;div class=\"input-row\">&lt;input type=\"text\" name=\"content\" placeholder=\"Enter text...\"\n\t\t\t\t\t\t\t\tclass=\"input-field\">&lt;button type=\"submit\" class=\"btn btn-black\">Update&lt;\/button>&lt;\/div>\n\t\t\t\t\t&lt;\/form>\n\t\t\t\t\t&lt;form action=\"\/api\/delete_content18064880299772172936\" method=\"post\">&lt;button type=\"submit\"\n\t\t\t\t\t\t\tclass=\"btn btn-red\">Delete&lt;\/button>&lt;\/form>\n\t\t\t\t&lt;\/div>\n\t\t\t&lt;\/div>\n\t\t&lt;\/div>\n\t&lt;\/main>\n&lt;\/body>\n\n&lt;\/html>\n&lt;script\n\tnonce=\"Lsr7NfkNhwfrD_wwUzAssQ\">__RESOLVED_RESOURCES = &#91;]; __SERIALIZED_ERRORS = &#91;]; __PENDING_RESOURCES = &#91;0,]; __RESOURCE_RESOLVERS = &#91;];&lt;\/script>\n&lt;script nonce=\"Lsr7NfkNhwfrD_wwUzAssQ\">__RESOLVED_RESOURCES&#91;0] = \"\\\"Sample   text\\\"\";&lt;\/script>\n&lt;script nonce=\"Lsr7NfkNhwfrD_wwUzAssQ\">__INCOMPLETE_CHUNKS = &#91;];&lt;\/script><\/code><\/pre>\n\n\n<p>\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 LARS \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 (SSR). \u0414\u0430\u043d\u043d\u044b\u0435: <code\n    class=\"inline-code\">&lt;h2&gt;Sample text&lt;\/h2&gt;<\/code> \u0443\u0436\u0435 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u044b \u0432 DOM-\u0434\u0435\u0440\u0435\u0432\u043e \u043d\u0430 \u043c\u043e\u043c\u0435\u043d\u0442 \u043e\u0442\u0434\u0430\u0447\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b\n  \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u043c. \u042d\u0442\u043e \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442 \u043e\u0442\u043b\u0438\u0447\u043d\u044b\u0435 SEO \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438, \u0442\u0430\u043a \u043a\u0430\u043a \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0435 \u0440\u043e\u0431\u043e\u0442\u044b \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e \u0438\u043d\u0434\u0435\u043a\u0441\u0438\u0440\u0443\u044e\u0442 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0431\u0435\u0437\n  \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c JavaScript.<\/p>\n\n<p>\u041e\u0434\u043d\u0430\u043a\u043e \u0430\u043d\u0430\u043b\u0438\u0437 \u0432\u044b\u044f\u0432\u043b\u044f\u0435\u0442 \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442 \u043c\u0435\u0436\u0434\u0443 \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u043e\u0439 SPA-\u0433\u0438\u0434\u0440\u0430\u0442\u0430\u0446\u0438\u0438 \u0438 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438\n  \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c\u0438 \u043a\u0438\u0431\u0435\u0440\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438. \u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b WASM-\u043a\u043b\u0438\u0435\u043d\u0442 \u043d\u0435 \u0434\u0435\u043b\u0430\u043b \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u044b\u0439 \u00ab\u0445\u043e\u043b\u043e\u0441\u0442\u043e\u0439\u00bb \u0437\u0430\u043f\u0440\u043e\u0441 \u0432 \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u0440\u0438\n  \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a Leptos \u0432\u044b\u043d\u0443\u0436\u0434\u0435\u043d \u0441\u0435\u0440\u0438\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445 (<code\n    class=\"inline-code\">__RESOLVED_RESOURCES<\/code>) \u0438 \u0432\u043d\u0435\u0434\u0440\u044f\u0442\u044c \u0435\u0433\u043e \u043f\u0440\u044f\u043c\u043e \u0432 HTML-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0432 \u0432\u0438\u0434\u0435 \u0438\u043d\u043b\u0430\u0439\u043d\u043e\u0432\u043e\u0433\u043e\n  (\u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0433\u043e) \u0441\u043a\u0440\u0438\u043f\u0442\u0430, \u0442\u0443\u0434\u0430 \u0436\u0435 \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u0441\u043a\u0440\u0438\u043f\u0442 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u0430\u043c\u043e\u0433\u043e WASM-\u043c\u043e\u0434\u0443\u043b\u044f.<\/p>\n\n<p>\u0421 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u043a\u0438\u0431\u0435\u0440\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438, \u043d\u0430\u043b\u0438\u0447\u0438\u0435 \u043b\u044e\u0431\u044b\u0445 \u0438\u043d\u043b\u0430\u0439\u043d\u043e\u0432\u044b\u0445 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0443\u044f\u0437\u0432\u0438\u043c\u043e\u0441\u0442\u044c\u044e \u0434\u043b\u044f XSS-\u0430\u0442\u0430\u043a\n  (Cross-Site Scripting). \u0427\u0442\u043e\u0431\u044b \u0437\u0430\u0449\u0438\u0442\u0438\u0442\u044c \u0441\u0438\u0441\u0442\u0435\u043c\u0443, \u0432\u043d\u0435\u0434\u0440\u044f\u0435\u0442\u0441\u044f \u0441\u0442\u0440\u043e\u0433\u0430\u044f \u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 CSP (Content Security Policy),\n  \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u044e\u0449\u0430\u044f\n  \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043b\u044e\u0431\u043e\u0433\u043e \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430. \u0418 \u0438\u043c\u0435\u043d\u043d\u043e \u0437\u0434\u0435\u0441\u044c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 LARS \u0441\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u043d\u0435\u0438\u0437\u0431\u0435\u0436\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0441\u043e\u043c: \u0447\u0442\u043e\u0431\u044b\n  \u0440\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u044c \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0445 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 Leptos, \u043d\u043e \u0437\u0430\u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u0437\u043b\u043e\u0443\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u0438\u043a\u043e\u0432, \u0441\u0435\u0440\u0432\u0435\u0440 Actix\n  Web\n  \u043f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u043c HTTP-\u0437\u0430\u043f\u0440\u043e\u0441\u0435 \u0432\u044b\u043d\u0443\u0436\u0434\u0435\u043d \u0442\u0440\u0430\u0442\u0438\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043d\u0430 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044e \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u0440\u0438\u043f\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043a\u043b\u044e\u0447\u0430 \u2014\n  <code class=\"inline-code\">nonce<\/code> (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <code class=\"inline-code\">nonce=\"Lsr7NfkNhwfrD_wwUzAssQ\"<\/code>).\n  \u0421\u0435\u0440\u0432\u0435\u0440\n  \u0434\u043e\u043b\u0436\u0435\u043d \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u043d\u0435\u0434\u0440\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043b\u044e\u0447 \u043a\u0430\u043a \u0432 HTTP-\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438, \u0442\u0430\u043a \u0438 \u0432 \u043a\u0430\u0436\u0434\u044b\u0439 \u0442\u0435\u0433 <code\n    class=\"inline-code\">&lt;script&gt;<\/code> \u0432 DOM-\u0434\u0435\u0440\u0435\u0432\u0435. \u042d\u0442\u043e\u0442 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c LARS, \u043d\u043e \u043e\u043d \u043d\u0435\u0438\u0437\u0431\u0435\u0436\u043d\u043e\n  \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0435\u0442 \u0432\u044b\u0447\u0438\u0441\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u0438 \u0443\u0441\u043b\u043e\u0436\u043d\u044f\u0435\u0442 \u043a\u043e\u043d\u0432\u0435\u0439\u0435\u0440 \u043e\u0442\u0434\u0430\u0447\u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430.\n<\/p>\n\n<p>\u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0441\u0442\u043e\u0438\u0442 \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c \u0432\u044b\u0441\u043e\u043a\u0438\u0439 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f Leptos: \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \"\u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438\" \u043f\u043e\u043e\u0449\u0440\u044f\u0435\u0442 \u0441\u043e\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435\n  \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0438\n  Progressive Enhancement. \u0414\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0431\u0430\u0437\u043e\u0432\u044b\u0439 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 <code\n    class=\"inline-code\">&lt;ActionForm action=save_content_action&gt;<\/code>, \u0438 \u043f\u0440\u0438 SSR-\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 Leptos \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\n  \u0441\u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0443\u044e \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 \u0441 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 HTML-\u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430\u043c\u0438 <code class=\"inline-code\">action<\/code> \u0438 <code\n    class=\"inline-code\">method<\/code>. \u042d\u0442\u043e \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442, \u0447\u0442\u043e \u0435\u0441\u043b\u0438 WASM-\u043c\u043e\u0434\u0443\u043b\u044c \u043d\u0435 \u0441\u043a\u0430\u0447\u0430\u0435\u0442\u0441\u044f\n  \u0438\u0437-\u0437\u0430 \u0441\u0435\u0442\u0435\u0432\u043e\u0433\u043e \u0441\u0431\u043e\u044f \u0438\u043b\u0438 \u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u043a\u0438, \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0434\u0435\u0442 \u0447\u0435\u0440\u0435\u0437 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0443 \u0444\u043e\u0440\u043c\u044b \u0441 \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u043e\u0439\n  \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n\n<h3 class=\"ek7JBNLiKW\">\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u043e\u0433\u043e HTML-\u043e\u0442\u0432\u0435\u0442\u0430 SAHAR (Release)<\/h3>\n\n\n<pre class=\"wp-block-code lang-html line-numbers fu2Zd5ScDN\"><code>&lt;!DOCTYPE html>\n&lt;html lang=\"en\">\n\n&lt;head>\n    &lt;meta charset=\"utf-8\" \/>\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n    &lt;title>Enter Text (SAHAR)&lt;\/title>\n    &lt;!-- HTMX Configuration: disable inline indicator styles to comply with strict CSP -->\n    &lt;meta name=\"htmx-config\" content='{\"includeIndicatorStyles\": false}'>\n    &lt;link rel=\"stylesheet\" href=\"\/static\/style.css\" \/>\n    &lt;link rel=\"icon\" type=\"image\/x-icon\" href=\"\/static\/favicon.ico\" \/>\n\n    &lt;!-- Include HTMX -->\n    &lt;script src=\"\/static\/htmx.min.js?v=4.0.0\">&lt;\/script>\n&lt;\/head>\n\n&lt;body>\n    &lt;div class=\"container\">\n        &lt;h1 class=\"title\">Enter Text (SAHAR)&lt;\/h1>\n\n        &lt;div class=\"card\" id=\"content-card\">\n            &lt;p class=\"card-label\">Text from ScyllaDB:&lt;\/p>\n\n&lt;div class=\"text-wrapper\">\n    &lt;!-- Askama automatically escapes Sample text, preventing XSS attacks -->\n    &lt;h2 class=\"db-text\">Sample text&lt;\/h2>\n&lt;\/div>\n\n&lt;hr class=\"separator\" \/>\n\n&lt;div class=\"controls\">\n\n    &lt;!-- Save\/Update form (works with JS via HTMX and without JS) -->\n    &lt;form action=\"\/api\/content\" method=\"POST\" hx-post=\"\/api\/content\" hx-target=\"#content-card\" hx-swap=\"innerHTML\"\n        hx-indicator=\"#content-card\">\n\n        &lt;div class=\"input-row\">\n            &lt;!-- Added maxlength=\"1000\" for client-side protection against huge data inputs -->\n            &lt;input type=\"text\" name=\"content\" placeholder=\"Enter text...\" class=\"input-field\" autocomplete=\"off\"\n                required maxlength=\"1000\" \/>\n            &lt;button type=\"submit\" class=\"btn btn-black\">\n                Update\n            &lt;\/button>\n        &lt;\/div>\n    &lt;\/form>\n\n    &lt;!-- Delete text form (works with JS via HTMX and without JS) -->\n    \n    &lt;form action=\"\/api\/content\/delete\" method=\"POST\" hx-post=\"\/api\/content\/delete\" hx-target=\"#content-card\"\n        hx-swap=\"innerHTML\" hx-indicator=\"#content-card\">\n        &lt;button type=\"submit\" class=\"btn btn-red\">Delete&lt;\/button>\n    &lt;\/form>\n    \n&lt;\/div>\n        &lt;\/div>\n    &lt;\/div>\n&lt;\/body>\n\n&lt;\/html><\/code><\/pre>\n\n\n<p>\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 SAHAR \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u044d\u0442\u0430\u043b\u043e\u043d\u043d\u043e \u0447\u0438\u0441\u0442\u044b\u0439, \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 HTML-\u043a\u043e\u0434. \u0414\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 ScyllaDB \u0432\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 \u043d\u0430\n  \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 (Askama), \u0447\u0442\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u0443\u044e SEO-\u0438\u043d\u0434\u0435\u043a\u0441\u0430\u0446\u0438\u044e \u0438 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u0443\u044e \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0443 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430.<\/p>\n\n<p>\u0412 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 \u043a\u0438\u0431\u0435\u0440\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 SAHAR \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0438\u0440\u0443\u0435\u0442 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0443\u044e \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0441\u0442\u044c. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435\n  \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e\n  \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u0438\u043d\u043b\u0430\u0439\u043d\u043e\u0432\u044b\u0435 \u0441\u043a\u0440\u0438\u043f\u0442\u044b,\n  \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0435 \u0431\u043b\u043e\u043a\u0438 \u0441\u0435\u0440\u0438\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e JSON-\u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0438\u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u044b\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0438, \u0434\u043b\u044f HTML-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u043e\u0442\u043f\u0430\u0434\u0430\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c\n  \u0432\n  \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438\n  \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0435\u043c\u043a\u0438\u0445 <code class=\"inline-code\">nonce<\/code>-\u0445\u044d\u0448\u0435\u0439. \u0412\u0441\u044f \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0434\u0435\u043a\u043b\u0430\u0440\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0447\u0435\u0440\u0435\u0437\n  \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0441\u043a\u0440\u0438\u043f\u0442\u0430 HTMX (<code class=\"inline-code\">hx-post<\/code>, <code\n    class=\"inline-code\">hx-target<\/code>).<\/p>\n\n<p>\u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u0433\u043e \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u043d\u0435\u0434\u0440\u0438\u0442\u044c \u0431\u0435\u0441\u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0441\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 CSP, \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e\n  \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0432 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0443 <code class=\"inline-code\">'unsafe-inline'<\/code> \u043a\u0430\u043a \u0434\u043b\u044f \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 (<code\n    class=\"inline-code\">script-src 'self'<\/code>), \u0442\u0430\u043a \u0438 \u0434\u043b\u044f \u0441\u0442\u0438\u043b\u0435\u0439 (<code class=\"inline-code\">style-src 'self'<\/code>).\n<\/p>\n\n<p>\u0427\u0442\u043e\u0431\u044b \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0436\u0435\u0441\u0442\u043a\u0438\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438, \u044f \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043b \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 HTMX, \u0437\u0430\u043f\u0440\u0435\u0442\u0438\u0432 \u0435\u043c\u0443\n  \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u043d\u0435\u0434\u0440\u044f\u0442\u044c \u0441\u0442\u0438\u043b\u0438 \u0432 DOM-\u0434\u0435\u0440\u0435\u0432\u043e (\u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e <code\n    class=\"inline-code\">&lt;meta name=\"htmx-config\" content='{\"includeIndicatorStyles\": false}'&gt;<\/code>) \u0432 \u0444\u0430\u0439\u043b\u0435\n  <code class=\"inline-code\">index.html<\/code>, \u0438 \u043f\u0435\u0440\u0435\u043d\u0435\u0441\n  \u0432\u0441\u044e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u0443\u044e \u043b\u043e\u0433\u0438\u043a\u0443 \u0432 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0439 \u0432\u043d\u0435\u0448\u043d\u0438\u0439 CSS-\u0444\u0430\u0439\u043b (<code class=\"inline-code\">style.css<\/code>). \u0422\u0430\u043a\u043e\u0439\n  \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0439\n  \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043f\u0440\u0435\u0432\u0435\u043d\u0442\u0438\u0432\u043d\u043e \u0441\u0443\u0436\u0430\u0435\u0442 \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u044c \u0430\u0442\u0430\u043a\u0438\n  \u0434\u043e \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e\u0433\u043e \u043c\u0438\u043d\u0438\u043c\u0443\u043c\u0430, \u0434\u0435\u043b\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043d\u0435\u0443\u044f\u0437\u0432\u0438\u043c\u043e\u0439 \u043a\u0430\u043a \u0434\u043b\u044f XSS (Cross-Site Scripting), \u0442\u0430\u043a \u0438 \u0434\u043b\u044f\n  CSS-\u0438\u043d\u044a\u0435\u043a\u0446\u0438\u0439\n  (UI Redressing).\n<\/p>\n<p>\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u0438 \u043a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0430\u0436\u043d\u044b\u043c \u0443\u0440\u043e\u0432\u043d\u0435\u043c \u043a\u0438\u0431\u0435\u0440\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0441\u0442\u0435\u043a\u0430 SAHAR \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0437\u0430\u0449\u0438\u0442\u0430 \u043e\u0442 \u043c\u0435\u0436\u0441\u0430\u0439\u0442\u043e\u0432\u043e\u0439 \u043f\u043e\u0434\u0434\u0435\u043b\u043a\u0438\n  \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 (CSRF). \u0412 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0445 SPA, \u0433\u0434\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u043c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442 CSRF-\u0442\u043e\u043a\u0435\u043d\u043e\u0432, \u0441\u0432\u044f\u0437\u043a\u0430 HTMX \u0438 Actix\n  Web \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u043b\u0435\u0433\u0430\u043d\u0442\u043d\u044b\u0439 \u0438 \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 Anti-CSRF Middleware. \u0421\u0435\u0440\u0432\u0435\u0440 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0436\u0435\u0441\u0442\u043a\u043e\n  \u0432\u0430\u043b\u0438\u0434\u0438\u0440\u0443\u0435\u0442 HTTP-\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 <code class=\"inline-code\">Origin<\/code> \u0438 <code class=\"inline-code\">Referer<\/code>.\n  \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0441\u043a\u0440\u0438\u043f\u0442 HTMX \u043d\u0430\u0442\u0438\u0432\u043d\u043e \u0438 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442 \u044d\u0442\u0438 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u043f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u043c\u0443\u0442\u0430\u0446\u0438\u0438 \u0434\u0430\u043d\u043d\u044b\u0445, \u0431\u044d\u043a\u0435\u043d\u0434 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u0442\n  \u043b\u044e\u0431\u044b\u0435 <code class=\"inline-code\">POST\/DELETE<\/code> \u0437\u0430\u043f\u0440\u043e\u0441\u044b, \u0438\u043d\u0438\u0446\u0438\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u0434\u043e\u043c\u0435\u043d\u043e\u0432. \u042d\u0442\u043e \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e\n  \u0438\u0441\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0435\u0440\u0435\u0445\u0432\u0430\u0442\u0430 \u0441\u0435\u0441\u0441\u0438\u0438 \u0438 \u0441\u043a\u0440\u044b\u0442\u043e\u0433\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u043a\u043e\u043c\u0430\u043d\u0434 \u043e\u0442 \u043b\u0438\u0446\u0430 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439\n  \u0441\u0435\u0442\u0438.<\/p>\n\n<h3 class=\"hUT9fhANKb\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438<\/h3>\n\n<p>\u0414\u043b\u044f \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 HTTP-\u0441\u0435\u0440\u0432\u0435\u0440\u0430, \u0432 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e Actix Web \u0432\u043d\u0435\u0434\u0440\u0435\u043d\n  \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0437\u0430\u0449\u0438\u0442\u043d\u044b\u0439 \u0441\u043b\u043e\u0439 (middleware). \u0414\u0430\u043d\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u043f\u0440\u0435\u0432\u0435\u043d\u0442\u0438\u0432\u043d\u043e \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u0442 \u0446\u0435\u043b\u044b\u0439 \u0432\u0435\u043a\u0442\u043e\u0440 \u0443\u044f\u0437\u0432\u0438\u043c\u043e\u0441\u0442\u0435\u0439: \u043e\u0442\n  DoS-\u0430\u0442\u0430\u043a \u0434\u043e Clickjacking \u0438 \u043f\u043e\u043f\u044b\u0442\u043e\u043a MIME-sniffing:<\/p>\n\n\n<pre class=\"wp-block-code lang-js line-numbers uONbVKQruS\"><code><code>.app_data(app_state.clone())\n            \/\/ \u041e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435 \u0432\u0445\u043e\u0434\u044f\u0449\u0438\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 (\u0417\u0430\u0449\u0438\u0442\u0430 \u043e\u0442 DoS-\u0430\u0442\u0430\u043a \u0447\u0435\u0440\u0435\u0437 \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0435 payload)\n            .app_data(web::FormConfig::default().limit(4096))\n            \/\/ \u0421\u0442\u0440\u043e\u0433\u0438\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 (\u041d\u0443\u043b\u0435\u0432\u0430\u044f \u0442\u0435\u0440\u043f\u0438\u043c\u043e\u0441\u0442\u044c \u043a 'unsafe-inline')\n            .wrap(\n                middleware::DefaultHeaders::new()\n                    \/\/ \u0417\u0430\u0449\u0438\u0442\u0430 \u043e\u0442 Clickjacking\n                    .add((\"X-Frame-Options\", \"DENY\"))\n                    \/\/ \u0417\u0430\u0449\u0438\u0442\u0430 \u043e\u0442 MIME-sniffing\n                    .add((\"X-Content-Type-Options\", \"nosniff\"))\n                    .add((\n                        \"Content-Security-Policy\",\n                        \/\/ \u0417\u0430\u043f\u0440\u0435\u0442 \u0438\u043d\u043b\u0430\u0439\u043d\u043e\u0432\u044b\u0445 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u0438 \u0441\u0442\u0438\u043b\u0435\u0439. \u0420\u0430\u0437\u0440\u0435\u0448\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 Origin ('self')\n                        \"default-src 'self'; script-src 'self'; style-src 'self';\",\n                    ))\n                    .add((\n                        \"Strict-Transport-Security\",\n                        \"max-age=31536000; includeSubDomains; preload\",\n                    ))\n                    .add((\"Referrer-Policy\", \"strict-origin-when-cross-origin\")),\n            )<\/code><\/code><\/pre>\n\n\n<p class=\"DjcObmXlzV\">\u041a\u0430\u043a \u0438 \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0441 LARS, \u0444\u043e\u0440\u043c\u044b \u0441\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u043f\u043e \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0443 Progressive Enhancement. \u041d\u0430\u043b\u0438\u0447\u0438\u0435\n  \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0445 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u0432\n  <code class=\"inline-code\">action<\/code> \u0438 <code class=\"inline-code\">method<\/code> \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442, \u0447\u0442\u043e \u0431\u0430\u0437\u043e\u0432\u044b\u0439\n  \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b CRUD\n  \u043e\u0442\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0431\u0435\u0437\u0443\u043f\u0440\u0435\u0447\u043d\u043e \u0434\u0430\u0436\u0435 \u0432 \u0441\u0440\u0435\u0434\u0435 \u0441 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044b\u043c JavaScript:\n<\/p>\n\n\n\n<pre class=\"wp-block-code lang-html line-numbers uONbVKQruS\"><code>&lt;!-- Save\/Update form (works with JS via HTMX and without JS) -->\n    &lt;form action=\"\/api\/content\" method=\"POST\" hx-post=\"\/api\/content\" hx-target=\"#content-card\" hx-swap=\"innerHTML\"\n        hx-indicator=\"#content-card\">\n\n        &lt;div class=\"input-row\">\n            &lt;!-- Added maxlength=\"1000\" for client-side protection against huge data inputs -->\n            &lt;input type=\"text\" name=\"content\" placeholder=\"Enter text...\" class=\"input-field\" autocomplete=\"off\"\n                required maxlength=\"1000\" \/>\n            &lt;button type=\"submit\" class=\"btn btn-black\">\n                {% if is_empty %}Add{% else %}Update{% endif %}\n            &lt;\/button>\n        &lt;\/div>\n    &lt;\/form><\/code><\/pre>\n\n\n<h3 class=\"DjcObmXlzV\">\u0421\u0440\u0430\u0432\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u043e\u0433\u043e HTML-\u043e\u0442\u0432\u0435\u0442\u0430<\/h3>\n\n<div class=\"Dca4vZefj7 C36t1RJmn2\">\n  <div class=\"chS81BeSuM\">\n    <table class=\"ezdHCkXrcq f5gt4koGS6\">\n      <thead>\n        <tr>\n          <th>\u041a\u0440\u0438\u0442\u0435\u0440\u0438\u0439<\/th>\n          <th>LARS (Leptos + WASM)<\/th>\n          <th>SAHAR (Askama + HTMX)<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td>SEO-\u0438\u043d\u0434\u0435\u043a\u0441\u0430\u0446\u0438\u044f<\/td>\n          <td>\u041e\u0442\u043b\u0438\u0447\u043d\u0430\u044f (SSR \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0432 DOM)<\/td>\n          <td>\u041e\u0442\u043b\u0438\u0447\u043d\u0430\u044f (SSR \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0432 DOM)<\/td>\n        <\/tr>\n        <tr>\n          <td>\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 HTML \u0438 \u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c (CSP)<\/td>\n          <td>\u0423\u0441\u043b\u043e\u0436\u043d\u0435\u043d\u043d\u0430\u044f: \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0438\u043d\u043b\u0430\u0439\u043d\u043e\u0432\u044b\u0445 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u0441\u0442\u0435\u0439\u0442\u0430 \u0438 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 'nonce-\u043a\u043b\u044e\u0447\u0435\u0439'<\/td>\n          <td>\u0427\u0438\u0441\u0442\u0430\u044f: \u043d\u0435\u0442 \u0438\u043d\u043b\u0430\u0439\u043d\u043e\u0432\u044b\u0445 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432, \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f 'nonce' \u0432 DOM \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f<\/td>\n        <\/tr>\n        <tr>\n          <td>\u041a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0430\u044f \u0433\u0438\u0434\u0440\u0430\u0442\u0430\u0446\u0438\u044f<\/td>\n          <td>\u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f (\u0441\u043a\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u0435 WASM \u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f)<\/td>\n          <td>\u041d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f (\u0442\u043e\u043b\u044c\u043a\u043e \u043c\u0438\u043a\u0440\u043e\u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u044b HTML)<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n<\/div>\n\n<h2 id=\"paragraph_6\">6. \u0421\u0440\u0430\u0432\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0430\u043d\u0430\u043b\u0438\u0437 \u0441\u0435\u0442\u0435\u0432\u043e\u0433\u043e \u043e\u0431\u043c\u0435\u043d\u0430 \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0434\u0430\u043d\u043d\u044b\u0445<\/h2>\n\n<h3 class=\"hUT9fhANKb\">\u041c\u0435\u0445\u0430\u043d\u0438\u043a\u0430 \u043e\u0431\u043c\u0435\u043d\u0430 LARS (2 POST-\u0437\u0430\u043f\u0440\u043e\u0441\u0430)<\/h3>\n<p>\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 LARS \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0438\u0437\u043e\u043c\u043e\u0440\u0444\u043d\u0443\u044e SPA-\u043c\u043e\u0434\u0435\u043b\u044c (Client-Side\n  Hydration), \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u0435\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043d\u0430 \u0434\u0432\u0430\n  \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0445 RPC-\u0448\u0430\u0433\u0430:<\/p>\n\n<ul>\n  <li><strong>\u0417\u0430\u043f\u0440\u043e\u0441 1, \u0440\u0430\u0437\u043c\u0435\u0440: 123 B (<code class=\"inline-code\">POST \/api\/save_content...<\/code>):<\/strong> \u041f\u0440\u0438\n    \u043d\u0430\u0436\u0430\u0442\u0438\u0438\n    \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0430 WASM-\u043c\u043e\u0434\u0443\u043b\u044c \u043f\u0435\u0440\u0435\u0445\u0432\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0444\u043e\u0440\u043c\u044b \u0438 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0443\u044e \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e.\n    \u041a\u043b\u0438\u0435\u043d\u0442 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u0435\u0440\u0438\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0439 JSON \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440. \u0425\u044d\u043d\u0434\u043b\u0435\u0440 Actix Web \u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u043d\u043e\u0432\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 ScyllaDB \u0438\n    \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442\n    \u043a\u043b\u0438\u0435\u043d\u0442\u0443 \u0431\u0430\u0437\u043e\u0432\u043e\u0435 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0439 \u0442\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u0438 (HTTP 200).<\/li>\n  <li><strong>\u0417\u0430\u043f\u0440\u043e\u0441 2, \u0440\u0430\u0437\u043c\u0435\u0440: 123 B (<code class=\"inline-code\">POST \/api\/get_content...<\/code>):<\/strong> \u041f\u043e\u043b\u0443\u0447\u0438\u0432\n    \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438, \u0440\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 Leptos \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u043c\u0435\u0447\u0430\u0435\u0442 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0439 \u0440\u0435\u0441\u0443\u0440\u0441 (<code\n      class=\"inline-code\">Resource<\/code>) \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0435 \u043a\u0430\u043a \"\u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439\" (\u0438\u043d\u0432\u0430\u043b\u0438\u0434\u0438\u0440\u0443\u0435\u0442 \u0435\u0433\u043e). \u0427\u0442\u043e\u0431\u044b \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435\n    \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435, WASM-\u043a\u043b\u0438\u0435\u043d\u0442 \u0432\u044b\u043d\u0443\u0436\u0434\u0435\u043d \u0438\u043d\u0438\u0446\u0438\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u0442\u043e\u0440\u043e\u0439 RPC-\u0437\u0430\u043f\u0440\u043e\u0441 \u0432 \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445. \u041e\u043d \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442 \u0441\u0432\u0435\u0436\u0435\u0435\n    \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435, \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0432 \u043e\u0442\u0432\u0435\u0442 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0439 JSON, \u043f\u0430\u0440\u0441\u0438\u0442 \u0435\u0433\u043e \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0438 \u043f\u0435\u0440\u0435\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442 Virtual DOM \u0434\u043b\u044f\n    \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u043a\u0438.<\/li>\n<\/ul>\n\n<div class=\"skyhXVV6mH\">\n  <div class=\"blog_post_image_wrap\">\n    <div class=\"blog_post_image\">\n      <a href=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--3-lars.webp\" data-lbwps-width=\"5575\"\n        data-lbwps-height=\"3717\"\n        data-lbwps-srcsmall=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--3-lars.webp\"><img\n          decoding=\"async\" src=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--3-lars.webp\"\n          alt=\"ssh-keygen\"><\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"blog_post_screenshot_number\">\n    <p>\u0421\u043a\u0440\u0438\u043d 5: \u041f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0435\u0442\u0435\u0432\u043e\u0433\u043e \u043e\u0431\u043c\u0435\u043d\u0430 LARS \u043f\u0440\u0438 \u043c\u0443\u0442\u0430\u0446\u0438\u0438 \u0434\u0430\u043d\u043d\u044b\u0445: \u0434\u0432\u0443\u0445\u044d\u0442\u0430\u043f\u043d\u044b\u0439 RPC-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\n      (\u0437\u0430\u043f\u0438\u0441\u044c JSON \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u0435 \u0447\u0442\u0435\u043d\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u0430)\n    <\/p>\n  <\/div>\n<\/div>\n\n<h3 class=\"hUT9fhANKb\">\u041c\u0435\u0445\u0430\u043d\u0438\u043a\u0430 \u043e\u0431\u043c\u0435\u043d\u0430 SAHAR (1 POST-\u0437\u0430\u043f\u0440\u043e\u0441)<\/h3>\n\n<p>\n  \u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 SAHAR \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043f\u043e \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c Hypermedia-Driven Application (HTMX + Askama + Actix Web), \u0433\u0434\u0435 \u043c\u0443\u0442\u0430\u0446\u0438\u044f\n  \u0434\u0430\u043d\u043d\u044b\u0445\n  \u0438 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u044b \u0432 \u043e\u0434\u043d\u0443 \u0430\u0442\u043e\u043c\u0430\u0440\u043d\u0443\u044e \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u0443\u044e \u0442\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u044e:<\/p>\n\n<ul>\n  <li><strong>\u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441, \u0440\u0430\u0437\u043c\u0435\u0440: 1.77 kB (<code class=\"inline-code\">POST \/api\/content<\/code>):<\/strong>\n    \u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 HTMX \u043f\u0435\u0440\u0435\u0445\u0432\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0443 \u0444\u043e\u0440\u043c\u044b \u0438 \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 \u043e\u0434\u0438\u043d POST-\u0437\u0430\u043f\u0440\u043e\u0441, \u044f\u0432\u043d\u043e \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044f \u0447\u0435\u0440\u0435\u0437 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b, \u0447\u0442\u043e\n    \u043e\u0436\u0438\u0434\u0430\u0435\u0442\n    HTML-\u043e\u0442\u0432\u0435\u0442 \u0434\u043b\u044f \u0437\u0430\u043c\u0435\u043d\u044b \u0431\u043b\u043e\u043a\u0430 (<code class=\"inline-code\">hx-post=\"\/api\/content\"<\/code>, <code\n      class=\"inline-code\">hx-target=\"#content-card\"<\/code>, <code class=\"inline-code\">hx-swap=\"innerHTML\"<\/code>).\n  <\/li>\n  <li><strong>\u0410\u0442\u043e\u043c\u0430\u0440\u043d\u0430\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435:<\/strong> \u0421\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a <code\n      class=\"inline-code\">save_content<\/code> \u0432 Actix Web \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u0438 \u0441\u0440\u0430\u0437\u0443 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u043d\u043e\u0432\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 \u0432 \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445\n    ScyllaDB. \u0417\u0430\u0442\u0435\u043c \u043e\u043d \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u043d\u0430\u043b\u0438\u0447\u0438\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 <code class=\"inline-code\">hx-request<\/code>. \u0415\u0441\u043b\u0438 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a\n    \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442, \u0441\u0435\u0440\u0432\u0435\u0440 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u044d\u0442\u043e\u0433\u043e \u0436\u0435 HTTP-\u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 <code\n      class=\"inline-code\">ContentTemplate<\/code> \u0447\u0435\u0440\u0435\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u0438\u0437\u0430\u0442\u043e\u0440 Askama \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0433\u043e\u0442\u043e\u0432\u044b\u0439 HTML-\u043a\u043e\u0434.<\/li>\n  <li><strong>\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 UI \u0431\u0435\u0437 \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u0433\u043e \u0441\u0442\u0435\u0439\u0442\u0430:<\/strong> \u0411\u0440\u0430\u0443\u0437\u0435\u0440 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0443\u0436\u0435 \u0441\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 HTML, \u0430 HTMX\n    \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u0442 \u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 <code class=\"inline-code\">#content-card<\/code>. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0435\n    \u043d\u0435\u0442\n    \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f (State) \u0438 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e DOM, \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u044c \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u043c \u0437\u0430\u043f\u0440\u043e\u0441\u0435 \u0434\u043b\u044f \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043e\u0442\u043f\u0430\u0434\u0430\u0435\u0442.\n  <\/li>\n<\/ul>\n\n<div class=\"skyhXVV6mH\">\n  <div class=\"blog_post_image_wrap\">\n    <div class=\"blog_post_image\">\n      <a href=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--3-sahar.webp\" data-lbwps-width=\"5575\"\n        data-lbwps-height=\"3717\"\n        data-lbwps-srcsmall=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--3-sahar.webp\"><img\n          decoding=\"async\" src=\"https:\/\/shedov.top\/wp-content\/images\/crystal-dev-diary-3--3-sahar.webp\"\n          alt=\"ssh-keygen\"><\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"blog_post_screenshot_number\">\n    <p>\u0421\u043a\u0440\u0438\u043d 6: \u041f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0435\u0442\u0435\u0432\u043e\u0433\u043e \u043e\u0431\u043c\u0435\u043d\u0430 SAHAR \u043f\u0440\u0438 \u043c\u0443\u0442\u0430\u0446\u0438\u0438 \u0434\u0430\u043d\u043d\u044b\u0445: \u043e\u0434\u0438\u043d\u043e\u0447\u043d\u044b\u0439\n      Hypermedia-\u0437\u0430\u043f\u0440\u043e\u0441\n      (\u0430\u0442\u043e\u043c\u0430\u0440\u043d\u043e\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0442 HTML)\n    <\/p>\n  <\/div>\n<\/div>\n\n<h3 class=\"hUT9fhANKb\">\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0431\u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0430\u0437\u043d\u0438\u0446\u044b \u0432 \u0441\u0435\u0442\u0435\u0432\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u0445<\/h3>\n\n<p>\u0424\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0435 \u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u043c\u044f POST-\u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438 \u0432 LARS \u0438 \u043e\u0434\u043d\u0438\u043c POST-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u043c \u0432 SAHAR \u043e\u0431\u0443\u0441\u043b\u043e\u0432\u043b\u0435\u043d\u043e \u0440\u0430\u0437\u043d\u0438\u0446\u0435\u0439\n  \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432 \u043a \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u043c (State Management) \u0438 \u0444\u043e\u0440\u043c\u0430\u0442\u0443 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u043c\u0435\u0436\u0434\u0443 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u043c \u0438\n  \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u043c.\n<\/p>\n\n<h3 class=\"BdVOVe0UUk\">\u0418\u0442\u043e\u0433\u0438 \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0430\u043d\u0430\u043b\u0438\u0437\u0430 \u0441\u0435\u0442\u0435\u0432\u043e\u0433\u043e \u043e\u0431\u043c\u0435\u043d\u0430 \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0434\u0430\u043d\u043d\u044b\u0445<\/h3>\n\n<p>\u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b SAHAR \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442:<\/p>\n<ul>\n  <li>1. \u0421\u043e\u043a\u0440\u0430\u0442\u0438\u0442\u044c \u0441\u0435\u0442\u0435\u0432\u044b\u0435 \u043d\u0430\u043a\u043b\u0430\u0434\u043d\u044b\u0435 \u0440\u0430\u0441\u0445\u043e\u0434\u044b (Round-Trip Time) \u0432 2 \u0440\u0430\u0437\u0430.<\/li>\n  <li>2. \u0421\u043d\u0438\u0437\u0438\u0442\u044c \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u043d\u0430 \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 ScyllaDB \u0437\u0430 \u0441\u0447\u0435\u0442 \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0445\u043e\u043b\u043e\u0441\u0442\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u043d\u0430 \u0447\u0442\u0435\u043d\u0438\u0435 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0438\u0441\u0438.\n  <\/li>\n  <li>3. \u041f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043e\u0441\u0432\u043e\u0431\u043e\u0434\u0438\u0442\u044c \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e \u043e\u0442 \u0432\u044b\u0447\u0438\u0441\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043f\u043e \u043f\u0430\u0440\u0441\u0438\u043d\u0433\u0443 JSON \u0438 \u0441\u0432\u0435\u0440\u043a\u0435 Virtual DOM.\n  <\/li>\n<\/ul>\n\n<h2 id=\"paragraph_7\">7. \u041e\u0431\u0449\u0438\u0435 \u0432\u044b\u0432\u043e\u0434\u044b<\/h2>\n\n<div class=\"GZBJ09VIj3\">\n  <div>\n    <h3>\u041a\u0438\u0431\u0435\u0440\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c<\/h3>\n\n    <p>\u0421\u0442\u0435\u043a SAHAR \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0438\u0440\u0443\u0435\u0442 \u0432\u0435\u043a\u0442\u043e\u0440\u044b \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u0430\u0442\u0430\u043a. \u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435\n      JavaScript\/WASM\n      \u043f\u0440\u0435\u0432\u0435\u043d\u0442\u0438\u0432\u043d\u043e \u0438\u0441\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0446\u0435\u043b\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0443\u044f\u0437\u0432\u0438\u043c\u043e\u0441\u0442\u0435\u0439. \u0421\u0442\u0440\u043e\u0433\u0430\u044f \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044f \u0432\u044b\u0447\u0438\u0441\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435\n      \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442 \u043f\u043e\u043b\u043d\u043e\u0435 \u0441\u043e\u043a\u0440\u044b\u0442\u0438\u0435 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u043e\u0442 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f. \u0412 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435 LARS \u0447\u0430\u0441\u0442\u044c \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0439 \u043b\u043e\u0433\u0438\u043a\u0438\n      \u043d\u0435\u0438\u0437\u0431\u0435\u0436\u043d\u043e \u0434\u0435\u043b\u0435\u0433\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0443\u044e \u0441\u0442\u043e\u0440\u043e\u043d\u0443, \u0447\u0442\u043e \u0441\u043d\u0438\u0436\u0430\u0435\u0442 \u043e\u0431\u0449\u0438\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u043d\u043e\u0441\u0442\u0438.<\/p>\n  <\/div>\n\n  <div>\n    <h3>\u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c<\/h3>\n    <p>\u0417\u0430 \u0441\u0447\u0435\u0442 \u0433\u0438\u043f\u0435\u0440\u043c\u0435\u0434\u0438\u0439\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0438 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0430 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u043c \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440, \u0441\u0442\u0435\u043a SAHAR \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u0443\u044e\n      \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. \u041a\u043b\u0438\u0435\u043d\u0442 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u043b\u0435\u0433\u043a\u043e\u0432\u0435\u0441\u043d\u044b\u0439, \u0443\u0436\u0435 \u043e\u0442\u0440\u0435\u043d\u0434\u0435\u0440\u0435\u043d\u043d\u044b\u0439 HTML, \u0447\u0442\u043e \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0438\u0441\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u043b\u044e\u0431\u044b\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435\n      \u0437\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u0435, \u043f\u0430\u0440\u0441\u0438\u043d\u0433 \u0438 \u0433\u0438\u0434\u0440\u0430\u0442\u0430\u0446\u0438\u044e \u043e\u0431\u044a\u0435\u043c\u043d\u044b\u0445 WASM-\u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0438\u043b\u0438 JS-\u0441\u0442\u0435\u0439\u0442-\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u0432. \u0414\u0430\u043d\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434\n      \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442 \u043c\u043e\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0443\u044e \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0443 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 (First Contentful Paint) \u0438 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043e \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438\n      (Time to Interactive) \u0434\u0430\u0436\u0435 \u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 \u043d\u0435\u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f.<\/p>\n  <\/div>\n\n  <div>\n    <h3>SEO<\/h3>\n    <p>\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0438\u0437\u043e\u043c\u043e\u0440\u0444\u043d\u043e\u043c\u0443 \u043f\u043e\u0434\u0445\u043e\u0434\u0443, \u043e\u0431\u0430 \u0441\u0442\u0435\u043a\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044e\u0442 \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 (SSR), \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044f\n      \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u043c\n      \u0440\u043e\u0431\u043e\u0442\u0430\u043c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u041e\u0434\u043d\u0430\u043a\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 LARS \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043e\u0431\u044a\u0435\u043c\u043d\u043e\u0433\u043e\n      WASM-\u043c\u043e\u0434\u0443\u043b\u044f\n      \u0434\u043b\u044f\n      \u0433\u0438\u0434\u0440\u0430\u0442\u0430\u0446\u0438\u0438. \u042d\u0442\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0435\u0442 \u043c\u0435\u0442\u0440\u0438\u043a\u0443 Time to Interactive \u0438 Total Blocking Time. \u0421\u0442\u0435\u043a SAHAR,\n      \u043e\u0442\u0434\u0430\u0432\u0430\u044f \u043b\u0435\u0433\u043a\u043e\u0432\u0435\u0441\u043d\u044b\u0439 HTML \u0431\u0435\u0437 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0441\u043b\u043e\u0436\u043d\u043e\u0439 \u0433\u0438\u0434\u0440\u0430\u0442\u0430\u0446\u0438\u0438, \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u044d\u0442\u0430\u043b\u043e\u043d\u043d\u044b\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 Core Web\n      Vitals,\n      \u0447\u0442\u043e\n      \u0434\u0430\u0435\u0442 \u0431\u0435\u0437\u043e\u0433\u043e\u0432\u043e\u0440\u043e\u0447\u043d\u043e\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e \u0432 \u0440\u0430\u043d\u0436\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u043c\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u043c\u0438.<\/p>\n  <\/div>\n\n  <div>\n    <h3>\u041f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c DOM-\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u043e\u0441\u0442\u044c<\/h3>\n    <p>\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 SAHAR \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0447\u0438\u0441\u0442\u044b\u0439 HTML-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442. \u0414\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u043c\n      \u0447\u0435\u0440\u0435\u0437 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b HTMX \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0432\u044b\u0441\u043e\u043a\u0443\u044e \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c DOM-\u0434\u0435\u0440\u0435\u0432\u0430 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430. \u0412 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b\n      LARS, \u0433\u0434\u0435 \u0431\u0430\u0437\u043e\u0432\u0430\u044f \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u043d\u0435\u0438\u0437\u0431\u0435\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043d\u0430 \u0430\u0440\u0442\u0435\u0444\u0430\u043a\u0442\u0430\u043c\u0438 \u0433\u0438\u0434\u0440\u0430\u0442\u0430\u0446\u0438\u0438 \u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u043c\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u0430\u043c\u0438, \u043f\u043e\u0434\u0445\u043e\u0434\n      SAHAR \u0440\u0430\u0434\u0438\u043a\u0430\u043b\u044c\u043d\u043e \u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043e\u0442\u043b\u0430\u0434\u043a\u0438 \u0438 \u0441\u043d\u0438\u0436\u0430\u0435\u0442 \u0438\u0437\u0434\u0435\u0440\u0436\u043a\u0438 \u043d\u0430 \u0431\u0443\u0434\u0443\u0449\u0435\u0435 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u0435\n      \u043a\u043e\u0434\u043e\u0432\u043e\u0439 \u0431\u0430\u0437\u044b.<\/p>\n  <\/div>\n\n  <div>\n    <h3>\u042d\u043d\u0435\u0440\u0433\u043e\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c<\/h3>\n    <p>\u0412 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435 SAHAR \u043e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0432\u044b\u0447\u0438\u0441\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0435\u043d\u0430 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435. \u0423\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e\n      \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043d\u0430\u0442\u0438\u0432\u043d\u0443\u044e \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0443 \u0433\u043e\u0442\u043e\u0432\u043e\u0433\u043e HTML-\u043a\u043e\u0434\u0430 \u0438 \u043b\u0435\u0433\u043a\u0443\u044e \u043f\u043e\u0434\u043c\u0435\u043d\u0443 \u0443\u0437\u043b\u043e\u0432 DOM-\u0434\u0435\u0440\u0435\u0432\u0430\n      \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u043c HTMX, \u0447\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0441\u043d\u0438\u0437\u0438\u0442\u044c \u043f\u043e\u0442\u0440\u0435\u0431\u043b\u0435\u043d\u0438\u0435 \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u043f\u0430\u043c\u044f\u0442\u0438 \u0438 \u0440\u0430\u0441\u0445\u043e\u0434 \u0437\u0430\u0440\u044f\u0434\u0430 \u0430\u043a\u043a\u0443\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u043d\u043e\u0439\n      \u0431\u0430\u0442\u0430\u0440\u0435\u0438 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432.<\/p>\n  <\/div>\n<\/div>\n\n<h2 id=\"paragraph_8\">8. \u0421\u0432\u043e\u0434\u043d\u0430\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a (LARS vs SAHAR)<\/h2>\n\n<div class=\"Dca4vZefj7 C36t1RJmn2\">\n  <div class=\"chS81BeSuM\">\n    <table class=\"ezdHCkXrcq f5gt4koGS6\">\n      <thead>\n        <tr>\n          <th>\u041a\u0440\u0438\u0442\u0435\u0440\u0438\u0439<\/th>\n          <th>LARS<\/th>\n          <th>SAHAR<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td>\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434<\/td>\n          <td>\u0418\u0437\u043e\u043c\u043e\u0440\u0444\u043d\u043e\u0435 SPA (SSR + Client-Side Hydration)<\/td>\n          <td>Hypermedia-Driven (SSR + HTMX)<\/td>\n        <\/tr>\n        <tr>\n          <td>\u041e\u0431\u044a\u0435\u043c \u0441\u0442\u0430\u0442\u0438\u043a\u0438 (Dev\/Debug (cargo))<\/td>\n          <td>HTML: 19.76 kB, WASM: 7.66 MB, JS: 58.28 kB<\/td>\n          <td>HTML: 2.60 kB, HTMX: 79.76 kB (htmx.min.js \u0431\u0435\u0437 \u0441\u0436\u0430\u0442\u0438\u044f)<\/td>\n        <\/tr>\n\n        <tr>\n          <td>\u041e\u0431\u044a\u0435\u043c \u0441\u0442\u0430\u0442\u0438\u043a\u0438 (Release (cargo))<\/td>\n          <td>HTML: 1.89 kB, WASM: 771.96 kB, JS: 25.47 kB<\/td>\n          <td>HTML: 2.60 kB, HTMX: 79.76 kB<\/td>\n        <\/tr>\n\n        <tr>\n          <td>\u0424\u043e\u0440\u043c\u0430\u0442 \u043e\u0431\u043c\u0435\u043d\u0430 (CRUD)<\/td>\n          <td>JSON (2 \u0440\u0430\u0437\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u0430, \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043f\u0430\u0440\u0441\u0438\u043d\u0433)<\/td>\n          <td>\u0421\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 HTML-\u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 (1 \u0437\u0430\u043f\u0440\u043e\u0441, 1.77 kB)<\/td>\n        <\/tr>\n        <tr>\n          <td>\u0412\u044b\u0447\u0438\u0441\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430<\/td>\n          <td>\u0412\u044b\u0441\u043e\u043a\u0430\u044f: \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 WASM, \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0435 Virtual DOM<\/td>\n          <td>\u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f: \u043d\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0430 HTML \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c<\/td>\n        <\/tr>\n\n        <tr>\n          <td>\u041f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u044c \u0430\u0442\u0430\u043a\u0438<\/td>\n          <td>\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u0430\u044f: \u0447\u0430\u0441\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0438 \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0435<\/td>\n          <td>\u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f: 100% \u043b\u043e\u0433\u0438\u043a\u0438 \u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043e \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435<\/td>\n        <\/tr>\n        <tr>\n          <td>\u0417\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u043e\u0442 JS<\/td>\n          <td>\u041f\u043e\u043b\u043d\u0430\u044f \u043e\u0442\u043a\u0430\u0437\u043e\u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u044c (Progressive Enhancement): \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430 \u0447\u0435\u0440\u0435\u0437 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u044b<\/td>\n          <td>\u041f\u043e\u043b\u043d\u0430\u044f \u043e\u0442\u043a\u0430\u0437\u043e\u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u044c (Progressive Enhancement): \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430 \u0447\u0435\u0440\u0435\u0437\n            \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u044b<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n<\/div>\n\n<h2 id=\"paragraph_9\">9. \u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h2>\n\n<div class=\"ndHJAXDSTG\">\n  <p>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044e\u0442, \u0447\u0442\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 SAHAR \u043f\u0440\u0435\u0432\u043e\u0441\u0445\u043e\u0434\u0438\u0442 LARS \u043f\u043e \u0432\u0441\u0435\u043c \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c\n    \u043c\u0435\u0442\u0440\u0438\u043a\u0430\u043c: \u043a\u0438\u0431\u0435\u0440\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438, \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438, SEO-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u044d\u043d\u0435\u0440\u0433\u043e\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432.<\/p>\n\n  <p>\u041e\u0442\u043a\u0430\u0437 \u043e\u0442 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b Single Page Application \u0432 \u043f\u043e\u043b\u044c\u0437\u0443 \u0433\u0438\u043f\u0435\u0440\u043c\u0435\u0434\u0438\u0439\u043d\u044b\u0445 \u043c\u0438\u043a\u0440\u043e\u043e\u0442\u0432\u0435\u0442\u043e\u0432 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0432 \u043f\u043e\u043b\u043d\u043e\u0439\n    \u043c\u0435\u0440\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0445 \u0432\u044b\u0441\u043e\u043a\u043e\u043d\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0445 \u0441\u0438\u0441\u0442\u0435\u043c.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435: 1. \u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 2. \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u043e\u0432 3. \u0425\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u041f\u041a \u0438 \u0442\u0435\u0441\u0442\u043e\u0432\u0430\u044f \u0441\u0440\u0435\u0434\u0430 4. \u041f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u043e\u0432 (Dev\/Debug \u0438 Release) 5. \u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u043e\u0433\u043e HTML-\u043e\u0442\u0432\u0435\u0442\u0430 6. \u0421\u0440\u0430\u0432\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0430\u043d\u0430\u043b\u0438\u0437 \u0441\u0435\u0442\u0435\u0432\u043e\u0433\u043e \u043e\u0431\u043c\u0435\u043d\u0430 \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 7. \u041e\u0431\u0449\u0438\u0435 \u0432\u044b\u0432\u043e\u0434\u044b 8. \u0421\u0432\u043e\u0434\u043d\u0430\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a (LARS vs SAHAR) 9. \u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 1. \u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u043d\u0435\u043f\u0440\u0435\u0440\u044b\u0432\u043d\u043e\u0433\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 CRYSTAL [&hellip;]","protected":false},"author":1,"featured_media":6753,"comment_status":"closed","ping_status":"closed","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[63,68,20,56,29,64,67,61,62,28,60,57,70,58,59,69,65,55],"tags":[],"class_list":["post-6459","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actix-web","category-askama","category-crystal","category-crystal-v3-0","category-debian","category-debian-12","category-htmx","category-lars","category-leptos","category-linux","category-nosql","category-rust","category-sahar","category-scylladb","category-bazy-dannyh","category-69","category-yazyki-programmirovaniya","category-dnevnik-razrabotchika-crystal"],"_links":{"self":[{"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/posts\/6459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/comments?post=6459"}],"version-history":[{"count":161,"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/posts\/6459\/revisions"}],"predecessor-version":[{"id":6768,"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/posts\/6459\/revisions\/6768"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/media\/6753"}],"wp:attachment":[{"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/media?parent=6459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/categories?post=6459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/tags?post=6459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}