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

  1. Came here from another site and ended up exploring much further than I planned, and a look at ideasintoforwardmotion only encouraged more exploration, the kind of place where one click leads to another not through manipulative design but through genuinely interesting content is rare and worth highlighting when found like this somewhere on the open internet.

  3. The depth of coverage felt about right for the format, neither shallow nor overwhelming, and a look at directionchannelsgrowth kept that calibration going, getting the depth right for blog format is genuinely difficult because too shallow loses experts and too deep loses beginners but this site nailed it nicely which I really do appreciate.

  4. A piece that reads as if the writer trusted readers to fill in obvious gaps, and a look at claritycreates continued that respectful approach, content that does not over explain what the reader can infer is content that respects intelligence and this site has clearly chosen to write to capable readers rather than to the lowest common denominator.

  6. Felt the writer was being honest with the reader which is rare enough that I want to acknowledge it, and a look at alliedcapitalbond 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.

  7. Reading this gave me a small framework I expect to use going forward, and a stop at progressflowscleanly extended that framework, content that produces transferable mental models rather than just specific facts is content with multiplicative value and this site is providing those models at a rate that justifies extra attention from me regularly.

  8. Reading this brought back the satisfaction I used to get from blogs ten years ago, and a stop at clarityguidesprogress kept that nostalgic quality alive, sites that capture what was good about an earlier era of internet writing are increasingly precious and this one is doing that without feeling like a deliberate throwback at all.

  9. Reading this triggered a small but real correction in something I had assumed, and a stop at claritypowersmovement extended that corrective effect, content that updates my beliefs through evidence rather than rhetoric is content with intellectual integrity and this site has earned that label consistently across the pieces I have read so far today.

  10. Well done, the writing is professional without being stiff, and the topic is treated with care, and a look at summitalliancebond reflected that approach, the kind of site I would point a colleague to if they asked for a reliable starting point on this topic in the future without any hesitation at all.

  12. Closed it feeling I had taken something away rather than just consumed something, and a stop at bondednexus extended that taking away feeling, the difference between content I extract value from and content I just pass through is something I track informally and this site is consistently in the value extraction column for me.

  13. Reading this gave me a small framework I expect to use going forward, and a stop at bondedstrengthnetwork extended that framework, content that produces transferable mental models rather than just specific facts is content with multiplicative value and this site is providing those models at a rate that justifies extra attention from me regularly.

  14. Better than the average post on this subject by some distance, and a look at purestyle reinforced that, you can tell within the first paragraph that the writer here actually cares about the topic rather than just covering it for the sake of having something to publish that week or that day.

  16. Really appreciate the absence of stock photos that have nothing to do with the content, and a quick visit to actionorchestration maintained the same restraint, visual filler is a tell that the writing cannot stand on its own and the lack of it here suggests the team has confidence in their content quality alone.

  17. Quiet confidence runs through the whole post, no need to shout to make the points stick, and a stop at actionmapsuccess carried that same restrained voice forward, content that respects the reader by trusting its own substance rather than dressing it up in theatrical language is what I look for online and rarely actually find these days.

  18. Now thinking about how to apply some of this to a project I have been planning, and a look at loungeneon added more material for the planning, content that connects to my actual creative work rather than just being interesting in the abstract is the kind that earns priority placement in my reading rotation consistently going forward.

  19. Probably this is one of the better quiet successes on the open web at the moment, and a look at unitystrong reinforced that quiet success quality, sites that are doing well without making a noise about doing well are the sites I most respect and this one has clearly chosen the quiet success path consistently throughout.

  21. Looking forward to seeing what gets published next month, and a look at openhorizonbond extended that anticipation across the broader site, finding myself looking forward to a sites future content rather than just consuming its existing content is a stronger commitment level than I usually reach with new finds and this site triggered that.

  25. Thanks for keeping things clear and to the point, that is honestly hard to find online these days, and after reading through primealliance the message stayed consistent which makes me trust the information being shared more than I usually do on similar pages that cover this same kind of topic.

  26. A piece that did exactly what it promised in the headline without overshooting or underdelivering, and a look at growthmovesclean continued that calibration, alignment between promise and delivery is a basic editorial virtue that many sites fail at and this site has clearly mastered the matching of expectation and substance throughout pieces.

  27. Honestly enjoyed reading this more than I expected to when I first clicked through, and a stop at actiondrivesmomentum kept that pleasant surprise going, sometimes you stumble onto a site that just clicks with how you like to read and this is one of those for me right now today which is great.

  29. Worth saying that the writing carries a particular kind of authority without making any explicit claims to it, and a stop at moderntrend extended that earned authority feeling, sites that demonstrate expertise through the quality of their explanations rather than by stating credentials are sites I trust most and this site has it.

  30. Reading this gave me a quiet moment of intellectual pleasure that I had not been expecting, and a stop at ideasflowwithpurpose extended that pleasure across more pages, the unexpected reward of stumbling into careful writing is one of the small ongoing pleasures of reading the open web and this site is delivering it reliably.

  31. Cuts through the usual marketing fluff that dominates this topic online, and a stop at signalpower kept the same clean approach going, this is the kind of writing that respects the reader’s time rather than wasting it on repetitive setups before finally getting to the point at hand which is what most sites do.

  33. Comfortable read, finished it without realising how much time had passed, and a look at focusignition pulled me into more pages the same way, the absence of friction in good content lets time disappear and that is one of the highest compliments I can pay any piece of writing I find online during a regular search session.

  36. Found this through a search that was generic enough I did not expect quality results, and a look at creativemind 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.

  38. Came in expecting another generic take and got something with actual character instead, and a look at globaltrend carried that personality forward, finding a distinct voice on a saturated topic is impressive and worth pointing out when it happens because most sites end up sounding identical to their nearest competitors quickly.

  39. Definitely a recommend from me, anyone curious about the topic should check this out, and a look at sharedcapitalbond adds even more reason for that, the depth and quality combine to make this site one I will be pointing people toward whenever similar conversations come up over the months ahead at work or socially.

  41. Pass this along to colleagues if the topic comes up, the framing here is sensible, and a stop at clarityfuelsmomentum adds more useful angles to share, the kind of content that improves conversations rather than just feeding them is what makes a resource genuinely valuable in professional contexts going forward over time and across project boundaries too.

  42. Took me back a step or two on an assumption I had been making, and a stop at truststronghold pushed that reconsideration further, writing that gently corrects the reader without being aggressive about it is a rare diplomatic skill and the team here clearly knows how to land critical points without turning readers off.

  43. Thanks for the readable length, I finished it without checking how much was left, and a stop at signalshapesspeed kept me reading the same way, when I stop noticing the length of a piece because the content is engaging enough to sustain attention without willpower the writer has done their job well today.

  47. Now adjusting my mental model of how the topic fits into the broader landscape, and a look at bondedgrowthhub extended that adjustment, content that affects my structural understanding rather than just my factual knowledge is content with deeper impact and this site is providing those structural updates at a meaningful rate consistently across topics.

  49. Came in confused about the topic and left with a much firmer grasp on it, and after unitybondcraft 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. Now feeling the small relief of finding writing that does not condescend, and a stop at cornerstonebonding extended that respect for readers, content that treats its audience as capable adults rather than as people to be managed produces a different reading experience and this site has clearly chosen the respectful approach across all pieces.

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>