<p></p>
<p dir="auto">With the current solution, back-end side still renders a whole page including header and other elements, that won't be updated (see screenshot). For example, generating a header requires ~1s extra time and when user uses pagination, in some cases, ignoring everything that won't be rendered in the <code class="notranslate">turbo-frame</code> may give us 2-10x faster calls. In addition to this, people who use application from mobile phones, spend more data than it is needed. Turbo Streams are great tool for solving this, or we can use API endpoints that render only partial which should be rendered in the <code class="notranslate">turbo-frame</code> element (but both ways may need a small amount of JS code). I have the same problem in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2453017846" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/5057" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/5057/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/pull/5057">#5057</a>. I think it will be great if we have one standard about using <code class="notranslate">turbo-frames</code>.</p>
<p dir="auto">Screenshot:</p>
<p dir="auto"><a href="https://github.com/user-attachments/assets/cc8af9dd-11a0-4c7f-9b69-9ec35b4315bf">image.png (view on web)</a></p>
<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4646#issuecomment-2283373826">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLIT7W5Y4JPWO54UFCDZRBWOFAVCNFSM6AAAAABFV2CCZGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEOBTGM3TGOBSGY">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLNPAEC4VIQ2JILYPQTZRBWOFA5CNFSM6AAAAABFV2CCZGWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTUIDGCQE.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/4646/c2283373826</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/4646#issuecomment-2283373826",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/4646#issuecomment-2283373826",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>