phooos VS lovely

> You need to do click to edit, lazy loading, infinite scroll, a live search, or anything else that you’d normally be reaching for JavaScript to accomplish, you can now add HTMX to the stack, write a few more attributes on your HTML, get what you need done, and never have to use JavaScript.

And what is HTMX? A 44KB-minified JavaScript library! So this statement is false. If you really want to be lightweight, use pure CSS frameworks like Spectre (https://github.com/niutech/spectre) and pure HTML out-of-order streaming (https://github.com/niutech/phooos). If you really want a sparkle of JS, use 166b (bytes, not kilobytes!) HTMZ (https://leanrada.com/htmz/).

External CSS in `` has been used since the beginning of CSS and they are render-blocking by default (see https://web.dev/articles/critical-rendering-path/render-bloc...), so as long as CSS is small and on the same server, it won't incur FOUC. On the other hand, putting all the CSS inline in `` makes HTML document download the same style on each reload instead of from cache. The best from both worlds is to embed a lightweight basic CSS stylesheet inline and the rest in cache-able external CSS files. What I am proposing is not to use JS at all, just pure CSS + pure HTML streaming (e.g. <a href="https://github.com/niutech/phooos">https://github.com/niutech/phooos</a>), which is very fast.