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

  1. Felt like the writer was speaking directly to someone with my level of curiosity, neither talking down nor showing off, and a stop at progressneedsstructure kept that comfortable matching going, finding writing that meets you where you are rather than asking you to climb up or stoop down feels great every time it happens.

  2. Worth flagging that this approach to the topic is fresh without being contrarian, and a stop at focuspowersmovement extended the same fresh angle, finding original perspective on familiar subjects is rare and this site has clearly developed its own way of seeing rather than echoing the dominant takes from elsewhere consistently.

  3. A piece that did not try to be timeless and ended up reading as durable anyway, and a look at modernhavens extended that durable feel, content that stays useful past its publication date without straining for permanence is content that ages well and this site has the kind of evergreen quality that I value highly today.

  4. Reading this gave me material for a conversation I needed to have anyway and a stop at directionbeforeforce 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.

  5. This stands out compared to similar posts I have read recently, less noise and more substance, and a look at infonexushub kept that gap going, you can really feel the difference between content made by someone who cares versus content made to fill a publishing schedule for an algorithm trying to keep growing somehow.

  6. Honestly this kind of writing is why I still bother to read independent sites, and a look at brightcapture extended that broader reflection, the few sites that justify continued attention to non algorithmic content are sites like this one and finding them periodically is enough to keep my reading habits oriented toward independent rather than aggregated content.

  7. Thank you for not assuming the reader already knows everything, the explanations meet me where I am, and a look at focusacceleration did the same, that consideration is what makes a site feel welcoming rather than gatekeepy which is sadly the default mood across the modern web today for most subjects covered.

  8. Now feeling the quiet pleasure of finding writing that takes itself seriously without being self serious, and a stop at executeplansnow extended that subtle pleasure, the gap between earnest and pretentious is fine and this site has clearly chosen to land on the earnest side without slipping over into pretentious which is impressive.

  9. Honestly enjoyed not being sold anything for the entire duration of the post, and a look at directionsharpensfocus kept that pleasant absence going across more pages, content that exists for its own sake rather than as a funnel to a paid product is increasingly rare and worth supporting where I can find it.

  10. Speaking as someone who used to recommend blogs frequently and got out of the habit this site is rekindling that impulse, and a look at urbanriders extended the rekindling, the recovery of an old habit triggered by encountering work that justifies it is itself a small kind of pleasure and this site is providing that recovery experience.

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

  12. A genuine compliment to the writer for keeping the post focused on what mattered, and a look at focusoverforce continued that disciplined focus, focus is a editorial choice that compounds across many small decisions and this site has clearly made those small decisions consistently across what I have read so far this week here.

  13. Honestly this was a good read, no jargon and no padding, and a short look at moveideasforwardclean kept that same feel going which I really appreciated, the writer clearly knows the topic well enough to explain it without hiding behind big words or filler that often gets used to seem clever.

  14. Now considering the post as evidence that careful blog writing is still possible, and a look at growthneedsalignment extended that evidence, the broader question of whether the modern web can sustain quality writing has obvious empirical answers in sites like this one and seeing them is reassuring even when they remain a minority overall today.

  15. A welcome reminder that thoughtful writing still happens online, and a look at claritymovesideas extended that reassurance, the modern web makes it easy to forget that careful writing exists and finding sites that practice it is a small antidote to the cynicism that builds up from too much exposure to algorithmic content.

  16. Now considering carefully how to share this site with the right audience rather than broadcasting widely, and a look at primebazaarhub extended that careful sharing impulse, content worth sharing carefully rather than spamming is content that has earned a higher kind of recommendation and this site has earned that careful shareability throughout pieces.

  17. The clarity here is something I really appreciate, especially compared to sites that pile on jargon for no reason, and a look at clarityroute was the same, simple direct sentences that actually deliver information instead of dancing around the point for paragraphs at a time which wastes reader patience.

  18. A genuinely unexpected highlight of my reading week, and a look at thinkingtomotion 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.

  19. Reading this gave me confidence to make a decision I had been putting off, and a stop at actionplanner reinforced that confidence, content that translates into action in my own life rather than just informing it is content with the highest practical value and this site is generating that action level utility for me lately.

  20. Started imagining how I would explain the topic to someone else after reading, and a look at growthsignalhub 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.

  21. Now sitting with the thoughts the post triggered rather than rushing on to the next thing, and a stop at directionanchorsmotion extended that reflective pause, content that earns time for thought after closing the tab is content of higher value than the merely interesting and this site has clearly produced that lasting effect today.

  22. Found this through a friend who recommended it and now I see why, and a look at actioncreatestraction 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.

  23. Genuinely good work the kind that holds up over multiple readings without losing its appeal and a stop at visiontoexecution kept that going definitely a site I will be returning to and probably mentioning to others who work in or care about this particular area of interest today and in coming weeks.

  24. A quiet kind of confidence runs through the writing, and a look at hoppyharbor 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.

  25. Closed the tab feeling I had spent the time well, and a stop at dailyneedsstore extended that feeling across more pages, the test of whether time on a site was well spent is one I apply silently after closing tabs and very few sites pass it but this one passed it cleanly today afternoon clearly.

  26. Now planning to recommend this site in a context where my recommendations are taken seriously, and a stop at directioncreatesadvantage 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.

  27. Ended up here on a wandering afternoon and was glad I stayed for the read, and a stop at festiveglow 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.

  28. Reading this prompted me to subscribe to my first newsletter in months, and a stop at glossylocks confirmed the subscribe was the right call, content that earns a newsletter signup is content that has cleared a higher trust bar than a casual visit and this site has clearly earned that level of commitment from me.

  29. Now adding the homepage to my regular check rotation rather than waiting for individual links to find me, and a stop at actioncreatespace confirmed the rotation upgrade, the move from passive discovery to active checking is a vote of confidence in a sites ongoing quality and this site has earned that active engagement clearly.

  30. Now adding this to a short list of sites I would defend in a conversation about the modern web, and a look at focusbeatsfriction reinforced that defence list, the few sites that serve as evidence the web can still produce good things are precious and this one has clearly joined that small list of exemplary sites.

  31. On reflection this is the kind of writing that improves my taste for what is possible in the format, and a look at playfulorbit continued raising that bar, content that elevates my expectations rather than lowering them is doing important work in calibrating my standards and this site is participating in that elevation reliably.

  32. Looking for similar voices elsewhere has come up empty in my recent searches, and a stop at agavebarley extended the search frustration, the rare site that does what no other does in quite the same way is precious and this one has clearly developed a particular approach that I have not been able to find duplicates of.

  33. Now feeling the post has earned a proper recommendation rather than a casual mention, and a stop at ideaswithimpact reinforced the recommendation strength, the difference between mentioning and recommending is a small editorial distinction I observe in my own conversations and this site has earned the upgraded recommendation level from me confidently today.

  34. This is undoubtedly one of the greatest articles I’ve read on this topic! The author’s comprehensive knowledge and zeal for the subject shine through in every paragraph. I’m so thankful for coming across this piece as it has enhanced my knowledge and sparked my curiosity even further. Thank you, author, for taking the time to produce such a outstanding article!

  35. Solid stuff, the kind of post that I will probably refer back to later this month when the topic comes up again, and a look at clarityfirstaction only confirmed I should bookmark the site as a whole rather than just this single page for future reference and use across coming weeks.

  36. Appreciate that you did not pad this with fluff to hit a word count, the post says what it needs to say and stops, and a look at dailyhorizonhub did the same, brevity here feels intentional not lazy which is a distinction many writers miss completely sometimes when they are working under deadlines.

  37. Reading this in pieces during a long afternoon and finding it consistently rewarding, and a stop at actiondrive fit naturally into the same fragmented reading pattern, sites whose posts can be read in segments without losing the thread are well suited to how I actually read these days and this one is built well.

  38. Glad I gave this a chance instead of bouncing on the headline, and after strongharbor I was certain I had made the right call, snap judgements based on titles miss a lot of good content and this is a reminder to slow down and check things out before scrolling past in a hurry.

  39. Now thinking the topic is more interesting than I had given it credit for, and a stop at activateyourmomentum continued that elevated interest, content that revives my curiosity about subjects I had set aside is doing genuine work in the structure of my interests and this site is providing that revivifying effect today actually.

  40. Just want to say thank you for putting this together, posts like these make searching online actually worth it sometimes, and a quick look at jewelbrookmerchantgallery kept that going, useful and easy to read without any of the tricks that ruin most blog comment sections lately on the wider open web.

  41. Felt the writer did the homework before publishing, the references hold up, and a look at surfnexora continued that documented care, content with traceable claims rather than vague assertions is the kind I trust and the lack of bald assertion in this post is one of its quietly impressive qualities for me.

  42. Worth saying that the prose reads naturally without straining for style, and a stop at professionalix maintained the same unforced quality, writing that achieves elegance without effort is the highest tier and this site has clearly worked out how to land that effortless quality consistently rather than only on the writers best days.

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>