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

  1. Took a screenshot of one section to come back to later and a stop at buildprogresswithintent prompted another saved tab the urge to capture and revisit specific pieces of content is something I rarely feel but when I do it tells me the work is worth more than the average passing read for sure.

  2. Solid quality, the kind of work that holds up to a careful read rather than a quick skim, and a quick look at urbanzaro kept that standard going strong, content that rewards attention rather than punishing it is something I appreciate more and more these days online across nearly every topic I follow.

  3. Closed the tab and immediately reopened it ten minutes later because I wanted to reread a part, and a stop at curlclap drew the same return, content that pulls you back after closing it is doing something well beyond the average and worth marking as exceptional in my mental catalogue of reliable sites.

  4. Stands out for actually being useful instead of just being long, and a look at caspiboil kept that going, length without value is the default mode of most blogs these days but this site has clearly chosen a different path which I respect a lot as a reader who values careful editing decisions like that.

  5. Reading this in the time it took to drink half a cup of coffee, and a stop at orbitnomad fit naturally into the second half, content that respects the rhythms of a typical morning is content with practical fit and this site has the kind of length and pacing that works for the way I actually read.

  6. Coming to this with low expectations and being pleasantly surprised by the substance, and a stop at lanellama 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.

  7. Reading this slowly to absorb the structure, and the structure is doing real work alongside the words, and a look at pagodamatrix maintained the same architectural quality, when sentence shapes and paragraph rhythms reinforce the meaning rather than just transporting words you know you are reading skilled work today.

  8. Liked the careful selection of which details to include and which to skip, and a stop at probemason reflected the same editorial judgement, knowing what to leave out is just as important as knowing what to include and this site has clearly figured out where that line sits for the topics it covers regularly.

  9. Yesterday I was complaining about the state of online writing and today this site has temporarily fixed that complaint, and a look at noqvani extended that mood reversal, the short term mood improvement that comes from finding good content is real and this site has produced that improvement for me at a useful moment.

  10. Now understanding why someone recommended this site to me a while back, and a stop at modtora explained the recommendation, sometimes recommendations make sense only after experience and this site has finally clicked into place as the kind of resource I now understand was being recommended for sound editorial reasons by my friend.

  11. Now setting aside time on my next free afternoon to read more from the archives, and a stop at intentionalvector confirmed that time will be well spent, the rare site whose archive deserves a dedicated reading session rather than just casual sampling is the kind of resource worth scheduling around and this one qualifies clearly.

  12. Found the post genuinely useful for something I was working on this week, and a look at oldenmaple added more material I will reference, content that connects to my actual life and work rather than just being interesting in the abstract is the kind I will pay attention to and return to repeatedly.

  13. If I had to defend the time I spend reading independent blogs this site would feature in the defence, and a look at xunmora reinforced that defensive utility, the ongoing case for non algorithmic reading is one I make to myself periodically and sites like this one provide the actual evidence that supports the case clearly.

  14. Refreshing change from the usual sites covering this topic, no clickbait and no padding, and a stop at melqavo confirmed the difference, this place clearly has its own voice rather than copying the formulas everyone else uses to chase clicks online which is becoming increasingly rare these days across nearly every popular subject.

  15. Just want to flag that this was useful and not bury the appreciation in caveats, and a look at konvexa earned the same direct praise, recognising good work without hedging it with criticism is something I try to practice because over qualified compliments tend to read as backhanded and miss the point sometimes.

  16. Even on a quick first read the substance of the post comes through, and a look at dealzaro reinforced that immediate quality, content that does not require a slow careful read to demonstrate value but rewards one anyway is content with real depth and this site has produced work of that demanding depth class.

  17. Granted I am giving this site more credit than I usually give new finds, and a look at stylevilo continued earning that credit, the calibration of how much trust to extend after limited exposure is something I do carefully and this site has earned more trust on shorter exposure than most due to consistent quality across.

  18. Glad to have another reliable bookmark for this topic, and a look at urbivio suggested several more pages I will be marking too, building a personal library of trustworthy resources is one of the actual rewards of careful browsing and this site is earning a place on my permanent shortlist for the topic.

  19. If you asked me to point to a recent positive sign for the open web this site would be near the top, and a stop at curvecalm reinforced that designation, the few sites that serve as evidence the web can still produce quality independent content are precious and this one has clearly become one for me.

  20. Glad I gave this a chance rather than scrolling past and a stop at directioncreatespace confirmed I made the right call sometimes the best content is hidden behind unassuming headlines that do not scream for attention and learning to slow down and check those out has paid off many times now across years of reading.

  21. I appreciate the clarity here, everything is explained in simple terms without unnecessary detail, and after a quick stop at leapminor 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.

  22. Comfortable in tone and substantive in content, that is a hard combination to land, and a look at dewchip kept that pairing alive across more material, this is what good editorial direction looks like in practice and the team here clearly has someone keeping a steady hand on the wheel across what they decide to publish.

  23. Took longer than expected to finish because I kept stopping to think, and a stop at ospreypiano 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.

  24. Without overstating it this is a quietly excellent post, and a look at palettemanor extended that quiet excellence, content that earns superlatives without demanding them through marketing language is content that has truly earned them through the substance and this site has clearly produced work in that earned excellence category today.

  25. Well structured and easy to read, that combination is rarer than people think, and a stop at norlizo confirmed the same standard runs across the rest of the site, definitely the kind of place I will be coming back to when this topic comes up in conversation later again over the weeks ahead.

  26. Looking through the archives suggests this site has been doing this for a while at this level, and a look at purplelinnet 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.

  27. Now appreciating the small but real way this post improved my afternoon, and a stop at quaintotter 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.

  28. Considered against the flood of similar content this one stands apart in important ways, and a stop at plazaomega extended that distinctive feel, sites that find their own corner of a crowded topic and stay there are sites worth following and this one has clearly carved out its own space and committed to defending it carefully.

  29. Now feeling mildly impressed in a way I do not quite remember feeling about a blog in a while, and a stop at cedarchime extended that mild impression, content that produces specific positive emotional responses rather than just neutral information transfer is content with extra dimensions and this site has those extra dimensions clearly.

  30. Comfortable in tone and substantive in content, that is a hard combination to land, and a look at progressalignment kept that pairing alive across more material, this is what good editorial direction looks like in practice and the team here clearly has someone keeping a steady hand on the wheel across what they decide to publish.

  31. Picked a single sentence from this post to remember, and a look at oldenneon 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.

  32. Top tier post, the kind that makes you want to share the link with friends working in the same area, and a stop at kanqiro only made me more confident in doing that, this site is one of the better resources I have seen on the topic recently across both new and older posts.

  33. Felt the post had been written without using a single buzzword, and a look at xunqiro continued that clean vocabulary, content free of jargon and trendy phrases reads better and ages better and this site has clearly committed to a vocabulary that will not feel dated in three years which is impressive editorially.

  34. My friends would appreciate a few of these posts and I will be sending links accordingly, and a look at minqaro 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.

  35. Came away with a slightly better mental model of the topic than I started with, and a stop at vankiro sharpened that further, content that improves the reader thinking apparatus rather than just dumping facts into it is the rare kind I genuinely value and seek out when I have time to read carefully.

  36. If I am being honest this is the kind of site I quietly hope my own work will someday resemble, and a stop at stylezaro 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.

  37. Beats most of the alternatives on the topic by a noticeable margin, and a look at curvecatch 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.

  38. Now understanding why someone recommended this site to me a while back and a stop at growthnavigation explained the recommendation sometimes recommendations make sense only after experience and this site has finally clicked into place as the kind of resource I now understand was being recommended for sound editorial reasons by my friend.

  39. Reading this gave me a small sense of progress on a topic I have been slowly working through, and a stop at norzavo added another step forward, learning happens in small increments across many sources and finding sources that consistently contribute is the actual practical value of careful curation in an information rich world.

  40. Top tier post, the kind that makes you want to share the link with friends working in the same area, and a stop at leappalette only made me more confident in doing that, this site is one of the better resources I have seen on the topic recently across both new and older posts.

  41. Refreshing to read something where the words actually mean something instead of filling space, and a stop at outerpastry kept that going, the writing here trusts the reader to follow along without endless repetition or constant reminders of what was already said earlier in the post which I appreciate.

  42. Thank you for keeping the writing honest and the points easy to verify against your own experience, and a stop at quarknebula reflected the same approach, no exaggeration just steady useful content that I can take with me into my own work without second guessing every sentence I happen to read here.

  43. Liked that the post landed without needing to manufacture controversy or take a contrarian stance for attention, and a stop at basteclose continued that grounded approach, content that earns attention through quality rather than provocation is the kind that builds long term trust rather than burning it on quick wins.

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>