We can't find the internet
Attempting to reconnect
Something went wrong!
Hang in there while we get back on track
Optimizing Network Data Transfer in Elixir LiveView with push_event
243
clicks
Source: dev.to
aziz abdullaev detailed the process and challenges of optimizing data transfer in a LiveView application. Originally, the application was sending a large number of individual messages, each containing data for rendering map points, resulting in poor performance when deployed remotely. By aggregating events into a single push_event and optimizing the messages' content, the author significantly reduced message size and improved the application's performance. Techniques included compressing the JSON payload with Erlang's :zlib module, minimizing the data being transferred by dropping unused database fields, and using smaller key names or arrays to streamline the message content. Additional client-side optimizations were made using JavaScript decoding and decompression libraries, resulting in an almost instantaneous render speed and a high Lighthouse performance score.
Related posts
© HashMerge 2024