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

  1. Now feeling that this site is the kind I want to make sure does not disappear, and a look at claritycompass reinforced that quiet protective feeling, the rare sites whose disappearance would actually matter to me are the sites I want to support through return visits and recommendations and this one has joined that small protected list.

  4. Reading this prompted a small redirection in something I was working on, and a stop at knowledgebaypro extended that redirecting influence, content that affects my actual work rather than just my thinking has the highest practical impact and this site is providing that level of influence for me at a sustainable rate apparently.

  7. Reading this as part of my evening winding down routine fit perfectly, and a stop at easternvista extended the wind down nicely, content that calms rather than agitates is what I want at the end of the day and this site provides that calming reading experience reliably which is increasingly rare across the modern web.

  8. Reading this in a relaxed evening setting was a small pleasure, and a stop at learnvertex extended the pleasant evening reading, content that fits the tone of relaxed time without becoming forgettable is what I look for in evening reading and this site has the right tone for that particular slot in my daily reading routine.

  9. A piece that handled multiple complications without becoming confused, and a look at agaveamber continued that organisational clarity, holding multiple threads in a single piece without losing any of them is a sign of skilled writing and this site has clearly developed the editorial discipline to manage complexity without sacrificing readability throughout.

  11. Well structured and easy to read, that combination is rarer than people think, and a stop at ideasneedexecutionnow confirmed the same standard runs across the rest of the site, definitely the kind of place I will be coming back to when this topic comes up in conversation later again over the weeks ahead.

  12. Worth bookmarking and sharing with anyone interested in the topic, that is my honest take, and a stop at progresswithdirectionalforce reinforces that, the kind of generous resource that makes the open web feel worth defending against the constant pressure to retreat into walled gardens and curated feeds today everywhere I look across all my devices.

  13. Found the post genuinely useful for something I was working on this week and a look at growthnavigationpath added more material I will reference content that connects to my actual life and work rather than just being interesting in the abstract is the kind I will pay attention to and return to repeatedly.

  15. A nicely understated post that does not shout for attention, and a look at clarityactivatorhub maintained the same quiet quality, understatement is a stylistic choice that distinguishes serious writing from attention seeking writing and this site has clearly committed to the understated approach as a core editorial value rather than just a phase.

  17. Started imagining how I would explain the topic to someone else after reading, and a look at uniquevoyager gave me more material for that imagined explanation, content that improves my own ability to discuss a topic is content that has actually transferred knowledge rather than just decorating my screen for a few minutes.

  18. Glad to find a site whose links lead somewhere worth going rather than back to itself for SEO juice, and a stop at beautycanvas kept that generous outbound feel, citing other peoples work with real respect rather than just for ranking signals is a sign of an honest operation worth supporting going forward.

  19. Reading this prompted me to dig out an old reference book related to the topic, and a stop at directionenergizesaction 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.

  20. Good post, the kind that respects the reader by getting to the point quickly without skipping the details that matter, and a short look at calicobanyan confirmed that approach is consistent across the site which is rare to find online these days, definitely a place I will return to soon.

  21. Worth flagging this post as worth a careful read rather than a casual skim, and a stop at jaspermeadowcommercegallery 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.

  23. Liked the way the post got out of its own way, and a stop at focusforwardpath extended that invisible craft, the best writing you barely notice while reading because it is doing its work without drawing attention to itself and this site has clearly mastered that disappearing act across the pieces I have read.

  24. Reading this post made me realise I had been settling for lower quality elsewhere, and a look at peacefulstay extended that recalibration, content that exposes how much I had been accepting in adjacent sources is content with calibrating effect on my standards and this site is performing that calibration function across topics for me reliably.

  25. Reading this prompted me to send the link to two different people for two different reasons, and a stop at modernhaven provided ammunition for a third share, content that suits multiple audiences without being generic enough to be useless to any of them is genuinely valuable and this site has that multi audience quality clearly.

  26. Honestly impressed, did not expect to find this level of care on the topic, and a stop at activevoyage cemented the impression, you can tell within the first few paragraphs whether a site is going to be worth the time and this one delivered on that early promise nicely throughout the rest of what I read.

  27. Worth saying that the writing carries a particular kind of authority without making any explicit claims to it, and a stop at actionpathway 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.

  28. Closed the laptop after this and let the ideas settle for a few hours, and a stop at ideaprogression similarly rewarded reflective time, content that benefits from sitting with rather than racing past is the kind I want more of and the kind that this site appears to consistently produce week after week here.

  29. Worth flagging that the post handled an angle of the topic I had not seen elsewhere, and a look at buildprogressdeliberately extended that fresh treatment, content that finds underexplored corners of well covered subjects is genuinely valuable and this site has demonstrated that exploratory editorial approach across multiple pieces in my reading sessions today.

  30. Halfway through I knew I would finish the post, and a stop at clarityactivates 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.

  33. Bookmark earned, calendar reminder set, share queued, all from one good post, and a look at bargainvertex did the same, when a single reading session triggers multiple downstream actions you know the content has actually moved me beyond the page and this site is moving me at that higher level reliably.

  34. Found this useful, the points line up well with what I have been thinking about lately, and a stop at focusunlockspath added some angles I had not considered yet, definitely walking away with more than I came for which is the best outcome from time spent reading online for any kind of topic.

  35. Thank you for keeping the writing honest and the points easy to verify against your own experience, and a stop at growthwithforwardmotion reflected the same approach, no exaggeration just steady useful content that I can take with me into my own work without second guessing every sentence I happen to read here.

  36. Appreciate how nothing here feels copied or pieced together from other places, the voice is consistent and the tone stays human, and after I checked claritydrivesvelocity I noticed the same style holds, which is a small detail but it makes the whole experience feel personal rather than like another generic site.

  37. Now noticing the post fit a particular gap in my reading without my having articulated the gap before, and a look at quantumleafhub extended that gap filling effect, content that meets needs I had not consciously formulated is content with reader insight and this site has clearly developed that anticipatory editorial sense across many pieces.

  38. Felt the post had been quietly polished rather than aggressively styled, and a look at brightlivinghub confirmed the same understated polish, sites whose quality reveals itself slowly rather than announcing itself loudly are the kind I trust more deeply because the trust is not based on first impressions of marketing but actual substance.

  39. Decided I would read the archives over the weekend, and a stop at stellarpath confirmed that the archives would be worth the time, very few sites have archives I would actively read through but this one has earned that level of interest based on the consistent quality across what I have sampled so far.

  40. Once I had read three posts the editorial pattern was clear, and a look at erminecondor confirmed the pattern from a fourth angle, sites where the underlying approach reveals itself through accumulated reading rather than being announced are sites with real depth and this one has that quality clearly visible across multiple pieces consistently.

  42. Quietly enjoying that I have found a new site to follow for the topic and a look at momentumworkflow 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. My time on this site has now extended past what I had budgeted, and a stop at calmretreats keeps extending it further, content that overstays its budget in my schedule is content that has earned the extra time and this site has been earning extra time across multiple visits to the point where my schedule needs adjustment.

  45. Skipped a meeting reminder to finish the post, and a stop at facthorizon held me past another reminder, when content beats meetings the writer is doing something extraordinary because meetings have institutional support behind them and yet good writing can still occasionally win that competition for attention which I find heartening today.

  46. Thanks for taking the time to write this, it is clear that some thought went into how each point would land, and after I went through forwardplanninglab I had a better grip on the topic, real value without the usual marketing noise people have to put up with online when searching for answers.

  47. Now appreciating that the post did not try to imitate any other style I might recognise, and a stop at viralnexus continued that distinct voice, content with its own register rather than borrowed from elsewhere is content with real authorial presence and this site has clearly developed that presence through what feels like patient editorial work.

  48. Most of my reading time goes to a small number of trusted sources and this one is now joining that group, and a stop at buildtractionnow reinforced the group membership, the few sites that earn a place in my regular rotation are sites I expect ongoing returns from and this one has earned that elevated position consistently.

  49. Honest take is that this was better than I expected when I clicked through, and a look at growthfindsdirection reinforced that, the bar for online content has dropped so much that finding something thoughtful and well constructed feels almost noteworthy now which says more about the average than about this site itself.

  50. Reading this in segments because the day was busy, and the post survived the fragmented attention well, and a stop at focusfirstapproach held up similarly under interrupted reading, content that can withstand modern distracted reading patterns rather than requiring a perfect block of focused time is increasingly the kind I prefer.

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>