Как выжать из HTML/CSS динамику, или создание IRC клиента без JS

Когда возникает идея создать браузерный IRC-клиент без JavaScript, приходится сталкиваться с классической проблемой фронтенда: все насколько привыкли гнать динамику через JavaScript, что перестали замечать возможности HTML/CSS с щепоткой серверной магии по реализации многих фич. HTTP Streaming существует с давних времён, а CSS эволюционировал настолько, что может справиться с логикой состояний — но мы упорно продолжаем грузить мегабайты JavaScript (и иногда даже WebAssembly) для решений, которые вполне можно реализовать иначе. Идея создать IRC клиент без JavaScript не совсем нова (хоть это и выяснилось уже после создания такого :) ). Ещё в нулевых появился CGI:IRC — настоящий IRC клиент, который может работать полностью без JavaScript, позволяя людям общаться в реальном времени через браузер, даже если JavaScript по каким-то причинам не работал. Но это было в эру table-layouts, и когда CSS не был так развит, как сейчас. Сегодня возможностей больше, и мы воспользуемся ими, чтобы навернуть функциональность, которая не видана CGI:IRC. Результат можно глянуть (хоть и с дополнительной стилизацией и изменениями, которые не так важны для статьи) здесь , а ещё на GitHub

https://habr.com/ru/companies/timeweb/articles/1036526/

#declarative_shadow_dom #irc #nojs #html #css #httpstreaming #cssлогика #timeweb_статьи

#CaseStudy – improved page-loading performance with #HTTPStreaming at #Airbnb: https://bit.ly/3Jt5iAO

They reduced the First Contentful Paint metric by around 100 milliseconds on every page tested (including the homepage) & minimized the impact of slow backend queries on the loading times.

#InfoQ