More from Henry Kim

RSS

ETag + last_modified for expensive Turbo Frame endpoints

6085 views

0 comments

                  class ActivityPanelController < ApplicationController
  def show
    @project = Project.find(params[:project_id])
    @events = @project.events.order(created_at: :desc).limit(50)

    latest = @events.maximum(:updated_at)
    return unless stale?(etag: [@project.cache_key_with_version, latest], last_modified: latest)
  end
end

                  <%= turbo_frame_tag 'activity_panel' do %>
  <%= render @events %>
<% end %>

Turbo Frames can trigger lots of small requests, so caching matters. For expensive frame endpoints (like an activity panel), I use stale? with an ETag that includes a cache key and the latest update timestamp. If the content hasn’t changed, Rails returns 304 Not Modified and Turbo keeps the existing DOM. This can reduce server load dramatically for users who navigate around but keep the same side panel. The important detail is choosing a good ETag: include the user boundary and any relevant query params. I also pair this with includes to avoid N+1 when the panel does need to render. The result is a UI that feels live and snappy without constantly re-rendering the same HTML.

Henry Kim

More from Henry Kim

ETag + last_modified for expensive Turbo Frame endpoints

0 Comments

More from Henry Kim