JSIO Performance Results

Posted on by

Below are two graphs plotting the number of images on a page against the total KB transferred by Chrome 13 for both a page with JSIO and without JSIO (which I, for some reason have called a “plain” page).

I build websites for a living, so I have a lot of folders of images from various websites lying around which form the two data sets for the graphs. I’d like to think of them as a typical set of website images, but you may argue that they are typical for the websites that I build.

I knocked up a script that when given a folder of images, will output a “plain” HTML page, a JSIO HTML page and a JSIO resources file with the following numbers of images on them: 2, 4, 6, 8, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000 and 1100. Before generating any of the pages, the order of the images were randomised to better represent a web page’s inclusion of different images for different purposes.

Chrome 13 was used with the developer toolbar to determine how many requests were being made and the actual KB transferred (with slight rounding errors) by the browser. In my opinion I would say that Apache was set up to serve image and javascript content typical of many servers on the internet in that images were not gzipped but javascript files were; the register, bbc, for example.

What is interesting to note is that the number of bytes transferred by JSIO are consistently lower than the bytes transferred by a plain HTML page…but not by a lot. The file size inflation due to base64 encoding seems to cancel out a lot of bytes the gained from making fewer requests. However, it is obvious that JSIO won’t actually lose you any bytes, but it isn’t going to save you a substantial amount. That said, saving bytes isn’t the only benefit of JSIO, remember that one of JSIO’s goals is also to alleviate some of the problems surrounding the creation and use of image sprites – which it does also do very well.

The graph below is just for fun, it plots the number of requests made by JSIO pages against the number of requests made by plain HTML pages. Note the JSIO pages make a constant 4 requests (index.html, jsio.js, jsio-resources.js and jsio.gif) independent of how many images are on the page:

