{"id":334393,"date":"2022-06-13T09:00:07","date_gmt":"2022-06-13T09:00:07","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=334393"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=334393","title":{"rendered":"<span>\u0412\u043e\u0437\u0440\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u0441\u0430\u0439\u0442\u043e\u0432. \u0421\u0442\u0430\u0442\u0438\u043a\u0430, 0kB JS, \u043d\u0438\u0447\u0435\u0433\u043e \u043b\u0438\u0448\u043d\u0435\u0433\u043e<\/span>"},"content":{"rendered":"<div><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-1\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/5c\/sp\/sd\/5cspsdqieuqxmjhbxiwsxexaui4.png\" data-src=\"https:\/\/habrastorage.org\/webt\/5c\/sp\/sd\/5cspsdqieuqxmjhbxiwsxexaui4.png\"\/><br \/>  \u041a\u0430\u043a \u043c\u044b <a href=\"https:\/\/habr.com\/ru\/company\/first\/blog\/653771\/\">\u043e\u0431\u0441\u0443\u0436\u0434\u0430\u043b\u0438<\/a> \u0432 \u043f\u0440\u043e\u0448\u043b\u044b\u0439 \u0440\u0430\u0437, \u0443\u0434\u0440\u0443\u0447\u0430\u044e\u0449\u0435\u0435 <a href=\"https:\/\/habr.com\/ru\/post\/423889\/\">\u043e\u0436\u0438\u0440\u0435\u043d\u0438\u0435 \u0441\u0430\u0439\u0442\u043e\u0432 \u0438 \u0441\u043e\u0444\u0442\u0430<\/a> \u0432\u0435\u0440\u043d\u0443\u043b\u043e \u043c\u043e\u0434\u0443 \u043d\u0430 \u043f\u0440\u043e\u0441\u0442\u044b\u0435, \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b. \u0418 \u0441\u0435\u0439\u0447\u0430\u0441 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 <a href=\"https:\/\/habr.com\/ru\/company\/first\/blog\/653771\/\">\u0441\u0432\u043e\u0435\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0439 \u0440\u0435\u043d\u0435\u0441\u0441\u0430\u043d\u0441<\/a> \u0432\u0435\u0431\u0430 90-\u0445, \u0432\u043f\u043b\u043e\u0442\u044c \u0434\u043e \u0441\u0442\u0438\u043b\u044f <a href=\"https:\/\/geocities.restorativland.org\/\">Geocities<\/a> (\u0442\u0430\u043a\u043e\u0439 \u0431\u044b\u043b \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433) \u0438 <a href=\"https:\/\/lab6.com\/\">\u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0432 \u0432\u0438\u0434\u0435 PDF<\/a>. \u0422\u0430\u043a\u043e\u0432\u044b \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u0430\u043c\u043e\u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u0423 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430 \u2014 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0430\u0439\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0438 \u043e\u0442\u0440\u0430\u0436\u0430\u0435\u0442 \u0435\u0433\u043e \u043b\u0438\u0447\u043d\u043e\u0441\u0442\u044c.<\/p>\n<p>  \u0421\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u0430\u0439\u0442 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0432 <a href=\"https:\/\/john-doe.neocities.org\/\">\u043e\u0434\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435 HTML<\/a>, \u0430 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u2014 \u0432 \u043e\u0434\u043d\u043e\u043c \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a\u0435 (\u043f\u043e\u0434 \u043a\u0430\u0442\u043e\u043c). \u0422\u0435\u043d\u0434\u0435\u043d\u0446\u0438\u044f \u0432\u0438\u0434\u043d\u0430 \u0432\u0435\u0437\u0434\u0435. \u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0434\u0430\u0436\u0435 <a href=\"https:\/\/nolanlawson.com\/2022\/05\/21\/the-balance-has-shifted-away-from-spas\/\">\u0445\u0432\u0430\u043b\u044f\u0442\u0441\u044f<\/a> \u00ab0\u043a\u0411 JavaScript\u00bb \u043f\u043e \u0434\u0435\u0444\u043e\u043b\u0442\u0443, \u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u0432\u043d\u0435\u0434\u0440\u0438\u043b\u0438 <a href=\"https:\/\/developer.chrome.com\/blog\/paint-holding\/\">\u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0443\u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u044f<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u043e \u043c\u043d\u043e\u0433\u043e\u043c \u0430\u043d\u043d\u0443\u043b\u0438\u0440\u0443\u044e\u0442 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f SPA.<br \/>  <a name=\"habracut\"><\/a>  <\/p>\n<h2><font color=\"#076184\">\u0421\u0430\u0439\u0442 \u0432 \u043e\u0434\u043d\u043e\u043c \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a\u0435<\/font><\/h2>\n<p>  <a href=\"https:\/\/j3s.sh\/thought\/my-website-is-one-binary.html\">\u0421\u0430\u0439\u0442 \u0432 \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u043e\u043c \u0444\u0430\u0439\u043b\u0435<\/a> \u2014 \u0435\u0449\u0451 \u0431\u043e\u043b\u0435\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430\u044f \u0438\u0434\u0435\u044f, \u0447\u0435\u043c \u0432 \u043e\u0434\u043d\u043e\u043c HTML, \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u044b \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u0438 <a href=\"https:\/\/habr.com\/ru\/company\/first\/blog\/653771\/\">\u0432 \u043f\u0440\u043e\u0448\u043b\u044b\u0439 \u0440\u0430\u0437<\/a>. \u0415\u0441\u043b\u0438 \u0432 \u0434\u0432\u0443\u0445 \u0441\u043b\u043e\u0432\u0430\u0445, \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u043d\u0430 Go, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0435\u0442 \u0432\u0445\u043e\u0434\u044f\u0449\u0438\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0438 \u0432\u044b\u0434\u0430\u0451\u0442 \u044d\u043c\u0431\u0435\u0434\u044b \u0438\u0437\u043d\u0443\u0442\u0440\u0438 \u0441\u0435\u0431\u044f.<\/p>\n<p>  \u0412 \u043a\u0430\u043a\u043e\u043c-\u0442\u043e \u0441\u043c\u044b\u0441\u043b\u0435 \u044d\u0442\u043e \u043f\u043e\u043b\u043d\u0430\u044f \u043f\u0440\u043e\u0442\u0438\u0432\u043e\u043f\u043e\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u0430\u0439\u0442\u0443 \u0432 \u043e\u0434\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435 HTML, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0443 \u043d\u0430\u0441 \u0444\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u043d\u0435 \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0438, \u0430 <i>\u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u043c\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442<\/i>. \u0411\u043e\u043b\u0435\u0435 \u0442\u043e\u0433\u043e, \u044d\u0442\u043e \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 CI\/CD, \u0435\u0441\u043b\u0438 \u0442\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0438\u0437 <a href=\"https:\/\/git.j3s.sh\/j3s.sh\/tree\">\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f<\/a>, \u043a\u0443\u0434\u0430 \u0443\u0434\u043e\u0431\u043d\u043e \u043a\u043e\u043c\u043c\u0438\u0442\u0438\u0442\u044c.<\/p>\n<p>  \u0421\u043a\u0440\u0438\u043f\u0442 \u0434\u043b\u044f \u0434\u0435\u043f\u043b\u043e\u044f \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435:<\/p>\n<pre><code class=\"bash\"> #!\/bin\/sh -eu # # deploy my website  cd \/home\/j3s\/code\/j3s.sh git fetch origin if git status | grep -q behind; then git merge origin\/main go build mv j3s.sh \/usr\/local\/bin\/j3s.sh service j3s.sh restart fi<\/code><\/pre>\n<p>  \u0421\u043a\u0440\u0438\u043f\u0442 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u043a\u0430\u0436\u0434\u0443\u044e \u043c\u0438\u043d\u0443\u0442\u0443 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 <a href=\"https:\/\/git.j3s.sh\/j3s.sh\/log\/main\">\u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438<\/a>. \u0412 \u044d\u0442\u043e\u043c \u0441\u043c\u044b\u0441\u043b\u0435 \u0434\u0435\u043f\u043b\u043e\u0439 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439. \u0410\u0432\u0442\u043e\u0440 \u0442\u0435\u0441\u0442\u0438\u0440\u0443\u0435\u0442 \u043a\u043e\u0434 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e, \u0430 \u043a\u043e\u043c\u043c\u0438\u0442\u044b \u043e\u0442\u0440\u0430\u0436\u0430\u044e\u0442\u0441\u044f \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 \u043c\u0438\u043d\u0443\u0442\u044b. \u041c\u0438\u043d\u0438\u043c\u0443\u043c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439.<\/p>\n<p>  \u0422\u0430\u043a\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0432\u043d\u0435\u0434\u0440\u0438\u043b \u0430\u043c\u0435\u0440\u0438\u043a\u0430\u043d\u0441\u043a\u0438\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0414\u0436\u0435\u0441 \u041e\u043b\u0441\u043e\u043d (Jes Olson) \u0434\u043b\u044f \u0441\u0432\u043e\u0435\u0433\u043e \u043b\u0438\u0447\u043d\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0430-\u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a\u0430 <a href=\"https:\/\/j3s.sh\/\">j3s.sh<\/a>. \u041e\u043d \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e\u0432\u0430\u043b\u0441\u044f \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u043c\u0438.<\/p>\n<ol>\n<li>\u041f\u0440\u043e\u0441\u0442\u043e\u0439, \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0439 \u043a\u043e\u0434.  <\/li>\n<li>\u0411\u044b\u0441\u0442\u0440\u0430\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 (\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0432\u044b\u0442\u0435\u043a\u0430\u0435\u0442 \u0438\u0437 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u0430), \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0438\u0442\u0435\u0440\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c.  <\/li>\n<li>\u041d\u0430\u0434\u0451\u0436\u043d\u043e\u0441\u0442\u044c \u0438 \u0434\u043e\u043b\u0433\u043e\u0432\u0435\u0447\u043d\u043e\u0441\u0442\u044c.  <\/li>\n<li>\u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u0438\u043b\u0438\u044f \u0432 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0435. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u0430 \u0432 \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0438 \u043d\u0435\u043f\u043e\u043b\u0430\u0434\u043e\u043a. \u041e\u0434\u0438\u043d \u0447\u0435\u043b\u043e\u0432\u0435\u043a \u0441\u043f\u043e\u0441\u043e\u0431\u0435\u043d \u0442\u0440\u0438\u0432\u0438\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0431\u0435\u0437 \u0447\u0443\u0436\u043e\u0439 \u043f\u043e\u043c\u043e\u0449\u0438. \u0412 \u0438\u0434\u0435\u0430\u043b\u0435 \u0432\u0435\u0449\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u0441\u0442\u044b\u043c\u0438 \u0438 \u043d\u0430\u0434\u0451\u0436\u043d\u044b\u043c\u0438, \u0447\u0442\u043e \u0431\u0443\u0434\u0443\u0442 \u043b\u043e\u043c\u0430\u0442\u044c\u0441\u044f \u043a\u0440\u0430\u0439\u043d\u0435 \u0440\u0435\u0434\u043a\u043e. \u0415\u0441\u043b\u0438 \u043a\u0430\u043a\u0430\u044f-\u0442\u043e \u043d\u0435\u043f\u0440\u0438\u044f\u0442\u043d\u043e\u0441\u0442\u044c \u0432\u0441\u0451 \u0436\u0435 \u0441\u043b\u0443\u0447\u0438\u043b\u0430\u0441\u044c, \u0441\u043f\u043e\u0441\u043e\u0431 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u044b\u043c.<\/li>\n<\/ol>\n<p>  \u0410\u0432\u0442\u043e\u0440 \u043d\u0430\u0447\u0430\u043b \u043f\u043e \u043a\u043b\u0430\u0441\u0441\u0438\u043a\u0435: \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u043b \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440\u044b \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0430\u0439\u0442\u043e\u0432 \u0442\u0438\u043f\u0430 Hugo, \u0430 \u0442\u0430\u043a\u0436\u0435 Ghost, Jekyll, <a href=\"https:\/\/sr.ht\/\">SourceHut<\/a> + tarball \u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 html \u0432\u0440\u0443\u0447\u043d\u0443\u044e, \u043d\u043e \u043d\u0438 \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u0435\u0433\u043e \u043d\u0435 \u0443\u0434\u043e\u0432\u043b\u0435\u0442\u0432\u043e\u0440\u0438\u043b. \u0414\u0430\u0436\u0435 \u0441\u0430\u043c\u0430\u044f \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u043a\u0430 \u0438\u0437 \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440\u0430 Hugo \u0438 \u0445\u043e\u0441\u0442\u0438\u043d\u0433\u0430 \u043d\u0430 Github Pages \u0435\u043c\u0443 \u043d\u0435 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u043b\u0430\u0441\u044c \u0438\u0437-\u0437\u0430 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0430 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u043e\u0442 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c, \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439, \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0438 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c.<\/p>\n<p>  \u041e\u043d \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0438 \u043d\u0430 \u0441\u0442\u0430\u0440\u043e\u043c \u0434\u043e\u0431\u0440\u043e\u043c HTML \u2014 \u0438 \u0437\u0430\u0445\u043e\u0441\u0442\u0438\u043b \u043d\u0430 \u043c\u0430\u0448\u0438\u043d\u0435, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u043e\u0434 \u0435\u0433\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0435\u043c (\u043a\u0441\u0442\u0430\u0442\u0438, \u0414\u0436\u0435\u0441 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0445\u043e\u0441\u0442\u0438\u043d\u0433\u043e\u043c). \u041a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u0431\u044b, \u0432 \u043b\u044e\u0431\u043e\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u044c vim \u0438 \u043e\u0442\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u044e\u0431\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0443, \u0447\u0442\u043e \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e \u043e\u0442\u0440\u0430\u0437\u0438\u0442\u0441\u044f \u043d\u0430 \u0441\u0430\u0439\u0442\u0435.<\/p>\n<p>  \u0412 \u044d\u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u0440\u0438\u0448\u043b\u0430 \u0438\u0434\u0435\u044f: \u0435\u0441\u043b\u0438 \u0441\u0430\u0439\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u044f\u0437\u044b\u043a\u0435, \u0442\u043e \u0435\u0433\u043e \u043c\u043e\u0436\u0435\u0442 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0434\u0438\u043d \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0430 Go, \u0445\u043e\u0442\u044f \u0442\u0430\u043a\u043e\u0439 \u0436\u0435 \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043d\u0430 Rust, <a href=\"https:\/\/www.andreinc.net\/2022\/04\/10\/a-blog-that-is-a-single-executable-binary\">\u043d\u0430 C<\/a> \u0438\u043b\u0438 \u043b\u044e\u0431\u043e\u043c \u0434\u0440\u0443\u0433\u043e\u043c \u044f\u0437\u044b\u043a\u0435. \u0421\u0443\u0442\u044c \u043e\u0434\u043d\u0430 \u0438 \u0442\u0430 \u0436\u0435: \u044d\u0442\u043e \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c\u044b\u0439 \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u0435\u043a.<\/p>\n<p>  \u0412 \u044d\u0442\u043e\u043c \u0435\u0441\u0442\u044c \u0441\u0432\u043e\u0438 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c IP-\u0430\u0434\u0440\u0435\u0441 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f, \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0432 \u0447\u0435\u0442\u044b\u0440\u0435 \u0441\u0442\u0440\u043e\u0447\u043a\u0438:<\/p>\n<pre><code class=\"go\"> func ipHandler(w http.ResponseWriter, r *http.Request) {     w.Header().Set(\"Content-Type\", \"text\/plain\")     fmt.Fprintf(w, r.Header.Get(\"X-Forwarded-For\")+\"\\n\") }<\/code><\/pre>\n<p>  \u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u043e\u0436\u043d\u043e <a href=\"https:\/\/j3s.sh\/ip\">\u0432\u044b\u0437\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e<\/a> \u0432 \u043b\u044e\u0431\u043e\u0439 \u043c\u043e\u043c\u0435\u043d\u0442:<\/p>\n<pre><code class=\"go\"> http.HandleFunc(\"\/ip\", ipHandler)<\/code><\/pre>\n<p>  \u0422\u043e \u0435\u0441\u0442\u044c \u0430\u0432\u0442\u043e\u0440 \u043e\u0442\u043a\u0430\u0437\u0430\u043b\u0441\u044f \u043e\u0442 \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440\u0430 <a href=\"https:\/\/gohugo.io\/\">Hugo<\/a>, \u0430 \u0432\u043c\u0435\u0441\u0442\u043e \u043d\u0435\u0433\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u0441\u0432\u043e\u044e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 Go, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435, \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u2014 \u0438 \u0432\u044b\u0434\u0430\u0451\u0442 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0432 \u043d\u0443\u0436\u043d\u043e\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0435 \u043f\u043e \u0438\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c. \u0412\u0441\u0435 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0444\u0430\u0439\u043b\u044b \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u044c \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u0430\u043a\u0435\u0442\u0430 <a href=\"https:\/\/github.com\/jteeuwen\/go-bindata\">go-bindata<\/a> \u0438\u043b\u0438 <a href=\"https:\/\/pkg.go.dev\/embed\">stdlib embed<\/a>.<\/p>\n<p>  \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u043d\u0430 \u043b\u044e\u0431\u043e\u043c \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u2014 \u0438 \u0432\u043e\u0442 \u0432\u0430\u0448 \u00ab\u0441\u0430\u0439\u0442\u00bb \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u0435\u0440\u0435\u0435\u0445\u0430\u043b \u043d\u0430 \u043d\u043e\u0432\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433. \u0415\u0441\u043b\u0438 \u043f\u043e\u0444\u0430\u043d\u0442\u0430\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0442\u043e \u043a\u0430\u0436\u0434\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u00ab\u0441\u0430\u0439\u0442\u00bb \u043d\u0430 \u0441\u0432\u043e\u0451\u043c \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0435, \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u043f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e, \u043a\u0430\u0436\u0434\u044b\u0439 \u0441\u0430\u043c \u0443 \u0441\u0435\u0431\u044f (\u043a\u0430\u043a \u0434\u0435\u043b\u0430\u0435\u0442 <a href=\"https:\/\/github.com\/jart\/cosmopolitan\/blob\/master\/tool\/net\/redbean.c\">Redbean<\/a>).<\/p>\n<div class=\"scrollable-table\">\n<table>\n<tr>\n<th><\/th>\n<th>\u0413\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 HTML \u0438 CSS \u0442\u0438\u043f\u0430 Hugo<\/th>\n<th>\u0421\u0432\u043e\u0439 \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a<\/th>\n<\/tr>\n<tr>\n<td>\u0417\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438<\/td>\n<td>\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f Hugo, \u043f\u043b\u0430\u0433\u0438\u043d\u044b, Docker (\u0435\u0441\u043b\u0438 \u0437\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044e Hugo \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435)<\/td>\n<td>Linux, \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 Go<\/td>\n<\/tr>\n<tr>\n<td>\u0414\u043e\u043b\u0433\u043e\u0432\u0435\u0447\u043d\u043e\u0441\u0442\u044c \u0441\u0442\u0435\u043a\u0430 \u0442\u0435\u043a\u0443\u0449\u0438\u0445 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 (\u043f\u0440\u043e\u0433\u043d\u043e\u0437)<\/td>\n<td>10 \u043b\u0435\u0442<\/td>\n<td>20\u201330 \u043b\u0435\u0442<\/td>\n<\/tr>\n<\/table>\n<\/div>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/dd\/o9\/rx\/ddo9rxq8h8sj_goeetpova6e_n0.png\" data-src=\"https:\/\/habrastorage.org\/webt\/dd\/o9\/rx\/ddo9rxq8h8sj_goeetpova6e_n0.png\"\/><\/p>\n<p>  \u041a\u043e\u043d\u0435\u0447\u043d\u043e, \u0441 \u043b\u0438\u0447\u043d\u044b\u043c\u0438 \u0441\u0430\u0439\u0442\u0430\u043c\u0438 \u043c\u043e\u0436\u043d\u043e \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u0434\u0443\u0448\u0435 \u0443\u0433\u043e\u0434\u043d\u043e. \u041a\u0430\u0436\u0435\u0442\u0441\u044f, \u043e\u043d\u0438 \u0441\u043d\u043e\u0432\u0430 \u0432\u0445\u043e\u0434\u044f\u0442 \u0432 \u043c\u043e\u0434\u0443, \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e \u0441 <a href=\"https:\/\/quakkels.com\/posts\/rss-is-wonderful\/\">\u0432\u043e\u0437\u0440\u043e\u0436\u0434\u0435\u043d\u0438\u0435\u043c RSS<\/a>.<\/p>\n<p>  \u0412\u043e\u043e\u0431\u0449\u0435, \u0432 \u043d\u0430\u0447\u0430\u043b\u0435 2000-\u0445 \u0443 \u043d\u0430\u0441 \u0434\u0430\u0436\u0435 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043b\u0438 \u043d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u044b \u043b\u0438\u0447\u043d\u044b\u0445 \u0441\u0430\u0439\u0442\u043e\u0432. \u0410 \u0432 \u043d\u0430\u0448\u0438 \u0434\u043d\u0438 \u0434\u0430\u0436\u0435 \u0430\u0432\u0442\u043e\u0440\u044b \u0441 <i>\u0442\u044b\u0441\u044f\u0447\u0430\u043c\u0438<\/i> \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0435\u0439 \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u044e\u0442 \u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0447\u0443\u0436\u0438\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u0445, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u043f\u043e\u0442\u0435\u0440\u044f\u0442\u044c \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0435\u0439. \u041c\u0430\u043b\u043e \u0443 \u043a\u043e\u0433\u043e \u0435\u0441\u0442\u044c \u043b\u0438\u0447\u043d\u044b\u0439 \u0434\u043e\u043c\u0435\u043d, \u043a\u0440\u043e\u043c\u0435 \u042d\u043a\u0441\u043b\u0435\u0440\u0430 \u0438 \u0435\u0449\u0451 \u043f\u0430\u0440\u043e\u0447\u043a\u0438 \u0442\u0438\u0442\u0430\u043d\u043e\u0432.<\/p>\n<h2><font color=\"#076184\">\u041c\u0438\u043d\u0438\u043c\u0430\u043b\u0438\u0437\u043c \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043e\u043c<\/font><\/h2>\n<p>  \u0412\u044b\u0448\u0435 \u0431\u044b\u043b \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442 <a href=\"https:\/\/sr.ht\/\">SourceHut<\/a> \u2014 \u044d\u0442\u043e \u043d\u0430\u0431\u043e\u0440 \u043e\u043f\u0435\u043d\u0441\u043e\u0440\u0441\u043d\u044b\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438, \u0431\u0435\u0437 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f JavaScript, \u0431\u0435\u0437 \u0442\u0440\u0435\u043a\u0438\u043d\u0433\u0430 \u0438 \u043f\u0440\u043e\u0447\u0438\u0445 \u0438\u0437\u043b\u0438\u0448\u0435\u0441\u0442\u0432. \u0422\u043e\u043b\u044c\u043a\u043e \u0441\u0430\u043c\u044b\u0435 \u0431\u044b\u0441\u0442\u0440\u044b\u0435 \u0438 \u043b\u0451\u0433\u043a\u0438\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b. \u041d\u0430\u0431\u043e\u0440 \u0441\u043e\u0437\u0434\u0430\u043d \u0432 \u043c\u0430\u0435 2022 \u0433\u043e\u0434\u0430 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c \u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 (\u0441\u0435\u0439\u0447\u0430\u0441 \u0432 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0439 \u0430\u043b\u044c\u0444\u0435).<\/p>\n<p>  \u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0442\u0438\u043f\u0430 <a href=\"https:\/\/astro.build\/\">Astro<\/a>, <a href=\"https:\/\/qwik.builder.io\/docs\/overview\">Qwik<\/a> \u0438 <a href=\"https:\/\/elderguide.com\/tech\/elderjs\/\">Elder.js<\/a> \u0442\u043e\u0436\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043d\u0430\u0447\u0430\u043b\u0438 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0442\u044c \u043e\u043f\u0446\u0438\u044e \u00ab0\u043a\u0411 JavaScript\u00bb. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0431\u0430\u043b\u0430\u043d\u0441 <a href=\"https:\/\/dev.to\/tigt\/routing-im-not-smart-enough-for-a-spa-5hki\">\u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u0441\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f<\/a> \u043e\u0442 \u0442\u044f\u0436\u0435\u043b\u043e\u0432\u0435\u0441\u043d\u044b\u0445 SPA \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u0440\u0430\u0434\u0438\u043a\u0430\u043b\u044c\u043d\u043e \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 MPA \u0431\u0435\u0437 JS, \u0441 <a href=\"https:\/\/dev.to\/addyosmani\/loading-web-pages-fast-on-a-20-feature-phone-8h6#prpl30-a-javascript-budget-for-feature-phones\">\u0431\u044e\u0434\u0436\u0435\u0442\u043e\u043c 30\u201350 \u043a\u0411<\/a>.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/yd\/2r\/ts\/yd2rtstwonyfsp0emj4bvphsonc.png\" data-src=\"https:\/\/habrastorage.org\/webt\/yd\/2r\/ts\/yd2rtstwonyfsp0emj4bvphsonc.png\"\/><\/p>\n<p>  \u0412 \u0438\u0434\u0435\u0430\u043b\u0435 \u043d\u043e\u0432\u044b\u0439 \u0441\u0430\u0439\u0442 \u043f\u0438\u0448\u0443\u0442 \u0441 \u043d\u0443\u043b\u044f. \u041d\u043e \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u0436\u0438\u0437\u043d\u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0438\u043d\u043e\u0433\u0434\u0430 \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c \u0438 \u0441\u0442\u0430\u0440\u044b\u0435 \u0437\u0430\u0432\u0430\u043b\u044b, \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0440\u0435\u0448\u0430\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0438 \u043f\u043e \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438. \u0415\u0441\u043b\u0438 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0440\u0430\u0437\u0434\u0443\u0442\u044b\u0439 \u0441\u0430\u0439\u0442, \u043e\u0442\u0442\u0443\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0440\u0435\u0437\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u2014 \u0442\u0435\u043a\u0441\u0442 \u0438 \u0433\u0440\u0430\u0444\u0438\u043a\u0443, \u0438 \u0432\u044b\u043a\u0438\u043d\u0443\u0442\u044c \u0432\u0441\u0451 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435. \u0418\u043b\u0438 \u043e\u0431\u043e\u0439\u0442\u0438\u0441\u044c \u043c\u0435\u043b\u043a\u0438\u043c\u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u0430\u044e\u0442 \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0438 \u0437\u0430\u043c\u0435\u0442\u043d\u044b\u0439 \u044d\u0444\u0444\u0435\u043a\u0442.<\/p>\n<p>  \u0427\u0442\u043e \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439, \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0447\u0438\u0441\u0442\u044b\u0439 \u0432\u044b\u0438\u0433\u0440\u044b\u0448 \u043c\u0435\u0441\u0442\u0430 \u0437\u0430 \u0441\u0447\u0451\u0442 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0430\u0446\u0438\u0438 \u0441\u0442\u0430\u0440\u044b\u0445 JPEG \u0438 PNG \u0432 \u0431\u043e\u043b\u0435\u0435 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u0444\u043e\u0440\u043c\u0430\u0442, \u0442\u0430\u043a\u043e\u0439 \u043a\u0430\u043a WebP, AVIF \u0438\u043b\u0438 JPEG XL. \u0418\u0437 \u044d\u0442\u0438\u0445 \u0442\u0440\u0451\u0445 \u0444\u043e\u0440\u043c\u0430\u0442\u043e\u0432 \u0442\u043e\u043b\u044c\u043a\u043e WebP \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f <a href=\"https:\/\/caniuse.com\/webp\">\u0432\u043e \u0432\u0441\u0435\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445<\/a> (\u043a\u0440\u043e\u043c\u0435 IE 11). \u0415\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u043c\u0435\u043b\u043e, \u0432 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a AVIF \u043f\u043e\u043a\u0430 <a href=\"https:\/\/caniuse.com\/avif\">\u043d\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043b\u0438 \u0432 Safari<\/a>, \u0430 \u0441\u0430\u043c\u044b\u0439 \u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u044b\u0439 JPEG XL <a href=\"https:\/\/caniuse.com\/jpegxl\">\u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0438\u0433\u0434\u0435 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f<\/a>. \u0422\u043e \u0435\u0441\u0442\u044c JPEG XL \u2014 \u044d\u0442\u043e \u043f\u043e\u043a\u0430 \u0444\u043e\u0440\u043c\u0430\u0442 \u043d\u0435 \u0434\u043b\u044f \u0432\u0435\u0431\u0430, \u0430 \u0434\u043b\u044f \u043b\u0438\u0447\u043d\u043e\u0433\u043e \u0444\u043e\u0442\u043e\u0430\u0440\u0445\u0438\u0432\u0430.<\/p>\n<p>  \u041f\u0440\u043e\u0441\u0442\u043e\u0435 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0438\u0437 PNG \u0432 WebP \u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 <code>convert<\/code> \u0432 <a href=\"https:\/\/imagemagick.org\/\">ImageMagick<\/a> \u0438\u043d\u043e\u0433\u0434\u0430 \u0434\u0430\u0451\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0435\u0441\u043b\u0438 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u0437\u0430\u043d\u0438\u043c\u0430\u044e\u0442 \u043e\u0441\u043d\u043e\u0432\u043d\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u043c\u0435\u0441\u0442\u0430 \u043d\u0430 \u0445\u043e\u0441\u0442\u0438\u043d\u0433\u0435, \u043a\u0430\u043a \u0447\u0430\u0441\u0442\u043e \u0431\u044b\u0432\u0430\u0435\u0442 \u0432 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0430\u0439\u0442\u0430\u0445.<\/p>\n<p>  \u041f\u043e \u0441\u0442\u0435\u043f\u0435\u043d\u0438 \u0441\u0436\u0430\u0442\u0438\u044f WebP \u0441 \u043f\u043e\u0442\u0435\u0440\u044f\u043c\u0438 \u0432\u044b\u0438\u0433\u0440\u044b\u0432\u0430\u0435\u0442 \u0443 \u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e JPEG <a href=\"https:\/\/siipo.la\/blog\/is-webp-really-better-than-jpeg\">\u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e 10%<\/a>:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/gi\/xc\/je\/gixcjemkurclz8dfn3aadivvvqs.png\" data-src=\"https:\/\/habrastorage.org\/webt\/gi\/xc\/je\/gixcjemkurclz8dfn3aadivvvqs.png\"\/><\/p>\n<p>  C\u0436\u0430\u0442\u0438\u0435 \u0431\u0435\u0437 \u043f\u043e\u0442\u0435\u0440\u044c \u0432 WebP <a href=\"https:\/\/www.ctrl.blog\/entry\/webp-flif-comparison.html\">\u0442\u043e\u0436\u0435 \u0432\u043d\u0435 \u043a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0446\u0438\u0438<\/a> (\u0442\u0430\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u0434\u0435\u043a):<\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/tz\/jo\/sd\/tzjosdszebbwa_p9zvyeg5b4ixo.png\" data-src=\"https:\/\/habrastorage.org\/webt\/tz\/jo\/sd\/tzjosdszebbwa_p9zvyeg5b4ixo.png\"\/><\/div>\n<h2><font color=\"#076184\">\u0410\u043f\u0433\u0440\u0435\u0439\u0434 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u0443\u0431\u0438\u0432\u0430\u0435\u0442 SPA<\/font><\/h2>\n<p>  \u0412 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0433\u043e\u0434\u044b \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d <a href=\"https:\/\/nolanlawson.com\/2022\/05\/21\/the-balance-has-shifted-away-from-spas\/\">\u0440\u044f\u0434 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0443\u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u0439<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0430\u043d\u043d\u0443\u043b\u0438\u0440\u0443\u044e\u0442 \u0433\u043b\u0430\u0432\u043d\u044b\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u0434\u043d\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 (SPA) \u0432\u043c\u0435\u0441\u0442\u043e \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u043d\u043e\u0433\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0445 \u0441\u0430\u0439\u0442\u043e\u0432 (MPA):<\/p>\n<ol>\n<li>Chrome \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043b <a href=\"https:\/\/developer.chrome.com\/blog\/paint-holding\/\">\u0443\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u0437\u0430\u043b\u0438\u0432\u043a\u0438<\/a> (paint holding) \u2014 \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435\u0442 \u00ab\u0431\u0435\u043b\u043e\u0439 \u0432\u0441\u043f\u044b\u0448\u043a\u0438\u00bb \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0435 \u043c\u0435\u0436\u0434\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438 (Safari \u0441\u0434\u0435\u043b\u0430\u043b \u044d\u0442\u043e <a href=\"https:\/\/twitter.com\/xeenon\/status\/1125981836591620097\">\u0432 2019 \u0433<\/a>).  <\/li>\n<li>Chrome \u0432\u043d\u0435\u0434\u0440\u0438\u043b <a href=\"https:\/\/web.dev\/bfcache\/\">\u043a\u044d\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u00ab\u043d\u0430\u0437\u0430\u0434-\u0432\u043f\u0435\u0440\u0451\u0434\u00bb<\/a> (back-forward caching) \u2014 \u0442\u0435\u043f\u0435\u0440\u044c \u044d\u0442\u0430 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u0430 \u0432\u043e \u0432\u0441\u0435\u0445 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445, \u0442\u0430\u043a \u0447\u0442\u043e \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0432\u043f\u0435\u0440\u0451\u0434-\u043d\u0430\u0437\u0430\u0434 \u043c\u0435\u0436\u0434\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438 MPA \u0441\u0442\u0430\u043b\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e\u0439.  <\/li>\n<li>Service Workers \u2014 \u043a\u043e\u0433\u0434\u0430-\u0442\u043e \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0442\u0435\u043f\u0435\u0440\u044c \u0441\u0442\u0430\u043b\u0430 <a href=\"https:\/\/caniuse.com\/serviceworkers\">\u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0430 100%<\/a> \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0439 \u0432\u043e \u0432\u0441\u0435\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445. \u041e\u043d\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u043d\u0435\u0434\u0440\u0438\u0442\u044c \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u0443\u044e \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044e \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c \u0431\u0435\u0437 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 (\u0438 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0445 \u0441 \u044d\u0442\u0438\u043c \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439).  <\/li>\n<li>\u0415\u0441\u043b\u0438 <a href=\"https:\/\/github.com\/WICG\/shared-element-transitions\/\">Shared Element Transitions<\/a> \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u0438\u043d\u044f\u0442\u044b \u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u044b \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445, \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u043c\u0435\u0436\u0434\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438 MPA, \u0447\u0442\u043e \u0440\u0430\u043d\u0435\u0435 \u0431\u044b\u043b\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e (\u0445\u043e\u0442\u044f \u0438 \u0441\u043b\u043e\u0436\u043d\u043e) \u0442\u043e\u043b\u044c\u043a\u043e \u0432 SPA.<\/li>\n<\/ol>\n<p>  \u0415\u0441\u043b\u0438 \u0432\u0430\u0441 \u044d\u0442\u043e \u043d\u0435 \u0443\u0431\u0435\u0434\u0438\u043b\u043e \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u0442\u043e\u043b\u0441\u0442\u044b\u0445 \u043e\u0434\u043d\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u043e\u0446\u0435\u043d\u0438\u0442\u0435 <a href=\"https:\/\/williamkennedy.ninja\/javascript\/2022\/05\/03\/in-defence-of-the-single-page-application\/\">\u0442\u0430\u043a\u043e\u0439 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442<\/a> \u043e\u0442 \u00ab\u0437\u0430\u0449\u0438\u0442\u043d\u0438\u043a\u043e\u0432 SPA\u00bb.<\/p>\n<p>  \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c SPA \u043e\u0441\u0442\u0430\u043d\u0443\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043d\u0438\u0448\u0430\u0445, \u0433\u0434\u0435 \u0431\u0435\u0437 \u043d\u0438\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0435 \u043e\u0431\u043e\u0439\u0442\u0438\u0441\u044c. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0445\u043e\u0442\u0438\u0442\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 (\u043e\u043a\u043d\u043e \u043f\u043b\u0435\u0435\u0440\u0430 \u0438\u043b\u0438 \u0432\u0438\u0434\u0436\u0435\u0442 \u0447\u0430\u0442\u0430) \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u043f\u043e \u0441\u0430\u0439\u0442\u0443. \u042d\u0442\u043e \u043c\u043e\u0434\u043d\u0430\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f <a href=\"https:\/\/www.youtube.com\/watch?v=860d8usGC0o\">transitional apps<\/a>.<\/p>\n<p>  \u041f\u043e\u0445\u043e\u0436\u0435, \u0447\u0442\u043e SPA \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e\u0442 \u0441\u0443\u0434\u044c\u0431\u0443 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 jQuery. \u041e\u043d\u0430 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u043b\u0430 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0438 \u0443\u0434\u043e\u0431\u043d\u044b\u0435 API, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u043b\u0438\u0441\u044c \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445. \u041d\u043e \u043a\u043e\u0433\u0434\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043b\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document\/querySelector\">querySelector<\/a>, <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/fetch\">fetch<\/a> \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0432\u044b\u0437\u043e\u0432\u044b, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f jQuery \u0441\u0442\u0430\u043b\u0430 \u0443\u0436\u0435 \u043d\u0435 \u0442\u0430\u043a\u043e\u0439 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e\u0439.<\/p>\n<h2><font color=\"#076184\">\u041a\u0440\u043e\u0448\u0435\u0447\u043d\u044b\u0439 \u043e\u0431\u0440\u0430\u0437 Docker \u0434\u043b\u044f \u0440\u0430\u0437\u0434\u0430\u0447\u0438 \u0441\u0442\u0430\u0442\u0438\u043a\u0438<\/font><\/h2>\n<p>  \u0415\u0441\u043b\u0438 \u0440\u0430\u0441\u0441\u0443\u0436\u0434\u0430\u0442\u044c \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438, \u0442\u043e \u0434\u043b\u044f \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0430 \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043e\u0441\u043e\u0431\u0430\u044f \u0432\u044b\u0447\u0438\u0441\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u043c\u043e\u0449\u043d\u043e\u0441\u0442\u044c. \u041d\u0443\u0436\u043d\u043e \u0432\u0441\u0435\u0433\u043e \u043b\u0438\u0448\u044c \u0438\u0437\u0440\u0435\u0434\u043a\u0430 \u043e\u0442\u0434\u0430\u0432\u0430\u0442\u044c \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u0444\u0430\u0439\u043b\u044b \u0432 \u043e\u0442\u0432\u0435\u0442 \u043d\u0430 \u0432\u0445\u043e\u0434\u044f\u0449\u0438\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b. \u041a\u0430\u0436\u0435\u0442\u0441\u044f \u0438\u0437\u043b\u0438\u0448\u0435\u0441\u0442\u0432\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e Docker \u0441 \u0442\u044f\u0436\u0435\u043b\u043e\u0432\u0435\u0441\u043d\u044b\u043c \u0434\u0432\u0438\u0436\u043a\u043e\u043c \u0442\u0438\u043f\u0430 nginx.<\/p>\n<p>  \u041e\u0434\u043d\u0430\u043a\u043e, \u0444\u0430\u043d\u0430\u0442\u044b-\u0434\u043e\u043a\u0435\u0440\u044b \u0441 \u044d\u0442\u0438\u043c \u043d\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u044b. \u041e\u0434\u0438\u043d \u0438\u0437 \u043d\u0438\u0445 <a href=\"https:\/\/lipanski.com\/posts\/smallest-docker-image-static-website\">\u043f\u043e\u0441\u0442\u0430\u0432\u0438\u043b \u0437\u0430\u0434\u0430\u0447\u0443<\/a> \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043e\u0431\u0440\u0430\u0437 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0434\u043b\u044f \u0440\u0430\u0437\u0434\u0430\u0447\u0438 \u0441\u0442\u0430\u0442\u0438\u043a\u0438. \u041e\u043d \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043b \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0435 \u0444\u0430\u0439\u043b-\u0441\u0435\u0440\u0432\u0435\u0440\u044b \u0438 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0441\u044f \u043d\u0430 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u043c <a href=\"https:\/\/www.acme.com\/software\/thttpd\/\">thttpd<\/a>:<\/p>\n<pre><code class=\"bash\">thttpd -D -h 0.0.0.0 -p 3000 -d \/static-website -u static-user -l - -M 60<\/code><\/pre>\n<p>  \u0417\u0430\u0442\u0435\u043c \u043d\u0430\u0448\u0451\u043b \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0439 \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u0443\u0442\u0438\u0432 Alpine, \u0432 \u0441\u043e\u0441\u0442\u0430\u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0443\u0436\u0435 \u0432\u0445\u043e\u0434\u0438\u0442 <code>thttpd<\/code>. \u041f\u043e\u043b\u0443\u0447\u0438\u043b\u0441\u044f \u0434\u043e\u043a\u0435\u0440-\u043e\u0431\u0440\u0430\u0437 7,77 \u041c\u0411.<\/p>\n<p>  \u0417\u0430\u0442\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b \u0434\u043e\u043a\u0435\u0440\u043e\u0432\u0441\u043a\u0438\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 <a href=\"https:\/\/hub.docker.com\/_\/scratch\">scratch<\/a> \u0434\u043b\u044f \u043c\u0438\u043d\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u043e\u0431\u0440\u0430\u0437\u0430. \u042d\u0442\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0432\u043d\u0443\u0442\u0440\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u044f\u0434\u0440\u043e \u0438 \u0441\u043a\u0440\u0438\u043f\u0442 \u0434\u043b\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0432\u0441\u0435\u0433\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0433\u043e, \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0438 \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442 Alpine (130 \u041c\u0411), \u0431\u0435\u0440\u0451\u0442 \u0441\u043d\u0430\u0440\u0443\u0436\u0438 \u0444\u0430\u0439\u043b\u044b \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0430 \u2014 \u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c:<\/p>\n<pre><code class=\"bash\">FROM alpine:3.13.2 AS builder  ARG THTTPD_VERSION=2.29  # Install all dependencies required for compiling thttpd RUN apk add gcc musl-dev make  # Download thttpd sources RUN wget http:\/\/www.acme.com\/software\/thttpd\/thttpd-${THTTPD_VERSION}.tar.gz \\ &amp;&amp; tar xzf thttpd-${THTTPD_VERSION}.tar.gz \\ &amp;&amp; mv \/thttpd-${THTTPD_VERSION} \/thttpd  # Compile thttpd to a static binary which we can copy around RUN cd \/thttpd \\ &amp;&amp; .\/configure \\ &amp;&amp; make CCOPT='-O2 -s -static' thttpd  # Create a non-root user to own the files and run our server RUN adduser -D static  # Switch to the scratch image FROM scratch  EXPOSE 3000  # Copy over the user COPY --from=builder \/etc\/passwd \/etc\/passwd  # Copy the thttpd static binary COPY --from=builder \/thttpd\/thttpd \/  # Use our non-root user USER static WORKDIR \/home\/static  # Copy the static website # Use the .dockerignore file to control what ends up inside the image! COPY . .  # Run thttpd CMD [\"\/thttpd\", \"-D\", \"-h\", \"0.0.0.0\", \"-p\", \"3000\", \"-d\", \"\/home\/static\", \"-u\", \"static\", \"-l\", \"-\", \"-M\", \"60\"]<\/code><\/pre>\n<p>  \u0412 \u0438\u0442\u043e\u0433\u0435 \u0441\u0430\u043c \u043e\u0431\u0440\u0430\u0437 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0437\u043c\u0435\u0440:<\/p>\n<pre><code class=\"plaintext\">> docker images | grep static static latest ab0699ed2690 About a minute ago 186kB<\/code><\/pre>\n<p>  \u0412\u0441\u0435\u0433\u043e 186 \u041a\u0411. \u041f\u043b\u044e\u0441 \u0444\u0430\u0439\u043b\u044b \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0430, \u0432\u043e\u0442 \u0438 \u0432\u0441\u0451, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u043d\u043e\u0441\u0438\u0442\u044c \u0441 \u0441\u043e\u0431\u043e\u0439.<\/p>\n<p>  \u041a\u043e\u0434 \u043b\u0435\u0436\u0438\u0442 \u043d\u0430 <a href=\"https:\/\/github.com\/lipanski\/docker-static-website\">docker-static-website<\/a>.<\/p>\n<h2><font color=\"#076184\">\u0412\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440 \u0441 \u043d\u0430\u0448\u0438\u043c\u0438 \u0444\u0430\u0439\u043b\u0430\u043c\u0438 \u0432\u043d\u0443\u0442\u0440\u0438 \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a\u0430<\/font><\/h2>\n<p>  \u041d\u0435 \u043c\u0435\u043d\u0435\u0435 \u044d\u043b\u0435\u0433\u0430\u043d\u0442\u043d\u044b\u0439 \u0442\u0440\u044e\u043a \u2014 \u0432\u0437\u044f\u0442\u044c \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440 <a href=\"https:\/\/github.com\/jart\/cosmopolitan\/blob\/master\/tool\/net\/redbean.c\">Redbean<\/a> \u0438 \u0432\u043d\u0435\u0434\u0440\u0438\u0442\u044c <i>\u0432\u043d\u0443\u0442\u0440\u044c<\/i> \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a\u0430 \u0441\u0432\u043e\u0438 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0444\u0430\u0439\u043b\u044b. \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u0444\u0430\u0439\u043b <code>.com<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u0442\u0438\u0432\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0434 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u043c\u0438: Linux, Mac, Windows, FreeBSD, OpenBSD, NetBSD \u0438 BIOS. \u0422\u043e \u0435\u0441\u0442\u044c \u044d\u0442\u043e\u0442 \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 \u043b\u044e\u0431\u043e\u043c \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0435 \u0438 \u0432\u044b\u0434\u0430\u0451\u0442 \u0432\u0430\u0448 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0432 \u043e\u0444\u043b\u0430\u0439\u043d\u0435. \u0410\u0432\u0442\u043e\u0440 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b Redbean \u0438 \u043a\u0440\u043e\u0441\u0441-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0444\u043e\u0440\u043c\u0430\u0442\u0430 <a href=\"https:\/\/justine.lol\/ape.html\">\u03b1c\u03c4\u00b5\u03b1lly p\u03b4r\u03c4\u03b1bl\u03b5 \u03b5x\u03b5c\u00b5\u03c4\u03b1bl\u03b5<\/a> \u2014 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u0430\u044f \u0445\u0430\u043a\u0435\u0440\u0448\u0430 <a href=\"https:\/\/justine.lol\/\">\u0414\u0436\u0430\u0441\u0442\u0438\u043d \u0422\u0430\u043d\u043d\u0438<\/a>.<\/p>\n<p>  \u041c\u0438\u043d\u0438\u043c\u0430\u043b\u0438\u0437\u043c \u0438 \u0441\u0436\u0438\u0433\u0430\u043d\u0438\u0435 \u043b\u0438\u0448\u043d\u0438\u0445 \u0441\u043b\u043e\u0451\u0432 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u2014 \u043f\u043e\u0445\u0432\u0430\u043b\u044c\u043d\u0430\u044f \u0442\u0435\u043d\u0434\u0435\u043d\u0446\u0438\u044f \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u043e \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435, \u043d\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u0432 \u043b\u044e\u0431\u043e\u043c \u0441\u043e\u0444\u0442\u0435. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u044b\u0445 \u041e\u0421 \u043e\u0436\u0438\u0440\u0435\u043d\u0438\u0435 \u0432\u043e\u043e\u0431\u0449\u0435 \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u043b\u043e \u0445\u0440\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0444\u043e\u0440\u043c\u0443. \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 <a href=\"https:\/\/habr.com\/ru\/company\/vdsina\/blog\/556556\/\">\u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442 \u043d\u043e\u0432\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0430 \u043d\u0435 \u0443\u0431\u0438\u0440\u0430\u044e\u0442 \u043b\u0438\u0448\u043d\u0438\u0435<\/a>. \u041f\u043e\u0447\u0442\u0438 \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u0441\u0442\u0430\u0432\u0438\u0442 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0446\u0435\u043b\u044c\u044e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0437\u0430 \u0441\u0447\u0451\u0442 <i>\u0443\u0434\u0430\u043b\u0435\u043d\u0438\u044f<\/i> \u043a\u043e\u0434\u0430.<\/p>\n<p>  \u0414\u043b\u044f \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432 \u0442\u043e\u0436\u0435 \u0438\u043d\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0438\u0441\u043a\u0430\u0442\u044c \u043e\u0431\u043b\u0435\u0433\u0447\u0451\u043d\u043d\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <a href=\"https:\/\/tinyssh.org\/\">TinySSH<\/a> \u2014 \u043e\u0442\u043b\u0438\u0447\u043d\u044b\u0439 SSH-\u0441\u0435\u0440\u0432\u0435\u0440 \u0431\u0435\u0437 \u043b\u0438\u0448\u043d\u0438\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439.<\/p>\n<p>  \u041a\u0430\u043a \u0432\u0430\u0440\u0438\u0430\u043d\u0442, \u0434\u043b\u044f \u0434\u0440\u0435\u0432\u043d\u0435\u0433\u043e \u0436\u0435\u043b\u0435\u0437\u0430 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u0440\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440 <a href=\"http:\/\/www.brutman.com\/mTCP\/mTCP_HTTPServ.html\">mTCP<\/a> (HTTPServ) \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u044b\u0445 IBM PC \u0440\u0430\u0437\u0434\u0430\u0451\u0442 \u0441\u0430\u0439\u0442 <a href=\"http:\/\/serentty.com\/\">serentty.com<\/a> (<a href=\"https:\/\/archive.ph\/WUdgc\">\u043a\u043e\u043f\u0438\u044f<\/a>) \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 386 SX 25 \u041c\u0413\u0446 \u0438 4 \u041c\u0411 \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043a\u0438 \u043f\u043e \u043a\u0430\u043d\u0430\u043b\u0443 38400 \u0431\u043e\u0434:<\/p>\n<pre> HTTP\/1.1 200 OK Server: mTCP HTTPServ Mar 7 2020 Date: Sun, 17 Apr 2022 00:30:00 GMT Content-Type: text\/html Content-Length: 5355 Expires: Fri, 14 Oct 2022 00:30:00 GMT Last-Modified: Sun, 17 Apr 2022 00:02:00 GMT Connection: keep-alive<\/pre>\n<p>  \u0425\u043e\u0442\u044f \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u043e\u043f\u044f\u0442\u044c \u0443\u043f\u0430\u0434\u0451\u0442, \u043d\u0430\u0432\u0435\u0440\u043d\u043e\u0435\u2026<\/p>\n<p>  \u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u043f\u043e\u043b\u044c\u0437\u0430 \u0442\u0430\u043a\u0438\u0445 \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u043e\u0432 \u2014 \u043e\u043d\u0438 \u043f\u043e\u043e\u0449\u0440\u044f\u044e\u0442 \u043a\u0440\u0435\u0430\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u044e\u0442 \u043b\u044e\u0431\u043e\u0432\u044c \u043a \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435, \u043d\u0435\u043c\u043d\u043e\u0436\u043a\u043e \u043f\u0440\u0438\u0431\u043b\u0438\u0436\u0430\u044f \u0435\u0433\u043e \u043a \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0443. \u041c\u044b \u0432\u0441\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u043c \u043e \u0433\u043b\u0430\u0432\u043d\u043e\u043c: \u0432\u0435\u0434\u044c \u043c\u044b \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0442\u043e\u0447\u0438\u043c \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0435 \u0433\u0430\u0439\u043a\u0438 \u043d\u0430 \u0441\u0442\u0430\u043d\u043a\u0435, \u0447\u0442\u043e\u0431\u044b \u043a\u0443\u043f\u0438\u0442\u044c \u0435\u0434\u0443 \u0438 \u043e\u043f\u043b\u0430\u0442\u0438\u0442\u044c \u0438\u043f\u043e\u0442\u0435\u043a\u0443, \u0430 \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u043a\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u0434\u043b\u044f \u0441\u0430\u043c\u043e\u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438.<\/p>\n<hr\/>\n<p>\u041d\u041b\u041e \u043f\u0440\u0438\u043b\u0435\u0442\u0435\u043b\u043e \u0438 \u043e\u0441\u0442\u0430\u0432\u0438\u043b\u043e \u0437\u0434\u0435\u0441\u044c \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0434\u043b\u044f \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0435\u0439 \u043d\u0430\u0448\u0435\u0433\u043e \u0431\u043b\u043e\u0433\u0430:<\/p>\n<p>   \u2014 <a href=\"https:\/\/firstvds.ru\/?utm_source=habr&amp;utm_medium=article&amp;utm_campaign=product&amp;utm_content=vds15exeptprogrev\">15% \u043d\u0430 \u0432\u0441\u0435 \u0442\u0430\u0440\u0438\u0444\u044b VDS<\/a> (\u043a\u0440\u043e\u043c\u0435 \u0442\u0430\u0440\u0438\u0444\u0430 \u041f\u0440\u043e\u0433\u0440\u0435\u0432) \u2014 <b><font color=\"#163C51\">HABRFIRSTVDS<\/font><\/b>.<\/div>\n<\/div>\n<\/div>\n<div class=\"v-portal\" style=\"display:none;\"><\/div>\n<\/div>\n<p> <!----> <!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/company\/first\/blog\/669774\/\"> https:\/\/habr.com\/ru\/company\/first\/blog\/669774\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-1\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/5c\/sp\/sd\/5cspsdqieuqxmjhbxiwsxexaui4.png\" data-src=\"https:\/\/habrastorage.org\/webt\/5c\/sp\/sd\/5cspsdqieuqxmjhbxiwsxexaui4.png\"\/><br \/>  \u041a\u0430\u043a \u043c\u044b <a href=\"https:\/\/habr.com\/ru\/company\/first\/blog\/653771\/\">\u043e\u0431\u0441\u0443\u0436\u0434\u0430\u043b\u0438<\/a> \u0432 \u043f\u0440\u043e\u0448\u043b\u044b\u0439 \u0440\u0430\u0437, \u0443\u0434\u0440\u0443\u0447\u0430\u044e\u0449\u0435\u0435 <a href=\"https:\/\/habr.com\/ru\/post\/423889\/\">\u043e\u0436\u0438\u0440\u0435\u043d\u0438\u0435 \u0441\u0430\u0439\u0442\u043e\u0432 \u0438 \u0441\u043e\u0444\u0442\u0430<\/a> \u0432\u0435\u0440\u043d\u0443\u043b\u043e \u043c\u043e\u0434\u0443 \u043d\u0430 \u043f\u0440\u043e\u0441\u0442\u044b\u0435, \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b. \u0418 \u0441\u0435\u0439\u0447\u0430\u0441 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 <a href=\"https:\/\/habr.com\/ru\/company\/first\/blog\/653771\/\">\u0441\u0432\u043e\u0435\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0439 \u0440\u0435\u043d\u0435\u0441\u0441\u0430\u043d\u0441<\/a> \u0432\u0435\u0431\u0430 90-\u0445, \u0432\u043f\u043b\u043e\u0442\u044c \u0434\u043e \u0441\u0442\u0438\u043b\u044f <a href=\"https:\/\/geocities.restorativland.org\/\">Geocities<\/a> (\u0442\u0430\u043a\u043e\u0439 \u0431\u044b\u043b \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433) \u0438 <a href=\"https:\/\/lab6.com\/\">\u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0432 \u0432\u0438\u0434\u0435 PDF<\/a>. \u0422\u0430\u043a\u043e\u0432\u044b \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u0430\u043c\u043e\u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u0423 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430 \u2014 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0430\u0439\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0438 \u043e\u0442\u0440\u0430\u0436\u0430\u0435\u0442 \u0435\u0433\u043e \u043b\u0438\u0447\u043d\u043e\u0441\u0442\u044c.<\/p>\n<p>  \u0421\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u0430\u0439\u0442 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0432 <a href=\"https:\/\/john-doe.neocities.org\/\">\u043e\u0434\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435 HTML<\/a>, \u0430 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u2014 \u0432 \u043e\u0434\u043d\u043e\u043c \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a\u0435 (\u043f\u043e\u0434 \u043a\u0430\u0442\u043e\u043c). \u0422\u0435\u043d\u0434\u0435\u043d\u0446\u0438\u044f \u0432\u0438\u0434\u043d\u0430 \u0432\u0435\u0437\u0434\u0435. \u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0434\u0430\u0436\u0435 <a href=\"https:\/\/nolanlawson.com\/2022\/05\/21\/the-balance-has-shifted-away-from-spas\/\">\u0445\u0432\u0430\u043b\u044f\u0442\u0441\u044f<\/a> \u00ab0\u043a\u0411 JavaScript\u00bb \u043f\u043e \u0434\u0435\u0444\u043e\u043b\u0442\u0443, \u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u0432\u043d\u0435\u0434\u0440\u0438\u043b\u0438 <a href=\"https:\/\/developer.chrome.com\/blog\/paint-holding\/\">\u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0443\u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u044f<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u043e \u043c\u043d\u043e\u0433\u043e\u043c \u0430\u043d\u043d\u0443\u043b\u0438\u0440\u0443\u044e\u0442 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f SPA.  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-334393","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/334393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=334393"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/334393\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=334393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=334393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=334393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}