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

  1. Skipped the related links section thinking I had read enough and then came back to it later when curiosity got the better of me, and a stop at hekfox confirmed I should have just read it first, every section of this site appears to deserve careful attention rather than skipping past lazily.

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

  3. Ended up here on a wandering afternoon and was glad I stayed for the read, and a stop at jararch extended the wandering into a proper exploration of the site, the kind of place that rewards aimless clicking with something genuinely interesting rather than the shallow content that mostly populates the modern open web.

  4. Genuine pleasure to read, and that is not something I say often after a casual click through, and a quick visit to syrupspire kept the same feeling going across the rest of the site, finding writing that actually feels good to spend time with rather than just functional is increasingly rare on the open web.

  5. This one is staying open in a tab for the rest of the day so I can come back and re read certain parts, and a look at curatedqualityhub suggests I will be doing the same with a few more pages here too, this is going to be a deep dive over the coming hours.

  6. A piece that did not require external context to follow, and a look at findyourdirectiontoday maintained the same self contained quality, content that stands alone without forcing readers to chase prerequisites is more accessible and this site has clearly thought about how each piece can serve a fresh visitor rather than only existing members.

  7. A piece that reads as if the writer trusted readers to fill in obvious gaps and a look at stitchvamp 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.

  8. Pass this along to colleagues if the topic comes up, the framing here is sensible, and a stop at tailorteal 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.

  9. Glad the writer did not feel compelled to cover every possible angle of the topic, focus is a virtue, and a stop at gunlex reflected the same disciplined scope, knowing what to leave out is half of what makes good writing good and this post has clearly been edited with that principle in mind.

  10. Will be passing this along to a few people who would benefit from the perspective shared here, and a stop at sundaestudio only added to what I will be sharing, this kind of generous content deserves to circulate widely rather than getting buried in some search engine algorithm tweak that pushes it down the rankings.

  11. Better signal to noise ratio than most places I check on this kind of topic, and a look at snareshale kept that going, every paragraph here carries something worth reading rather than padding out the page to hit some arbitrary length target that search engines reward but readers ignore as soon as they notice it.

  12. Will be sharing this with a couple of people who care about the topic, and a stop at huiyam added more material worth passing along, the kind of site that is generous with quality content and does not make you jump through hoops to access it which is appreciated more than the team probably realises.

  13. Picked this up between two other things I was doing and got drawn in completely and after buildscalableideas my original tasks were completely forgotten for a while content that derails a workflow in a positive way by being more interesting than what you were already doing is rare and worth recognising clearly.

  14. Taking the time to read carefully here has been worthwhile for the past hour, and a look at scopevoice extended the worthwhile reading, the calculation of return on reading time spent is something I do informally and this site has been producing positive returns across multiple sessions during the last week of regular visits and reads.

  15. Top notch writing, every paragraph carries weight and nothing feels like filler, and a stop at learnwithpurpose reflected that same care, a rare thing on the open web these days where most pages exist for clicks rather than actual reader value or anything close to that which is honestly a real shame.

  16. Genuinely changed how I think about a small piece of the topic, which does not happen often online, and a look at orchidlatte 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. Even across multiple posts the writers voice has remained consistent in a way I appreciate, and a stop at explorefreshideas continued that voice, sites that maintain editorial consistency across many pieces have something most sites lack and this one has clearly worked out how to keep its voice steady across what reads as a growing archive.

  18. Came in skeptical of the angle and left mostly persuaded, and a stop at cricap pushed me a bit further in the same direction, content that can move a critical reader by argument rather than rhetoric is rare and worth pointing out because it indicates real substance underneath the surface presentation here.

  19. Thanks again for the post, I learned a couple of things I can actually use later this week, and after I went over jevmox the rest of the site looked equally promising, definitely going to spend more time here when I get a free moment over the weekend to read more carefully.

  20. Decided this was the best thing I had read all morning, and a stop at abobrim kept that ranking intact, ranking my reading is something I do mentally throughout the day and the top rank is competitive and not easily won but this site won it without needing to overstate its claims for that.

  21. Reading this slowly in the morning before opening email, and a stop at vyxbrisk extended that protected attention, content that earns the prime morning reading slot before the daily distractions begin is content with elevated status and this site has earned that prime slot consistently in my recent reading habits clearly.

  22. Anyone curious about this topic would do well to start here, the foundation laid is solid, and a stop at salutevandal would round out their understanding nicely, this is the kind of resource I would point a friend toward without hesitation if they asked me where to begin learning about anything in this area.

  23. Adding to the bookmarks now before I forget, that is how good this is, and a look at findyourgrowthzone confirmed the rest of the site is worth saving too, this is one of those rare finds that justifies the time spent searching the web for once which is a relief in the current environment.

  24. Loved the writing voice here, friendly without being fake and confident without being arrogant, and a stop at ivafix carried the same tone forward, the kind of personality that makes a reader feel welcome rather than lectured at which is a balance plenty of writers struggle to find no matter how long they have been at it.

  25. This filled in a gap in my understanding that I had not even noticed was there, and a stop at gyrarena 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.

  26. Liked the balance between depth and brevity, never too shallow and never too long, and a stop at solosupple kept the same balance going across the rest of the site, this is one of the harder skills in writing and the team here clearly has it figured out very well indeed across every page.

  27. A small thank you note from me to the team behind this work the post earned it and a stop at discoverwhatmatters suggested more thanks would be in order over time recognising the people who do good writing online is something I try to remember to do because the alternative is silence and silence rewards mediocrity unfortunately.

  28. Compared to the usual results for this kind of search this site stands well above the average, and a quick visit to siskastencil kept the standard high, you can tell within seconds whether a site is going to waste your time or actually deliver and this one clearly delivers without any false starts.

  29. However selective I am about new bookmarks this one made it past my filter, and a look at skeintackle confirmed the bookmark was worth the slot, the precious slots in my permanent bookmark folder are difficult to earn and this site earned one without making me think twice about whether the slot was justified by the quality.

  30. 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 siskatrance confirmed that approach is consistent across the site which is rare to find online these days, definitely a place I will return to soon.

  31. Reading this gave me material for a conversation I needed to have anyway, and a stop at modernlifestylemarketplace added even more talking points, content that connects to upcoming social or professional needs rather than just being interesting in the abstract is the kind that earns priority placement in my attention these days routinely.

  32. Reading this on the train into work was a better use of the commute than my usual choices, and a stop at sandaltimber extended that commute reading well, content that improves transit time rather than just filling it is content with practical benefit and this site has earned its place in my morning commute reading rotation.

  33. Easy to recommend without reservations, the site delivers on every promise it implicitly makes, and a look at ospreypiano kept that same standard going, the kind of consistency that earns trust over time rather than chasing it through aggressive marketing is what I see here and it is appreciated greatly by this particular reader today.

  34. Worth marking the moment when reading this clicked into something useful for my own work, and a look at learnandadvance extended that practical click, content that connects to my actual life rather than just being interesting is content with the highest kind of value and this site is generating that connection at a high rate.

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

  36. Easily one of the better explanations I have read on the topic, and a stop at buildsolidmomentum pushed it even higher in my mental ranking of useful resources, the kind of site that beats the average not by trying harder but by simply caring more about what it puts out daily which always shows.

  37. Following the post through to the end without my attention drifting once, and a look at learnandadvance earned the same uninterrupted attention, content that holds attention without manipulating it is content with substantive pull and this site has demonstrated that substantive pull across multiple pieces in a single reading session reliably here today.

  38. Now realising the post solved a small problem I had been carrying for weeks, and a look at findyouruniqueedge extended that problem solving function, content that connects to specific unresolved questions in my own life rather than just providing general interest is content with real practical impact and this site is providing that practical value.

  39. Refreshing change from the usual sites covering this topic, no clickbait and no padding, and a stop at createactionableplans confirmed the difference, this place clearly has its own voice rather than copying the formulas everyone else uses to chase clicks online which is becoming increasingly rare these days across nearly every popular subject.

  40. Reading this triggered a small reorganisation of my own thinking on the topic, and a stop at hesyam furthered that reorganisation, content that affects the shape of my mental model rather than just decorating it with new facts is content with structural rather than informational impact and this site provides that.

  41. Reading this with a notebook open turned out to be the right move, and a stop at vincavessel added more material to the notes, content that justifies active note taking from a passive reader is content with real informational density and this site is producing notes worthy material at a high rate consistently.

  42. Honest opinion is that this is the kind of post that builds long term trust with readers, and a look at startpurposefully reinforced that perception, the slow accumulation of trust through consistent quality is the only sustainable way to build a real audience and this site is clearly playing that long game.

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>