Auto Load
Eager Load
<turbo-frame id="messages" src="/messages">
Content will be replaced when /messages has been loaded.
</turbo-frame>
Lazy Load
<turbo-frame id="messages" src="/messages" loading="lazy">
Content will be replaced when the frame becomes visible and /messages has been loaded.
</turbo-frame>
Demo
https://hotwire-django.fly.dev/turbo-frame/
The form and list part would be loaded from the server when the page is loaded.