Same password field, same three rules, four ways of answering them. Type in it and watch the wire.
These are scoped measurements, not a packet capture. HTTP counts the request body plus the
browser’s transferSize estimate for the response; it cannot reveal the request headers.
WebSocket counts payload plus basic frame overhead, excluding the handshake, TLS and lower network layers.
Socket + HTML resembles the htmx WebSocket extension: the server renders and ships the whole
list every time. LiveView-style sends static parts once, then only changed slots. The snippets
show real framework code, while this Francis site uses small Elixir sockets to reproduce the essential
exchanges rather than the frameworks’ exact wire protocols. This is an illustration, not a benchmark.