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:

13,232 thoughts on “JSIO Performance Results

  1. Now noticing that the post never raised its voice even when making a strong point, and a look at chestnutcovecommerceatelier continued that calm volume, content that can make important points without resorting to typographic emphasis or emotional appeal is content that trusts its substance to do the work and this site has that confidence consistently.

  2. Picked this for a morning recommendation in our company chat and a look at executioncreatesconfidence suggested I will mention this site again later recommending content into a workplace context is a small editorial act that requires confidence in the recommendation and this site is making me confident in those recommendations consistently here too.

  3. Will be back, that is the simplest way to say it, and a quick visit to limvoro reinforced the decision, this site has earned a spot in my regular rotation alongside a few other reliable places I check when I want something genuinely informative without all the usual modern web noise getting in the way.

  4. Generally I find the content on similar topics frustrating in specific ways and this post avoided all of them, and a look at lakelake 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.

  5. Honestly the simplicity of the explanation made the topic click for me in a way other writeups had not, and a look at silkmeadowvendorroom continued that clarity into related areas, when a writer gets the level of explanation right the reader does the heavy lifting themselves and the post just enables it.

  6. Looking at this objectively the editorial quality is hard to deny even setting aside personal taste, and a stop at cottongrovegoodsgallery maintained the same objective quality, the gap between what I personally enjoy and what is objectively well crafted exists and this site clears both bars simultaneously which is rarer than it sounds.

  7. Quietly impressive in a way that does not announce itself, and a stop at bettershoppinghub 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.

  8. Thanks again for the post, I learned a couple of things I can actually use later this week, and after I went over alpineharborvendorhall 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.

  9. Just dropping by to say thanks for the effort, it does not go unnoticed when a writer cares this much about the reader, and after I went through premiumflashhub I was certain this is one of the better corners of the internet for this particular kind of content which is genuinely refreshing.

  10. The tone stayed consistent across the whole post which is harder than it looks for longer pieces, and a look at ferncovevendorlounge continued the same voice, this kind of editorial consistency is a sign of either a single careful writer or a tightly run team and either is impressive today across the broader media environment.

  11. In the middle of an otherwise scattered day this post landed as a moment of focus, and a stop at acornharbormerchantgallery extended that focused feeling across more pages, content that anchors a fragmented day rather than contributing to the fragmentation is content with real centring effect and this site is providing that anchoring function for me.

  12. Honestly this hits the sweet spot between detail and brevity, no rambling and no shortcuts, and a quick visit to premiumbuyarena kept that going across the related pages, the kind of place that respects your attention without trying to grab it through cheap tactics or attention seeking design choices that get tired fast.

  13. Honestly the simplicity of the explanation made the topic click for me in a way other writeups had not, and a look at stoneharborcraftcollective continued that clarity into related areas, when a writer gets the level of explanation right the reader does the heavy lifting themselves and the post just enables it.

  14. Decided to set aside time later to read more carefully, and a stop at seacovevendorparlor reinforced that decision, content that earns a calendar entry rather than just a passing read is in a different tier altogether and this site is clearly working at that elevated level which I really do appreciate as a reader today.

  15. Different feel from the algorithmically optimised posts that dominate the topic, and a stop at uplandcovecraftcollective reinforced that human touch, you can tell when a site is being run by someone who reads what they publish versus someone just hitting submit and moving on quickly to the next assignment without checking the result.

  16. Liked the way the post got out of its own way, and a stop at crownharborvendorhall 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.

  17. 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 easycartonline 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.

  18. Granted my mood today might be elevating my reading experience but I still think this is genuinely good, and a stop at thinkclearlyact reinforced that even discounted assessment, controlling for the mood adjustment that affects content perception this site still reads as substantively above average across multiple pieces I have read carefully today.

  19. During the time spent here I noticed the absence of the usual distractions, and a stop at progressstartshere extended that distraction free experience, content that does not fight my attention with pop ups and modals and aggressive prompts is content that respects me and this site has clearly chosen the respectful approach throughout.

  20. Reading this fit naturally into my afternoon walk because I was reading on my phone, and a stop at clippoise continued well in that walking format, content that survives mobile reading without becoming awkward is content with format flexibility and this site has clearly thought about how it reads across different devices today.

  21. Coming to this with low expectations and being pleasantly surprised by the substance, and a stop at silvercovemarkethall continued exceeding expectations, the recalibration of expectations upward across multiple positive readings is one of the actual rewards of careful browsing and this site is providing that recalibration at a steady rate apparently.

  22. Genuinely useful read the points are practical and easy to apply right away and a quick look at goldmanor confirmed that this site is consistent in that approach looking forward to digging through the rest of it when I get the chance to sit down properly later in the week or this weekend.

  23. Genuinely glad I clicked through to read this rather than skipping past, and a stop at claritypoweredgrowth confirmed I should keep clicking through to more pages here, the kind of resource that justifies its place in my browser history rather than feeling like wasted time which is the highest compliment I offer any site online today.

  24. Now appreciating that I did not feel exhausted after reading, and a stop at flickaltars extended that energising quality, content that leaves me with more attention than it consumed is rare and the gap between draining and energising content is real over the course of a typical day spent reading widely online.

  25. My professional context would benefit from having this kind of resource available, and a look at chestnutharborvendorstudio extended the professional applicability, the rare site that contributes meaningfully to professional work rather than just personal interest is content with multiplied value and this one is providing that professional utility consistently across multiple pieces.

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

  27. Started believing the writer knew the topic deeply by about the second paragraph, and a look at flintmeadowmarketparlor reinforced that confidence, the speed at which a writer establishes credibility through their writing is a useful quality signal and this writer establishes it quickly and quietly without resorting to credential dropping or self promotion.

  28. Closed the post with a small satisfied sigh, and a stop at premiumgoodsarena produced the same gentle exhale, content that ends well is content that respects the rhythm of reading and the writers here have clearly thought about how their pieces close rather than just trailing off when they run out of things to say.

  29. During the time spent here I noticed the absence of the usual distractions, and a stop at daisyharborvendorparlor extended that distraction free experience, content that does not fight my attention with pop ups and modals and aggressive prompts is content that respects me and this site has clearly chosen the respectful approach throughout.

  30. Took longer than expected to finish because I kept stopping to think and a stop at focusoverfriction did the same to me content that provokes thought rather than just delivering information is in a different category and the team here is clearly working at that higher level rather than just cranking out posts.

  31. Nice to see a post that does not try to overcomplicate the basics for the sake of looking smart, and once I looked at coralharborartisanexchange the same direct tone was there too, which honestly makes a difference when you are short on time and want answers without long pointless intros.

  32. Glad the writer kept this short rather than padding it out, the points stand on their own without needing extra context, and a look at birchharborvendorhall kept the same approach going, brevity is a sign of confidence in the substance and the team here clearly trusts their content to land without filler.

  33. Appreciated the way each section connected smoothly to the next without abrupt jumps, and a stop at amberridgecommercegallery kept that flow going nicely, transitions are something most blog writers ignore but the difference is huge for the reader who is trying to follow a sustained line of thought today across many different topics.

  34. Speaking from the perspective of having read widely on the topic this site offers something distinct, and a look at premiumcartarena reinforced that distinctness, the rare site that contributes something genuinely original to a saturated topic is the rare site worth following carefully and this one has demonstrated that original contribution capability today.

  35. A handful of memorable phrases from this one I will probably use later, and a look at amberridgevendorlounge added a couple more, content that contributes language to my own communication rather than just facts is content with a different kind of utility and this site is providing that linguistic utility consistently across what I read.

  36. Found something quietly useful here that I expect to return to, and a stop at uplandcovevendorparlor added more of the same, content with quiet utility ages well in a way that flashy hot takes do not and I have learned to weight quiet utility much higher when deciding what to bookmark for later use.

  37. I really like how the writer keeps the tone friendly without sounding fake or overly polished, and after a stop at lakequill the same calm pace was there, no rushing to make a point and no padding either, just clean honest writing that I can respect and come back to later again.

  38. Polished and informative without feeling overproduced, that is the sweet spot, and a look at jasperharbortradehall hit it again, you can tell when a site has been built with care versus thrown together for the sake of having something to put online and this is clearly the former approach taken by the team.

  39. Better than the average post on this subject by some distance, and a look at crystalharborvendorhall 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.

  40. My time on this site has now extended past what I had budgeted, and a stop at timbertrailcraftcollective 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.

  41. The depth of coverage felt about right for the format, neither shallow nor overwhelming, and a look at valecoveartisanexchange 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.

  42. Found this through a friend who recommended it and now I see why, and a look at progressbuiltintentionally only strengthened that recommendation in my own mind, word of mouth still works for content that actually delivers and this site is clearly earning recommendations the old fashioned way through quality rather than marketing.

  43. Felt a small spark of recognition when the post named something I had been struggling to articulate, and a look at silverharborvendorhall produced more such moments, the rare service of giving readers language for fuzzy intuitions is one of the higher values that good writing can provide and this site offered several today instances.

  44. A piece that ended with a clean landing rather than fading out, and a look at progressthroughfocus maintained the same crisp conclusions, endings that resolve rather than dissolve are a sign of careful structural thinking and this site has clearly invested in how its pieces conclude rather than letting them simply run out of energy.

  45. Now setting this aside as a model of how to write thoughtfully on the topic, and a stop at floraridgevendorroom extended that model status, content that becomes a reference for how a kind of writing should be done is content with influence beyond its own readership and this site is reaching that level for me clearly today.

  46. A genuinely unexpected highlight of my reading week, and a look at moveintoprogress extended that pattern, the surprise of finding excellent content rather than the predictable mediocre is one of the few real pleasures of casual web browsing and this site delivered that surprise cleanly today which I really do appreciate.

  47. Thanks for not padding this with the usual filler intros and outros that every other blog seems to require and a quick visit to focusenablesgrowth continued that lean approach across more posts content stripped of waste is content that respects you and I will always come back to that kind of approach.

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>