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:

14,776 thoughts on “JSIO Performance Results”

  1. Started this morning and finished at lunch with a small sense of having spent the time well, and a look at shopandshine extended that satisfaction into the afternoon, content that fits naturally into the rhythm of a working day rather than demanding a dedicated reading block is increasingly the kind I prefer.

  4. Left me wanting to read more rather than feeling burned out, that is a good sign, and a look at startfreshnow confirmed there is plenty more here to explore, the kind of writing that builds appetite rather than killing it which is a rare quality on the modern open internet today across most categories of content.

  5. Thanks for sharing this with the open internet rather than locking it behind a paywall like so many sites do now, and a stop at trendshoppingworld kept the same vibe going, generous helpful and clearly written by someone who actually wants people to learn from it rather than just charge them.

  6. Nice and clean, that is the best way to describe the writing here, no clutter and no wasted words, and a quick visit to freshchoicehub kept that going, I appreciate when a site treats its readers like people who can think for themselves without needing constant hand holding through every paragraph.

  7. Probably worth setting aside a longer block to read more carefully than I can right now, and a stop at fairshelf confirmed the longer block plan, the impulse to schedule dedicated time for a sites archive is itself a measure of trust and this site has earned that scheduling impulse from me clearly today actually.

  8. Now setting this aside as a model of how to write thoughtfully on the topic and a stop at brighttrendstore extended that model status content that becomes a reference for how a kind of writing should be done is content with influence beyond its own readership and this site is reaching that level for me clearly today.

  9. Clean writing, easy to read, and never tries too hard to impress, that combination is harder to find than people think, and after my time on freshtrendcorner I am sure this site treats its readers well, no flashy tricks just useful content done right which is honestly all I want online.

  10. Now feeling mildly impressed in a way I do not quite remember feeling about a blog in a while, and a stop at earthstoneboutique extended that mild impression, content that produces specific positive emotional responses rather than just neutral information transfer is content with extra dimensions and this site has those extra dimensions clearly.

  11. Good quality through and through, no rough edges and no signs of being rushed, and a quick look at brightstyleoutlet kept the same polish going, the kind of site that respects its own brand by maintaining consistency across pages which is something I always appreciate as a reader looking for trustworthy information online today.

  12. Left me wanting to read more rather than feeling burned out, that is a good sign, and a look at boltdepot confirmed there is plenty more here to explore, the kind of writing that builds appetite rather than killing it which is a rare quality on the modern open internet today across most categories of content.

  13. A piece that read as if the writer was thinking carefully rather than just typing fluently, and a look at midcitycollections continued that considered quality, the difference between fluent typing and careful thinking shows up in writing and this site reads as the product of thought rather than just the product of language fluency apparently.

  14. A modest masterpiece in its own quiet way, and a look at shopandsmiletoday confirmed the same quiet quality across the rest of the site, calling something a masterpiece is usually overstating but for content this carefully crafted the word feels appropriate even if the writers themselves would probably resist the label honestly.

  16. Most blog writing on this subject reaches for the same handful of arguments and this post avoided them, and a look at fashionchoiceworld continued the original treatment, content that finds its own path through territory other writers have flattened is content with real authorial energy and this site has plenty of that distinctive energy.

  17. Refreshing to read something where the words actually mean something instead of filling space, and a stop at freshcollectionhub kept that going, the writing here trusts the reader to follow along without endless repetition or constant reminders of what was already said earlier in the post which I appreciate.

  19. A piece that did not try to be timeless and ended up reading as durable anyway, and a look at trendloversplace extended that durable feel, content that stays useful past its publication date without straining for permanence is content that ages well and this site has the kind of evergreen quality that I value highly today.

  20. If the topic interests you at all this is a place to spend time, and a look at namedriftboutique reinforced that recommendation, the broader question of where to invest topical reading time is one this site answers convincingly through the consistent quality across multiple pieces I have sampled during the current reading session today.

  21. Liked that the post landed without needing to manufacture controversy or take a contrarian stance for attention, and a stop at uniquegiftplace continued that grounded approach, content that earns attention through quality rather than provocation is the kind that builds long term trust rather than burning it on quick wins.

  26. Solid post, the structure is easy to follow and the language stays simple even when the topic gets a bit more involved, and a look at deccard kept that same standard going, so I left feeling like the time spent here was actually worth something for once which is rare lately.

  27. However measured this site clears the bar I set for sites I take seriously, and a stop at softpeakselection continued clearing that bar, the metrics I use for site quality are admittedly informal but they are consistent and this site has cleared them on multiple measurements across multiple visits which is meaningful for my evaluation.

  30. One of the more honest takes on the topic I have seen lately, no spin and no oversell, and a stop at discoveramazingstories kept that going, the kind of voice the open web could use a lot more of rather than the endless echo chamber of recycled opinions floating around every social platform these days.

  33. Probably the kind of site that should be more widely read than it appears to be, and a look at rareseasonshoppe reinforced that quiet wish, the gap between a sites quality and its apparent reach is sometimes large and that gap exists for this site in a way that makes me want to mention it more.

  34. If quality blog writing is dying as people sometimes claim then this site is one piece of evidence that it has not died yet, and a look at dailydealsplace extended that evidence, the broader cultural question about online writing has empirical answers in specific sites and this one is contributing to a more optimistic answer overall.

  36. Comfortable in tone and substantive in content, that is a hard combination to land, and a look at trendmarketzone kept that pairing alive across more material, this is what good editorial direction looks like in practice and the team here clearly has someone keeping a steady hand on the wheel across what they decide to publish.

  38. Bookmark earned, share earned, return visit earned, all from one reading session, and a look at dreamfieldessentials did the same, the trifecta of bookmark and share and return is rare in a single visit and represents the highest level of engagement I tend to offer any piece of online content these days here.

  39. I really like how the writer keeps the tone friendly without sounding fake or overly polished, and after a stop at simplegiftfinder the same calm pace was there, no rushing to make a point and no padding either, just clean honest writing that I can respect and come back to later again.

  41. Really appreciate that the writer did not stretch the post to hit some target word count, the points end when they are made, and a stop at brightchoicecollection reflected the same discipline, brevity is generosity in disguise and this site has clearly figured that out far better than most blog operations have.

  42. Quietly enjoying that I have found a new site to follow for the topic, and a look at learnsomethingvaluable reinforced the small pleasure of the find, the discovery of new high quality sources is one of the more durable pleasures of careful internet reading and this site has been generating that discovery pleasure at multiple points already today.

  43. Started taking notes about halfway through because the points were stacking up, and a look at learnshareachieve added enough material that my notes file grew further, content that demands note taking from a passive reader is content with substance and the writers here are clearly producing that kind of work consistently across topics.

  45. Came away with a slightly better mental model of the topic than I started with, and a stop at besttrendshub sharpened that further, content that improves the reader thinking apparatus rather than just dumping facts into it is the rare kind I genuinely value and seek out when I have time to read carefully.

  46. Reading this on a difficult day was a small bright spot, and a stop at puregiftcorner extended that brightness, content that improves a hard day is content that has earned a particular kind of place in my reading habits and this site is occupying that uplifting role for me today which I appreciate clearly.

  47. Solid quality, the kind of work that holds up to a careful read rather than a quick skim, and a quick look at exploreopportunities 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.

  48. If I were to recommend a starting point for the topic this site would be near the top of my list, and a stop at forestlanecreations reinforced that recommendation status, the small list of starting point recommendations I keep for friends asking about topics is short and this site is now firmly on it.

  49. Bookmark earned and shared the link with one specific person who would care, and a look at freshbuycollection got the same targeted share, sharing carefully rather than broadcasting is a discipline I try to maintain and this site is generating shares from me at a sustainable rate rather than the spam rate of viral content.

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>