JSIO Performance Results

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

  1. Quietly impressive in a way that does not announce itself, and a stop at elveglide extended that quiet impressiveness, the kind of quality that emerges through sustained attention rather than first impressions is the kind I trust more deeply and this site has been earning that deeper trust across multiple sessions over time consistently.

  2. Now planning to recommend this site in a context where my recommendations are taken seriously, and a stop at basketwharf confirmed I should make that recommendation soon, the small but real act of recommending content into spaces where my taste matters is something I take seriously and this site is worth the recommendation.

  3. Now considering whether the post would translate well into a different form, and a look at fifeholm suggested similar versatility, content that could move into other media without losing its substance is content that has been built around ideas rather than around format and this site reads as idea first throughout posts.

  4. Bookmark earned, share earned, return visit earned, all from one reading session, and a look at timberfordmarket 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.

  5. Now leaving a small mental note to recommend this when the topic comes up in conversation, and a look at crustcleve extended that recommend ready feeling, content that arms me with shareable references for likely future conversations is content with social value and this site is providing that conversational ammunition consistently for me lately.

  6. Skipped to a specific section because I knew that was the question I had, and the answer was clean, and a stop at cartcab similarly delivered targeted answers without burying them, content engineered for readers who arrive with specific needs rather than open ended browsing is increasingly valuable in a search heavy reading environment.

  7. Really appreciate that the writer did not assume I would read every other related post first, and a look at premiumhandpickedgoods kept that self contained feel going where each piece can stand alone, accessibility for new readers is a sign of generous editorial thinking and this site has clearly invested in that approach.

  8. Really like that the writer trusts the reader to follow simple logic without restating every previous point, and a stop at claycargo kept that respect going, treating an audience as capable adults rather than as people who need constant hand holding makes a noticeable difference in the reading experience for me.

  9. Looking back on this reading session it stands as one of the better ones recently, and a look at shopmeadow 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.

  10. Genuine reaction is that this site clicked with how I like to read, and a look at jollymart kept that comfortable fit going, sometimes you find a place online whose editorial decisions just align with your preferences and when that happens it is worth recognising and supporting through repeat engagement consistently going forward.

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

  12. Decided to read more before commenting and the more I read the more I wanted to say something, and a stop at futurelivingmarketplace 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.

  13. Felt like I was reading something written by someone who actually thinks about the topic rather than reciting it, and a look at norigamihq reinforced that impression, the difference between recited content and considered content is huge and this site clearly belongs to the latter category which I appreciate as a careful reader looking for substance.

  14. Skipped breakfast still reading this and finished hungry but satisfied, and a stop at bonebow kept me past breakfast time, content that displaces basic biological needs is content with serious attentional pull and the writers here are clearly capable of producing that level of engagement which is genuinely impressive these days.

  15. Honest reaction is that I want to send this to a friend who would benefit from it and a look at loftcrate added more material I will pass along too the impulse to share is the strongest signal I have for content quality and this site is generating that impulse cleanly across multiple posts.

  16. Genuinely changed how I think about a small piece of the topic, which does not happen often online, and a look at curatedethicalcommerce added another nudge in the same direction, the kind of writing that earns a small mental shift rather than just confirming what you already thought before reading is a sign of careful thought.

  17. Now considering writing a longer note about the post somewhere, and a look at yorventa added more material for that note, content that prompts me to write rather than just consume is content with generative energy and this site is producing that generative effect for me at a higher rate than most sources.

  18. Reading this on a phone at a coffee shop and finding it perfectly suited to that context, and a stop at carefullychosenluxury continued the comfortable mobile experience, content that works across reading conditions without compromising on substance is increasingly important and this site has clearly thought about the whole reader experience here.

  19. Liked that the post landed without needing to manufacture controversy or take a contrarian stance for attention, and a stop at balticclose 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.

  20. Even just sampling a few posts the consistency is what stands out, and a look at fifejuno confirmed the broader pattern, sites where every piece I sample lives up to the standard set by the others are sites with serious quality control and this one has clearly invested in whatever editorial process produces that consistency reliably.

  21. Decided I would read the archives over the weekend, and a stop at shorevendor 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.

  22. Thanks for a post that does not try to be funny when it is not the moment for it, and a stop at brightmoonridge maintained the same appropriate seriousness, knowing when humour helps and when it just signals desperation for engagement is a sign of editorial maturity that many blogs have not developed yet.

  23. Beyond the topic at hand this site reads as a small ongoing project of taking writing seriously, and a look at bowclutch reinforced that project quality, sites that treat publishing as an ongoing serious practice rather than as content production for traffic are sites worth supporting and this one has clearly chosen the serious approach.

  24. Now setting aside time on my next free afternoon to read more from the archives, and a stop at cerlix confirmed that time will be well spent, the rare site whose archive deserves a dedicated reading session rather than just casual sampling is the kind of resource worth scheduling around and this one qualifies clearly.

  25. Reading this in segments because the day was busy, and the post survived the fragmented attention well, and a stop at elvegorge 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.

  26. If I had to summarise the editorial sensibility of this site in a few words it would be careful and human, and a look at caskcloud extended that summary feeling, capturing the essence of a sites approach in brief is hard but this site has a clear enough identity that the summary comes naturally enough.

  27. Now adding a small note in my reading log that this site is one to watch, and a look at kindvendor 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.

  28. 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 fernbureaus 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.

  29. Reading this slowly to absorb the structure, and the structure is doing real work alongside the words, and a look at frostrack maintained the same architectural quality, when sentence shapes and paragraph rhythms reinforce the meaning rather than just transporting words you know you are reading skilled work today.

  30. A clear cut above the usual noise on the subject and a look at marketwhim only made that gap wider in my view the kind of place that earns its visitors through quality rather than through aggressive marketing or sponsored placements which is increasingly the only way most sites stay afloat across the modern web.

  31. Even just sampling a few posts the consistency is what stands out, and a look at elevatedconsumerexperience confirmed the broader pattern, sites where every piece I sample lives up to the standard set by the others are sites with serious quality control and this one has clearly invested in whatever editorial process produces that consistency reliably.

  32. Picked up a couple of new ideas here that I can actually try out, and after my visit to intentionalclickpinghub I have even more notes saved, this is the kind of resource that pays you back for the time you spend on it which is rare to come across in this corner of the web.

  33. Granted I am giving this site more credit than I usually give new finds, and a look at designconsciousmarket continued earning that credit, the calibration of how much trust to extend after limited exposure is something I do carefully and this site has earned more trust on shorter exposure than most due to consistent quality across.

  34. Comfortable read, finished it without realising how much time had passed, and a look at xenialcart 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.

  35. Generally I find the content on similar topics frustrating in specific ways and this post avoided all of them, and a look at figfeat continued that frustration free experience, content that sidesteps the standard failure modes of its genre is content with editorial awareness and this site has clearly studied what fails elsewhere consistently.

  36. Started reading without much expectation and ended on a high note, and a look at wildmeadowchoice continued that arc, content that builds rather than peaks early is a sign of a writer who knows how to structure a piece for sustained reader engagement rather than relying on a strong hook to do all the work.

  37. Reading this brought back an idea I had set aside months ago, and a stop at baroncleat added more substance to that idea, content that revives dormant projects in my own thinking is content with serious creative value and this site is contributing to my own work in ways I had not expected when first clicking through.

  38. Reading this in a moment of low energy still kept my attention, and a stop at braceborn continued that engagement under suboptimal conditions, content that survives the reader being tired is content with extra reserves of pull and this site has the kind of writing that holds up even when I am not at my reading best.

  39. Solid value for anyone willing to read carefully, and a look at aerlune extends that value across the rest of the site, this is the kind of place that rewards return visits rather than offering everything in a single splashy post and then leaving readers nothing to come back for later which is unfortunately common.

  40. Liked the way the post handled the final paragraph, no neat bow but no abrupt cutoff either, and a stop at clearbrick 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.

  41. wonderful post, very informative. I wonder why the other experts of this sector don’t notice this. You should continue your writing. I’m sure, you’ve a great readers’ base already!

  42. Honestly the simplicity is what makes this work, the topic is not buried under filler words or overly complex examples, and a quick look at itemwhisper showed the same sensible style, I left with what I came for and no headache from over reading which is a real win these days.

  43. Skipped the social share buttons but might come back to actually use one later, and a stop at caspiboil extended that share urge, content that triggers genuine sharing impulses rather than performative ones is content that has actually moved me and not many posts in a typical week do that for me actually.

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>