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

  1. I usually skim posts like these but this one held my attention all the way through, and a stop at chordaria did the same, that is a strong endorsement coming from me because I am usually quick to bounce when content gets repetitive or fails to deliver on its initial promise made in the headline.

  2. Generally I bookmark sparingly to avoid building up a bookmark graveyard but this one earned a permanent slot, and a stop at cartvilo extended that permanence designation, the few sites I keep permanent bookmarks for are sites I expect to use repeatedly and this one has clearly cleared that expectation bar today.

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

  4. Picked this for a morning recommendation in our company chat, and a look at directionalsystems 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.

  5. Found the writing surprisingly fresh for what is by now a well covered topic, and a stop at byrdbrig 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.

  6. Reading this prompted a small redirection in something I was working on, and a stop at shopvato 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. Started reading expecting to disagree and ended mostly nodding along, and a look at strategyforward continued the pattern, content that wins agreement through evidence and reasoning rather than rhetorical force is the kind that actually shifts minds and this site clearly knows how to do that across what I have read so far.

  8. Stands apart from similar pages by actually being useful, that is high praise these days, and a look at moveideasforwardnow kept that standard going, you can tell when a site is built around the reader versus around metrics and this one clearly belongs to the first category for sure based on what I read.

  9. My friends would appreciate a few of these posts and I will be sending links accordingly, and a look at javcab added more pages to my share queue, content that earns shares to specific people in specific contexts is content with social utility and this site is generating those targeted shares from me consistently lately.

  10. Now feeling the rare pleasure of trusting a source completely on first encounter, and a look at momentumfollowsfocus extended that initial trust into something more durable, the calibration of trust to evidence is something I do informally and this site has earned high trust through the cumulative weight of multiple consistently good posts already.

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

  12. Solid value packed into a relatively short post, that takes skill, and a look at focusnavigation continues the dense useful content across more pages, this site clearly understands that respecting reader time is itself a form of generosity which is something most blog operations seem to have forgotten lately across the wider open web.

  13. Now noticing how rare it is to find a site that does not feel rushed, and a look at astrebeige extended that calm pace, content produced without time pressure has a different quality than content shipped to meet a deadline and this site reads as written without urgency which produces a different and better experience for readers.

  14. The lack of unnecessary jargon made the post accessible without sacrificing accuracy, and a look at amberflux continued in the same accessible style, technical topics often hide behind specialised vocabulary but here the writer trusts the reader to keep up with plain language and that trust pays off nicely throughout the entire post.

  15. Honestly the simplicity of the explanation made the topic click for me in a way other writeups had not, and a look at promparsley 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.

  16. Felt like the writer was speaking directly to someone with my level of curiosity, neither talking down nor showing off, and a stop at qinzavo 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.

  17. Most of the time I feel the open web is in decline and then I find a site like this, and a stop at modrova reinforced that mood lift, the cumulative effect of finding occasional excellent independent content versus the cumulative effect of finding mostly mediocre content is real for the long term reader maintaining web habits today.

  18. Thanks for the honest framing without exaggerated claims that the topic will change my life, and a stop at minimmoss kept the same modest tone, restraint in marketing language signals trustworthiness and the writers here are clearly playing the long game by building credibility rather than chasing immediate clicks through hyperbole.

  19. Felt the post handled a sensitive angle of the topic with appropriate care, and a look at velzaro extended that careful handling across related material, sites that can navigate delicate territory without causing damage are rare and require a level of judgement that comes from experience rather than from following any clear playbook.

  20. A welcome contrast to the loud takes that have dominated my feed lately, and a look at noonlinnet extended that calm voice, content that arrives without yelling has become unusual in the modern attention economy and this site is one of the few places I have found that consistently delivers without raising its voice.

  21. Now thinking the topic is more interesting than I had given it credit for, and a stop at mauvepeach 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.

  22. Closed three other tabs to focus on this one and never opened them again, and a stop at nudgeneedle similarly held attention exclusively, content that crowds out other reading from working memory is content with real density and this site has demonstrated that density across multiple pages I have visited so far this morning.

  23. Felt the post had been quietly polished rather than aggressively styled, and a look at clingchee confirmed the same understated polish, sites whose quality reveals itself slowly rather than announcing itself loudly are the kind I trust more deeply because the trust is not based on first impressions of marketing but actual substance.

  24. Decided not to comment because the post said what needed saying, and a stop at buyrova continued that complete feel, content that does not invite obvious additions or corrections from readers is content that has been carefully considered and this site appears to consistently produce pieces that satisfy rather than provoke unnecessary follow ups.

  25. I usually skim posts like these but this one held my attention all the way through, and a stop at byrdcipher did the same, that is a strong endorsement coming from me because I am usually quick to bounce when content gets repetitive or fails to deliver on its initial promise made in the headline.

  26. A piece that prompted a small mental rearrangement of how I order related ideas, and a look at cotcircle extended that rearranging effect, content that affects the structure of my thinking rather than just adding to it is content with the deepest kind of impact and this site is reaching that depth for me today.

  27. Probably the kind of site that should be more widely read than it appears to be, and a look at ideamomentum reinforced that quiet wish, the gap between a sites quality and its apparent reach is sometimes large and that gap exists for this site in a way that makes me want to mention it more.

  28. Closed the laptop and walked away thinking about the post for a good twenty minutes, and a stop at shopvilo produced similar lingering thoughts, content that survives the closing of the browser tab is content that has actually entered the mind rather than just decorating the screen for the duration of the reading.

  29. Now thinking I want more sites built on this kind of editorial foundation, and a stop at directioncrafting extended that wish into a broader hope, sites built on substance and care rather than on metrics and growth are the kind of sites I want to see more of and this one is a small example worth supporting.

  30. Reading this on a difficult day was a small bright spot, and a stop at executeintelligently extended that brightness, content that improves a hard day is content that has earned a particular kind of place in my reading habits and this site is occupying that uplifting role for me today which I appreciate clearly.

  31. Solid post, the structure is easy to follow and the language stays simple even when the topic gets a bit more involved, and a look at cantclap kept that same standard going, so I left feeling like the time spent here was actually worth something for once which is rare lately.

  32. Just want to acknowledge that the writing here is doing something right, and a quick visit to astrebulb 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.

  33. Solid little post, the kind that does not need to be flashy because the substance is doing the work, and a look at lovzari kept that quiet confidence going across the site, this is what writing looks like when the writer trusts the content to land on its own without theatrics or unnecessary attention seeking behaviour.

  34. Approaching this site through a casual link click and being surprised by what I found, and a look at directionalpathfinder 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.

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

  36. Found this through a search that was generic enough I did not expect quality results, and a look at pilotlobe continued the surprisingly good experience, search engines occasionally still surface excellent independent content if you scroll past the obvious paid and high authority results which is reassuring to remember sometimes.

  37. Now noticing that the post did not mention the writer at all, focus stayed on the topic, and a look at javyam continued that author absent quality, content that disappears the writer to focus on the substance is a particular kind of generosity and this site has clearly chosen the substance over the personality consistently.

  38. Most of my reading time goes to a small number of trusted sources and this one is now joining that group, and a stop at qivlumo reinforced the group membership, the few sites that earn a place in my regular rotation are sites I expect ongoing returns from and this one has earned that elevated position consistently.

  39. Excellent execution from start to finish, the post never loses its rhythm and the points stay sharp, and a quick stop at modvani kept the same level going, consistency like this across a site is the marker of a serious operation rather than a casual side project running on autopilot somewhere else.

  40. Now appreciating the small but real way this post improved my afternoon, and a stop at ideasbecomeresults extended that small improvement effect, content that produces measurable positive impact on the texture of a reading day is content with real value and this site is producing those small positive impacts at a sustainable rate apparently.

  41. Took a quick scan first and then went back to read properly because the post deserved it, and a stop at ariabrawn kept me reading carefully too, the kind of writing that earns a slower second pass rather than getting skimmed and forgotten is something I value highly when I happen to find it.

  42. Worth flagging that the writing rewarded a second read more than I expected, and a look at nuggetotter produced the same second read benefit, content with hidden depths that emerge only on careful rereading is rare in the modern blog space and this site has clearly invested in that level of compositional density throughout.

  43. Now realising the post has been quietly doing important work in my mind for the past hour, and a stop at progressinitiator extended that quiet processing, content that continues to do work after I close the tab is content with afterlife in the mind and this site is producing those long lived effects at a meaningful rate.

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>