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:

21,782 thoughts on “JSIO Performance Results

  1. Now noticing the post fit a particular gap in my reading without my having articulated the gap before, and a look at directionenablesmomentum 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.

  2. If I am being honest this is the kind of site I quietly hope my own work will someday resemble, and a stop at motionbeatsmotionless extended that aspirational feeling, finding work that models what I want to produce is part of why I read carefully and this site has been performing that modelling function for me lately consistently.

  3. Refreshing tone compared to the dry corporate posts on similar topics, and a stop at actioncreatesalignment carried that personality through nicely, you can tell when a real person is behind the writing versus a content team chasing metrics and this site definitely falls into the former category clearly across what I have seen.

  4. The conclusions felt earned rather than tacked on at the end like an afterthought, and a look at signaloverdistraction kept that careful structure going, you can tell when a writer has thought about the shape of their post versus just letting it ramble out and hoping for the best at the end which most do.

  5. Liked how the post handled an objection I was forming as I read, and a stop at clarityfuelsmotion similarly anticipated where my thinking was going next, the rare writer who can predict reader concerns and address them in advance is doing something most online content fails to do despite that being basic editorial work.

  6. Reading this prompted a small redirection in something I was working on, and a stop at studyharbor 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. Honestly thank you to whoever wrote this because it scratched an itch I had not quite been able to articulate, and a stop at ideaswithimpact kept that satisfying feeling going, the kind of writing that meets unspoken needs is special and this site clearly has writers who understand their readers more than most do today.

  8. A clean piece that knew exactly what it wanted to say and said it, and a look at claritylaunch maintained the same clarity of intention, knowing the goal of a piece before writing is something most blog content lacks and the clarity of purpose here shows up in every paragraph for any careful reader to notice.

  9. Approaching this site through a casual link click and being surprised by what I found, and a look at eshpyx extended the surprise, the rare experience of stumbling into excellent independent content rather than predictable mediocrity is one of the actual remaining pleasures of casual web browsing and this site provided it cleanly.

  10. Now thinking about this site as a small example of what good independent writing looks like, and a stop at ideasintoflow continued that exemplary status, the few sites that serve as good examples are sites worth holding up in conversations about quality and this one has earned that exemplary placement through patient consistent effort over time.

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

  12. Liked that there was nothing performative about the writing, and a stop at focusdrivenresults continued that genuine quality, performative writing tries to be witnessed rather than read and the difference between performance and substance is huge for the careful reader and this site has clearly chosen substance every time clearly.

  13. Everything for Minecraft https://topminecraftworldseeds.com in one place: mods skins maps texture packs and the best seeds for survival creativity and adventure. Collections of popular add-ons installation instructions updates and secure downloads for different versions of the game.

  14. A thoughtful piece that did not strain to be thoughtful and a look at uptonvelour continued that effortless quality when thinking shows up in writing without the writer drawing attention to it you know you are reading something genuinely considered rather than something performing the appearance of consideration which is also common online.

  15. Found the writing surprisingly fresh for what is by now a well covered topic, and a stop at progresswithintent kept that freshness going across the related pages, original perspective on familiar ground is hard to come by and this site has clearly earned its place in the conversation rather than just rehashing old ideas.

  16. Now considering writing a longer note about the post somewhere and a look at progressstarter 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.

  17. Worth a slow read rather than the fast scan I usually default to, and a look at signalbasedgrowth earned the same slower pace from me, content that resets my reading speed downward is content with substance worth absorbing and this site has produced that effect on me multiple times now over the last week here.

  18. A relief to read something where I did not have to fact check every claim mentally, and a look at actionwithclarityfirst continued that reliable feeling, sites where I can lower my guard and trust the content are rare and this one is earning that trust paragraph by paragraph through consistent careful work behind the scenes.

  19. Reading this prompted me to clean up some old notes related to the topic, and a stop at growthneedsmomentum extended that organising urge, content that triggers personal organisation rather than just consuming attention is content with motivating energy and this site has the kind of clarity that prompts active follow up rather than passive consumption.

  20. Now appreciating that the post did not try to imitate any other style I might recognise, and a stop at progresswithdiscipline 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.

  21. Reading this prompted me to clean up some old notes related to the topic, and a stop at strategyactivator extended that organising urge, content that triggers personal organisation rather than just consuming attention is content with motivating energy and this site has the kind of clarity that prompts active follow up rather than passive consumption.

  22. Even just sampling a few posts the consistency is what stands out, and a look at actioncreatesflowstate 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.

  23. Quiet confidence runs through the whole post, no need to shout to make the points stick, and a stop at growthneedssignal 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.

  24. Strong recommendation from me, anyone curious about the topic should make time for this, and a look at exabuff only sharpens that recommendation further, the kind of resource that holds up against careful scrutiny rather than crumbling at the first critical question is rare and worth pointing other people toward when the topic comes up.

  25. Did not expect much when I clicked through but ended up reading the whole thing carefully, and a stop at visiondirection kept that engagement going, sometimes the unassuming sites turn out to deliver more than the flashy ones which is something I have learned to look out for over time online lately and across topics.

  26. Pleasant surprise, the post delivered more than the headline promised, and a stop at directionbuildsvelocity continued that pattern of under promising and over delivering, the rarest combination on the modern web where most content does the opposite by promising the world and delivering thin recycled summaries instead each time you click on something interesting.

  27. Appreciate the thoughtful approach, the writer clearly took time to make this readable for someone who is not already an expert, and a look at growtharchitected kept that going nicely, easy on the eyes and easy on the brain which is always a winning combination when reading on a busy day.

  28. Saving the link for sure, this one is a keeper, and a look at executevisionnow confirmed I should bookmark the entire site rather than just this page, the consistency across what I have seen so far suggests there is a lot more here worth coming back for soon when I have more time.

  29. Decided to set aside time later to read more carefully, and a stop at contentnexus 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.

  30. After several visits I am now confident this site is one to follow seriously, and a stop at orbitnexora reinforced that confidence, the gradual building of trust through repeated quality exposures is the only sustainable way to develop reader loyalty and this site is building that loyalty in me through patient consistent work consistently.

  31. A modest masterpiece in its own quiet way, and a look at growthmoveswithfocus confirmed the same quiet quality across the rest of the site, calling something a masterpiece is usually overstating but for content this carefully crafted the word feels appropriate even if the writers themselves would probably resist the label honestly.

  32. Picked up on several small touches that suggest a careful editor, and a look at thinklessmovebetter suggested the same hand at work across the broader site, editorial consistency at a granular level is one of the strongest signs that an operation is serious rather than just hobbyist and this site reads as serious throughout.

  33. Well done the kind of post that makes you slow down and actually read instead of skimming for keywords and a look at tomatotiara kept me reading carefully too that is a sign of writing that has been crafted rather than churned out for an algorithm to see today and tomorrow.

  34. Just want to acknowledge that the writing here is doing something right, and a quick visit to focusgeneratespower confirmed the same standards run across the broader site, recognising good work is something I try to do when I find it because the alternative is silence and silence rewards mediocrity.

  35. A quiet kind of confidence runs through the writing, and a look at alpinecovemerchantgallery carried that same understated assurance, confidence without bragging is the most attractive register for online writing and the writers here have clearly developed it through practice rather than affecting it through stylistic tricks that would feel hollow eventually.

  36. Did not expect much when I clicked through but ended up reading the whole thing carefully, and a stop at focuscreatesvelocity kept that engagement going, sometimes the unassuming sites turn out to deliver more than the flashy ones which is something I have learned to look out for over time online lately and across topics.

  37. Reading carefully here has reminded me what reading carefully feels like, and a look at intentionalmovementlab extended that reminder, the experience of careful reading versus skimming is different in ways I had partially forgotten and this site has clearly refreshed my memory of what attention feels like when content rewards it consistently.

  38. Felt the writer respected me as a reader without making a show of doing so, and a look at actioncreatesalignment continued that quiet respect, this is the kind of small but meaningful detail that separates the sites I bookmark from the ones I close after a single skim and never return to again no matter how interesting the headline.

  39. Bookmark added without hesitation after finishing and a look at strategyandclarity confirmed I should bookmark the homepage too rather than just this page the rare site that earns category level trust rather than just single article approval is the kind I want to rely on across many different topics over time.

  40. Speaking from the perspective of having read widely on the topic this site offers something distinct, and a look at forwardtractioncreated 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.

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>