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,212 thoughts on “JSIO Performance Results”

  4. Once you start reading carefully here it is hard to go back to lower quality alternatives, and a stop at kelvo 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.

  6. Reading this in a quiet hour and finding it suited the quiet, and a stop at cavarotrustco extended the quiet reading mood, content that matches its own optimal reading conditions rather than fighting them is content that has been thoughtfully calibrated and this site reads as having a particular reading mood in mind throughout.

  7. Took a screenshot of one section to come back to later, and a stop at yaveroline prompted another saved tab, the urge to capture and revisit specific pieces of content is something I rarely feel but when I do it tells me the work is worth more than the average passing read for sure.

  8. Reading this prompted a brief but useful conversation with a colleague who happened to walk by, and a stop at SpikeIsland2020 extended that conversational seed, content that becomes a starting point for in person discussion rather than ending in solitary reading is content with social generative energy and this site has plenty of it apparently.

  9. Thanks for treating the topic with the seriousness it deserves without becoming pompous about it, and a stop at wolfsmethanepromise 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.

  13. Now adding a small note in my reading log that this site is one to watch, and a look at vexarounity reinforced the watch status, the few sites I track deliberately rather than encounter accidentally are sites I expect ongoing returns from and this one has cleared the bar for that elevated tracking based on what I read.

  14. Just wanted to drop a quick note saying this was a useful read on a topic I have been circling, no fluff, and a stop at ForumInvestMali added a few extra points that fit the same simple style which makes the whole site feel coherent rather than thrown together by many different writers with different goals.

  16. Came across this through a roundabout path and now it is on my regular rotation, and a stop at customthepc sealed that decision, the open web still produces serendipitous discoveries when you let the citations and references guide you rather than relying purely on algorithmic feeds for new content recommendations always.

  17. Decided to subscribe to the RSS feed if there is one, and a stop at Paws21AirbrushStudio confirmed that decision, content that I want delivered to me proactively rather than just remembered when I have time is content that has earned a higher level of commitment from me as a reader looking for reliable sources.

  19. Picked this site to mention to a colleague who would benefit, and a look at kaviontrustee added more material I will pass along, recommending sites to colleagues is a higher bar than recommending to friends because the professional context demands more careful curation and this site cleared the professional bar without me having to think.

  21. Excellent execution from start to finish, the post never loses its rhythm and the points stay sharp, and a quick stop at pelixoline kept the same level going, consistency like this across a site is the marker of a serious operation rather than a casual side project running on autopilot somewhere else.

  22. This filled in a gap in my understanding that I had not even noticed was there, and a stop at korivoline did the same, the kind of post that gives you more than you expected when you first clicked through from somewhere else, a real find for anyone curious about the area covered here.

  23. A piece that did not lean on the writer credentials or institutional backing, and a look at xelarionix maintained the same focus on substance, content that earns trust through quality rather than through name dropping is the kind I find most persuasive and this site is clearly playing on the substance side of that distinction.

  26. Excellent execution from start to finish, the post never loses its rhythm and the points stay sharp, and a quick stop at torivoline kept the same level going, consistency like this across a site is the marker of a serious operation rather than a casual side project running on autopilot somewhere else.

  29. Reading this prompted me to dig out an old reference book related to the topic, and a stop at dankglassonline extended that connection to other sources, content that connects me back to my own existing knowledge rather than asking me to forget it is content with continuity and this site has that continuous quality.

  31. Now realising the post has been quietly doing important work in my mind for the past hour, and a stop at goldmetalshop extended that quiet processing, content that continues to do work after I close the tab is content with afterlife in the mind and this site is producing those long lived effects at a meaningful rate.

  32. Reading carefully here has reminded me what reading carefully feels like, and a look at centensports extended that reminder, the experience of careful reading versus skimming is different in ways I had partially forgotten and this site has clearly refreshed my memory of what attention feels like when content rewards it consistently.

  34. Today, with all the fast chosen lifestyle that everyone is having, credit cards have a big demand throughout the economy. Persons coming from every discipline are using credit card and people who are not using the credit cards have made arrangements to apply for even one. Thanks for giving your ideas on credit cards.

  35. Glad to have another reliable bookmark for this topic, and a look at decordock suggested several more pages I will be marking too, building a personal library of trustworthy resources is one of the actual rewards of careful browsing and this site is earning a place on my permanent shortlist for the topic.

  36. fastpay casino uk, united kingdom gambling rules and gambling issues in australia, or
    free online pokies no download united kingdom

    My web site; american roulette for dummies [Tabatha]

  37. Reading this slowly and letting each paragraph land before moving on, and a stop at GetBranDalIsm earned the same patient approach, content that rewards slow reading rather than speed is content with real density and the writers here are clearly producing work that benefits from the careful eye rather than the rushed scan.

  38. Probably the kind of site that should be more widely read than it appears to be and a look at otistaylorjr 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.

  39. Felt the writer was being honest with the reader which is rare enough that I want to acknowledge it, and a look at ukrainianvictoryisthebestaward continued that honest feel, content built on actual knowledge rather than aggregated summaries is something I value highly and rarely come across in regular searches on the open internet these days.

  41. Bookmark moved to my permanent reference folder rather than the casual maybe later folder, and a look at ulvirotrustco earned the same upgrade, the distinction between casual interest and lasting reference is something I track carefully and very few sites cross that threshold but this one did so without much effort apparently.

  42. Halfway through I knew I would finish the post, and a stop at corecompanynyc also held me through to the end, content that signals its quality early and then sustains it is content with real internal consistency and this site has clearly figured out how to maintain quality from opening sentence through to closing thought.

  43. Decided to read more before commenting and the more I read the more I wanted to say something, and a stop at modernshoppingecosystem pushed that impulse further, when content provokes the urge to participate rather than just consume it is doing something quite specific and worth recognising clearly when it happens during reading.

  44. A small thing but the line spacing and font choices made reading this physically pleasant, and a look at ouretiquette maintained the same careful design, technical choices about typography are part of what makes online reading actually comfortable and this site has clearly invested in the design layer alongside the content layer carefully.

  45. can you play online pokies in united states for real money, free slot machine games united states and online
    best paying out gambling sites (Stan) united states poker, or uk casino stocks

  47. Came in confused about the topic and left with a much firmer grasp on it, and after ClosingAmericasJobGap I felt I could explain this to someone else without hesitation, that is the gold standard for any educational content and most sites simply fail to reach it ever which is unfortunate but true.

  50. Halfway through I knew I would finish the post, and a stop at conorjmurphy also held me through to the end, content that signals its quality early and then sustains it is content with real internal consistency and this site has clearly figured out how to maintain quality from opening sentence through to closing thought.

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>