21,405 thoughts on “JSIO Performance Results”

  1. Time spent here today felt productive in the way that good reading sessions sometimes do, and a stop at vantagebond extended that productive feeling across the rest of the morning, the difference between productive reading and merely passing time is real and this site is consistently on the productive side for me lately.

  2. Found this through a search that was generic enough I did not expect quality results, and a look at capitalvertex continued the surprisingly good experience, search engines occasionally still surface excellent independent content if you scroll past the obvious paid and high authority results which is reassuring to remember sometimes.

  3. Solid quality, the kind of work that holds up to a careful read rather than a quick skim, and a quick look at unitytrustbridge kept that standard going strong, content that rewards attention rather than punishing it is something I appreciate more and more these days online across nearly every topic I follow.

  5. лента стальная с доставкой стальная лента гост

  6. Fantasy cricket requires more than team selection. Download apps providing detailed player statistics and expert recommendations.

  9. Worth recognising that this site does not chase the daily news cycle, and a stop at horizonalliance confirmed the longer publication arc, sites that resist the pressure to comment on every passing event are sites with genuine editorial discipline and this one has clearly chosen depth over volume which I respect deeply.

  10. лента х20н80 лента стальная москва

  12. Thanks for the breakdown, it gave me a clearer picture of something I had been confused about for a while now, and a stop at intentionalmotion closed the remaining gaps in my understanding nicely, no need to hunt around twenty other articles to put the pieces together which is a real time saver.

  14. Closed the tab with a small sense of finality rather than the usual rushed exit, and a stop at vitalbonding produced the same considered closing, when reading ends with deliberate satisfaction rather than impatient skip you know the time was well spent and this site is producing those satisfying endings consistently across what I read.

  15. Thanks again for the post, I learned a couple of things I can actually use later this week, and after I went over wardtrust the rest of the site looked equally promising, definitely going to spend more time here when I get a free moment over the weekend to read more carefully.

  17. Thanks for treating the topic with the seriousness it deserves without becoming pompous about it, and a stop at crowncapital continued that balanced treatment, the gap between earnest and self serious is huge and writers who can stay on the right side of it earn my respect when I find them online today.

  18. During a reading session that included several other sources this one stood out, and a look at ridgecrestbond continued the standout quality, the side by side comparison of sources during research is a useful exercise and this site has been winning those comparisons for me consistently across multiple research sessions during the last week.

  19. Got something practical out of this that I can apply later this week, and a stop at visionstructure added more details to think about, this is exactly the kind of content I bookmark for future reference rather than the throwaway listicles that dominate most search results these days for almost any common topic.

  20. Now feeling confident enough in this site to use it as a reference point for evaluating others on the same topic, and a look at silvercrestbond continued the comparison friendly quality, sites that serve as quality benchmarks for their topic are precious and this one has clearly become a benchmark for me on this particular subject area.

  21. Worth flagging this site to a few specific friends who would appreciate the editorial sensibility, and a look at cocoaable added more pages I will mention to them, recommending sites to specific people requires understanding both the site and the person and this site is making those personalised recommendations easy and natural for me.

  22. Generally I bookmark sparingly to avoid building up a bookmark graveyard but this one earned a permanent slot, and a stop at rosequartzmarket extended that permanence designation, the few sites I keep permanent bookmarks for are sites I expect to use repeatedly and this one has clearly cleared that expectation bar today.

  24. Genuinely good work, the kind that holds up over multiple readings without losing its appeal, and a stop at noblepathbond kept that going, definitely a site I will be returning to and probably mentioning to others who work in or care about this particular area of interest today and in coming weeks.

  25. Worth flagging this post as worth a careful read rather than a casual skim, and a stop at cotcloud earned the same careful approach, the few sites that warrant slower reading are sites I now treat differently from the daily content stream and this one has clearly moved into that elevated treatment category.

  27. Looking back on this reading session it stands as one of the better ones recently, and a look at trueharborbond extended that ranking, the informal ranking of reading sessions against each other is something I do mentally and this session ranks high largely because of this site and a couple of related pages here.

  30. Liked the way the post handled the final paragraph, no neat bow but no abrupt cutoff either, and a stop at progressigniter continued that thoughtful ending pattern, endings are hard and most blog writers either over engineer them or skip them entirely and this site has clearly figured out a sustainable middle approach.

  33. Bookmark folder created specifically for this site, and a look at growthsignal confirmed the dedicated folder was the right call, dedicated folders for individual sites are a level of organisation I rarely deploy and this site has earned that level of dedicated tracking based on the consistency I have seen so far across sessions.

  36. Picked up on several small touches that suggest a careful editor, and a look at bondedvaluegroup suggested the same hand at work across the broader site, editorial consistency at a granular level is one of the strongest signs that an operation is serious rather than just hobbyist and this site reads as serious throughout.

  38. Found something new in here that I had not seen explained this way before, and a quick stop at clarityturnsprogress expanded the idea even further, the kind of writing that nudges your thinking forward a bit without forcing the issue is exactly what I look for online today and rarely actually find anywhere.

  39. Generally I am cautious about recommending sites on first encounter but this one warrants the exception, and a look at everlastingalliance reinforced the exception making, the rare site that justifies breaking my normal cautious approach is the rare site worth flagging early and this one has prompted exactly that early flagging response from me.

  40. Took longer than expected to finish because I kept stopping to think, and a stop at focusguidesmomentum did the same to me, content that provokes thought rather than just delivering information is in a different category and the team here is clearly working at that higher level rather than just cranking out posts.

  41. Grateful for posts like this one, they remind me there are still places online run by people who care about quality, and a look at focusactivatesprogress reflected the same standards, you can tell the difference between content made for readers and content made just for search engines today and this is the former.

  42. Reading this between two meetings turned out to be the highlight of the morning, and a stop at progressbuildsclarity continued that highlight quality, content that outshines the structured parts of a working day is doing something well beyond ordinary and this site has produced multiple such highlights for me already this week alone.

  43. Once you start reading carefully here it is hard to go back to lower quality alternatives, and a stop at unityharborline reinforced that ratchet effect, the way good content raises standards is real over time and this site has clearly contributed to raising my expectations for what is possible in writing on the topic generally.

  48. Liked the post enough to read it twice and the second read found new things, and a stop at evercoretrust similarly rewarded the second look, content with hidden depths that only reveal themselves on careful rereading is the rare kind that earns lasting respect rather than fleeting first impressions only briefly held.

  50. Now noticing that the post did not mention the writer at all, focus stayed on the topic, and a look at oakridgebond continued that author absent quality, content that disappears the writer to focus on the substance is a particular kind of generosity and this site has clearly chosen the substance over the personality consistently.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>