Server-Driven Web Apps with htmx

Boosting

For multipage web apps, you can improve the performance of loading new pages by adding hx-boost="true" to the elements that load them. This can be applied to a (anchor) and form elements (or their submit buttons). It only works for pages at the same domain as the web app.

Boosting uses an AJAX request to obtain the content of the target page. The contents of the target page body element replace the content of the current body element. The only element inside the target page head element that’s processed is the title element. The link elements (typically used to load CSS files) and script elements (typically used to load JavaScript code) aren’t processed, so boosting is only useful when all the CSS and JavaScript needed by the target ...