{"id":10891,"date":"2021-08-16T07:00:00","date_gmt":"2021-08-16T15:00:00","guid":{"rendered":"https:\/\/formtek.com\/blog\/?p=10891"},"modified":"2021-04-25T17:37:10","modified_gmt":"2021-04-26T01:37:10","slug":"html-over-websockets-responsiveness-with-low-latency-but-be-careful","status":"publish","type":"post","link":"https:\/\/formtek.com\/blog\/html-over-websockets-responsiveness-with-low-latency-but-be-careful\/","title":{"rendered":"HTML Over WebSockets: Responsiveness with Low Latency, but Be Careful"},"content":{"rendered":"\n

Single-page Apps (SPA) have ruled developer mindsets over the last decade. The problem is that current SPA architectures are flawed. On the front end, the developer writes Javascript-based applications that exchange JSON packages asynchronously to backend RESTful APIs. In this world, RESTful APIs rule. A problem is that the front end and the back end are typically written in two different languages and must be maintained separately and use JSON as the intermediary communication.<\/p>\n\n\n\n

An alternative to this approach is beginning to be explored by some development teams: HTML over WebSocket<\/a>. In that approach, when a web app is initiated, the front end opens a WebSocket connection to the backend. The front end requests content via URIs to the backend which responds by sending back HTML fragments that the front-end inserts into the page DOM.<\/p>\n\n\n\n

It turns out that this approach significantly reduces the use of Javascript because the HTML data fragment is constructed on the backend. WebSockets is also a speedier protocol compared to HTTP. For applications like chatbots, pushing communication back and forth via an open socket is particularly speedy. WebSocket apps have the potential to be responsive with low latency<\/a>. So, while the idea of the WebSocket approach has advantages and is gaining some traction, won’t the approach have its own set of weaknesses? Everything always does.<\/p>\n\n\n\n

Generally the WebSocket approach is a win, but there are some potentially serious problems. One is that processing is pushed back to the server, requiring more resources on the server, but a big issue is that the architecture makes it necessary to have a WebSocket open for every client.<\/p>\n\n\n\n

Jason Gillam<\/a>, analyzed one app built as an SPA WebSocket app<\/a> and found numerous security issues with the implementation, attributed to the fact that WebSocket apps aren’t as well understood as the dominant HTTP implementations. While one app can’t represent all apps, it does make one pause. Gillam wrote that “We therefore believe organizations should be extra cautious of WebSockets and understand that they are often misunderstood and not implemented with proper security controls in place.”<\/p>\n\n\n\n

<\/p>\n

\"Digg<\/a><\/div>
\"Reddit<\/a><\/div>
\"Stumble<\/a><\/div>
\"Buzz<\/a><\/div>
\"Vote<\/a><\/div>
\"Share<\/a><\/div>
\"Bookmark<\/a><\/div>
\"Kick<\/a><\/div>
\"Shout<\/a><\/div>
\"Share<\/a><\/div>
\"Bookmark<\/a><\/div>
\"Post<\/a><\/div>
\"Google<\/a><\/div><\/div>","protected":false},"excerpt":{"rendered":"

Single-page Apps (SPA) have ruled developer mindsets over the last decade. The problem is that current SPA architectures are flawed. On the front end, the developer writes Javascript-based applications that exchange JSON packages asynchronously to backend RESTful APIs. In this…<\/span><\/p>\n

Read more ›<\/a><\/div>\n

<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[78],"tags":[],"class_list":["post-10891","post","type-post","status-publish","format-standard","hentry","category-code-development"],"_links":{"self":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts\/10891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/comments?post=10891"}],"version-history":[{"count":1,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts\/10891\/revisions"}],"predecessor-version":[{"id":10892,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts\/10891\/revisions\/10892"}],"wp:attachment":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/media?parent=10891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/categories?post=10891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/tags?post=10891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}