there's both a limit to the number of http requests that the browser will do at once + an overhead to each http request

so by putting it in one you theoretically shave some time off to first paint

but it's real dependent on the number of assets you're including per page - if you have 2 js files and one css you're not going to save that much time by concatenating the js files together

Gotcha, thanks for explaining that to me!

I've seen some apps that have 15+ files and in those cases you would get a great boon by combining

the limit I think is 6 requests btw so as long you stay under that I don't think you save any time

actually might save time to do them simultaneously

Weird, what does ~6 come from?

no idea if it's changed

🙂

Good to know, though. Thanks 🙂

It's worth pointing out that's for HTTP1.1. With HTTP2 only 1 connection will be opened per host, but due to multiplexing it can basically do an unlimited number of concurrent requests, with the spec recommending browsers support at least 100.

To answer your question, I don't bother any more with only a dozen or so files. If you've got loads you might want to experiment with something like webpack that can also do tree shaking to remove dead code and bundle splitting so it's not bundled into 1 huge file. I've never set that up though, it's always been done by more frontend-y devs, my grug brain just slaps some script tags in and calls it a day

I use django-vite and I don't have to think about it

Ooh not heard of that, will have to check it out

it's less hassle than webpack

still have to run an npm command though

Yeah, I dunno if I quality for "loads," just having bootstrap, HTMX, Hyperscript, TomSelect and a few others (Vivus for SVG animation, html2canvas, and a small file of my own). Thanks both of ya for the input.

Hi, i'm looking for a talk in Djangoconf Eur about reducing the codebase by a 67% from React to HTMX, is the talk already uploaded in the youtube channel? I didn't manage to find it :(, could it be a day 3 talk?

Looks like they are still being added I can’t wait to see it either!

enjoy it my man!

LETS ABSOFUCKINGLUTELY GOOOOOOOOO

How would I serve a file with

hx-get

?

python
def startDownload(request, pk = None):
    file_path = "... path to file ..."
    return FileResponse(open(file_path, "rb"), as_attachment = True)

and in the template:

html
  <img src="{% static 'images/printer.svg' %}"
       hx-get="{% url 'download' model.pk %}"
       hx-trigger="click">

I can see the png I am trying to load in the webdev console response, but no save dialogue is showing. Is

hx-get

the right choice?

Why not use a normal

<a download href="...">

?

that was just too simple 😦

i deserve that.

\> we don't have this on the htmx homepage \> zed shaw hates us because of this one thing

Hi, I'm new to htmx - and coding in general, - and find myself having some difficulties understanding how the syntax works with events. I'm currently working on allowing users to edit their page on my app, and I'd like to have an "edit saved" appear briefly each time a field has been edited. I thought of using "htmx:afterRequest" [https://htmx.org/events/#htmx:afterRequest] to show that the edit has been saved when the response has a 20x status code, or else that there was an error. But I cannot work my head around how to approach the syntax of that So, my question: How would you use "htmx:afterRequest" if you would like to add a message to a div #requestresult if detail.succesful=true or detail.failed=true ?