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

  1. I came here looking for a quick answer and ended up reading the whole post because it was actually interesting, and after directionanchorsgrowth I had a much fuller picture, no stress and no confusion just a clear walk through the topic that made everything fall into place without much effort.

  2. Worth recommending broadly to anyone who reads on the topic, and a look at actionclarifiesdirection only confirms that, the rare combination of accessibility and depth in this site makes it suitable for both newcomers and people who already know the area which is hard to pull off in any blog format today and rarely managed.

  3. Worth saying that the post fit naturally into a rhythm of careful reading, and a stop at directionstartsclarity extended the same rhythm, content that pairs well with how I actually read rather than demanding a different mode is content well calibrated to its likely audience and this site has clearly thought about that consistently.

  4. Liked that the post acknowledged complications rather than pretending they did not exist, and a stop at visionguidesmotion continued that honest framing, sites that handle complexity with care rather than papering it over with simplifying claims are doing real intellectual work and this one is clearly in that category based on what I have read.

  5. Beats most of the alternatives on the topic by a noticeable margin, and a look at actionclaritylab did not change that at all, this is one of the better corners of the open internet for this kind of content and I am glad I clicked through rather than skipping past quickly like I usually do.

  6. Looking through the archives suggests this site has been doing this for a while at this level, and a look at asianvoyager confirmed the long term consistency, sites that have maintained quality across years rather than just a recent stretch are sites with serious editorial discipline and this one has clearly been at it for a while.

  7. Thanks for taking the time to write this it is clear that some thought went into how each point would land and after I went through sandaltrust I had a better grip on the topic real value without the usual marketing noise people have to put up with online when searching for answers.

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

  9. Generally I bookmark sparingly to avoid building up a bookmark graveyard but this one earned a permanent slot, and a stop at focusenablesvelocity 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.

  10. Came in confused about the topic and left with a much firmer grasp on it, and after signalcreatesmovement I felt I could explain this to someone else without hesitation, that is the gold standard for any educational content and most sites simply fail to reach it ever which is unfortunate but true.

  11. A piece that left me thinking I had been undercaring about the topic, and a look at falpyx reinforced that mild concern, content that raises the appropriate weight of a subject without being preachy about it is doing important work and this site is providing that gentle elevation of attention for me consistently.

  12. Quietly the writers approach to the topic differs from the dominant takes I have been encountering, and a stop at buildforwardenergy extended that distinctive approach, content that maintains a different perspective without explicitly arguing against the dominant ones is content with confident editorial identity and this site has that confidence throughout pieces.

  13. I appreciate the clarity here, everything is explained in simple terms without unnecessary detail, and after a quick stop at actioncreatesdirection the points came together nicely for me, the writing keeps things straightforward and respects the reader from start to finish without ever talking down to anyone.

  14. Honest take is that this was better than I expected when I clicked through, and a look at actiondrivenvelocity reinforced that, the bar for online content has dropped so much that finding something thoughtful and well constructed feels almost noteworthy now which says more about the average than about this site itself.

  15. Quietly building a case in my head for why this site deserves more attention than it currently seems to receive, and a look at actionclarifiespath reinforced the case, the gap between quality and recognition is a recurring frustration in independent online content and this site is one of the cases that seems particularly egregious to me today.

  16. Picked a single sentence from this post to remember, and a look at progresswithsignalpath gave me another to keep, content that produces memorable lines is doing more than just transferring information and the small selection of sentences I keep from each reading session is one of the actual returns I get from reading carefully.

  17. A piece that earned its conclusions through the body rather than asserting them at the end, and a look at clarityshift maintained the same earned quality, conclusions that follow from what came before are more persuasive than declarations and this site has clearly internalised that principle in how it constructs arguments throughout pieces.

  18. Stands apart from similar pages by actually being useful, that is high praise these days, and a look at happyfamilia 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.

  19. Now feeling slightly more optimistic about the state of independent writing online, and a stop at progresswithpurpose extended that quiet optimism, sites like this one are the reason I have not given up on the open web entirely and finding them occasionally renews the case for paying attention to non algorithmic content sources today.

  20. Everything for Minecraft http://www.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.

  21. Worth pointing out that the writing reads as confident without being defensive about it, and a look at caramelcovemerchantgallery extended that secure tone, content that does not pre emptively argue against imagined critics has a different quality from defensive writing and this site reads as written from a place of real ease.

  22. However many similar pages I have read this one taught me something new and a stop at squaresloop added more new material content that contributes genuinely fresh information rather than recycling what is already widely available is content with real informational value and this site is providing that informational freshness at a notable rate.

  23. Just enjoyed the experience without needing to think about why, and a look at focuspowersgrowth kept that effortless feeling going, sometimes the best content is invisible in the sense that you forget you are reading until you reach the end and realise time has passed without you noticing it pass naturally.

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

  25. Beats most of the alternatives on the topic by a noticeable margin, and a look at buildsmartmotion did not change that at all, this is one of the better corners of the open internet for this kind of content and I am glad I clicked through rather than skipping past quickly like I usually do.

  26. Highly recommend to anyone looking for a sensible take on this topic without the usual marketing nonsense, and a look at intentionalvelocity kept that grounded approach going, sites that stay focused on serving readers rather than monetising every click are rare and this is clearly one of those rare ones I really appreciate finding.

  27. If I were to recommend a starting point for the topic this site would be near the top of my list, and a stop at ideasgainmotion reinforced that recommendation status, the small list of starting point recommendations I keep for friends asking about topics is short and this site is now firmly on it.

  28. Reading this on a phone at a coffee shop and finding it perfectly suited to that context, and a stop at directionalplanner continued the comfortable mobile experience, content that works across reading conditions without compromising on substance is increasingly important and this site has clearly thought about the whole reader experience here.

  29. 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 progresswithoutdistraction 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.

  30. Now recognising the editorial wisdom of letting some questions remain open at the end, and a look at momentumunlocked continued that intellectual honesty, content that does not force closure on contested questions is content that respects the limits of knowledge and this site has clearly developed the maturity to know when to leave space.

  31. Felt a small spark of recognition when the post named something I had been struggling to articulate, and a look at ideasintoalignment 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.

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

  33. Big thanks to whoever wrote this, you saved me a lot of time hunting for the same info on other sites, and a stop at growththroughsimplicity only added more useful detail without going off topic, that kind of focus is honestly hard to come across these days when most posts wander everywhere.

  34. A memorable post for me on a topic I had thought I was tired of, and a look at signalcreatesclarity suggested the same site can refresh other tired topics, sites that can revive my interest in subjects I had written off as exhausted are doing rare work and this one is clearly doing that for me today.

  35. The headings made navigating the post simple even when I needed to find a specific section quickly, and a look at brightdebate continued the same thoughtful structure, small details like clear headings show that someone is actually thinking about how the reader uses the page rather than just filling it for length alone.

  36. Just want to record that this site is entering my regular reading list, and a look at directionisleverage confirmed it deserves the spot, my regular reading list is short and well curated and adding to it requires meeting a fairly high quality bar that this site has clearly cleared without much effort apparently.

  37. Now I want to find more sites like this but I suspect they are rare, and a look at progressstarter extended that thought, the few sites that meet this quality bar are precious specifically because they are rare and finding others like them is one of the ongoing projects of careful internet curation across the years.

  38. Reading this with a notebook open turned out to be the right move, and a stop at buildmomentumwithclarity 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.

  39. Thank you for not assuming the reader already knows everything, the explanations meet me where I am, and a look at progresswithsignalpath 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.

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

  41. Started smiling at one paragraph because the writing was just nice, and a look at thinklessmovebetter produced a couple more such moments, prose that produces small spontaneous reactions in the reader is doing more than just transferring information and the writers here are clearly hitting that level fairly consistently throughout pieces.

  42. Now considering carefully how to share this site with the right audience rather than broadcasting widely, and a look at moveideaswithclarity 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.

  43. Worth saying that the prose reads naturally without straining for style, and a stop at adobebronze 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>