You don't need external assets in an HTML file

https://shkspr.mobi/blog/2021/08/you-dont-need-external-assets-in-an-html-file/

by gildas • 5 years ago

31 11 5 years ago

barbarbar• 5 years ago

So it is a Single File Application. Everything downloaded in a Single http request.

aquir• 5 years ago

It's a bit like what the SingleFile extension does. You get a single HTML file with all the assets inside it. I like to use it when I want to save a page

kumarvvr• 5 years ago

Wouldn't splitting an HTML file into a list of linked files speed up the download process?

Instead of one large blob, a number of smaller files can be downloaded in parallel.

krapp2• 5 years ago

Yes... particularly when you cache the assets.

Also, Data URLs aren't supported evenly across browsers.

It's like people are slowly unlearning how the web is supposed to work.

gildas• 5 years ago

SingleFileZ is supposed to be used to archive webpages.

stolenmerch• 5 years ago

Of all the web pages I have from 20+ years ago for things like directories of files or collections of documents, the ones that are broken now are the ones with assets split out. Their folders get clobbered or separated from their index files and everything broke during some data migration to a new hard drive or whatever. The ones with the css or js inline still largely work. Images usually aren't base64 encoded but these don't have many images anyway. I've always thought I should reconsider doing simple, single file applications more for things I want to archive into the distant future.

aitchnyu• 5 years ago

Its much more usable now that IDEs can shrink 10000 character base64 data for display and display image previews if you hover over them. Internet connections are no longer that you need to wait 30 seconds after text has loading for 50kb of images. Can't wait for the utopia without PDFs and MS Office formats, the relics of printer and projector era... and the mixed bag of wasm powered apps delivered as self contained html (download a tax calculator page, fill it and email it to a friend for checking, file it to the government).

tofukid• 5 years ago

Once you have multiple pages, and moderately sized CSS/JS files, linking to them reduces the download time for each subsequent page, as the linked files are cached across pages.

patates• 5 years ago

I had once created a webpack config which automated that. Helped a lot when applying front-end jobs, where they gave you a take-home test, so I could just attach the single html when I wanted to deliver the results.

ksec• 5 years ago

I wish more people do that with their Web pages. It wouldn't work with Web Apps or some sort of interactive web page. But there are lots of web that fit into simple web page category and really doesn't need all the complexity.

krapp2• 5 years ago

This makes pages far more complex than just linking to the assets.

You don't need external assets in an HTML file

Related Stories