October 05, 2023

Optimizing Phoenix Template Rendering through Meta-programming

138

clicks

Optimizing Phoenix Template Rendering through Meta-programming

Source: youtube.com

Andrew Selder, a senior staff engineer at Estée Lauder, discussed a significant performance bottleneck in rendering dynamic templates for multi-tenant eCommerce platforms. Initially, rendering brand-specific templates was taking 400-500ms due to them not being compiled at compile time. Phoenix is known for fast template rendering, so Selder's team aimed to match that performance. Using Elixir's meta-programming capabilities, they devised a method that leveraged `eex function from string` to twice compile templates to functions that return IO lists, which are handled efficiently by Phoenix. Benchmarks showed a 300x improvement over the previous method, dropping render times from 10 milliseconds to orders of magnitude less. This approach also included challenges like tracking changes and avoiding compilation at runtime for every consumer request, hence a gen server was used to manage template compilation efficiently. The results were a significant reduction in page load times, from an average of 600ms to around 150ms, improving the end-user experience.

Understanding Elixir's Strong Arrows in Gradual Typing

German Velasco explains the concept of strong arrows in Elixir, which is a new way of dealing with gradual typing. Strong arrows are functions that can be statically proven to error when evaluated on values outside of their input types.

Oct 04, 2023

Introducing Beacon, a CMS for Phoenix LiveView

Leandro Pereira discusses how Beacon, a new content management system powered by Phoenix LiveView, brings innovations to the web development field by enabling high-performance rendering and template reloading at runtime, avoiding redeployments and achieving high SEO scores.

Oct 04, 2023

Creating Custom Data Visualizations in LiveView with SVG

Meks McClure & Mark Keele share their process of building interactive charts in Elixir, including evaluating existing libraries, hand rolling SVG charts, using LiveView and Tailwind, and adding interactivity and data appending with Phoenix streams.

Oct 03, 2023