JSIO Performance Results

Posted on by

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

  2. Reading the writers other posts after this one suggests the quality is consistent rather than peak, and a stop at rixva confirmed the consistent quality reading, sites that hold the same level across many pieces rather than peaking on a few are sites with sustainable editorial discipline and this one has clearly developed that.

  4. Liked the way the post got out of its own way, and a stop at everydayvaluepurchase extended that invisible craft, the best writing you barely notice while reading because it is doing its work without drawing attention to itself and this site has clearly mastered that disappearing act across the pieces I have read.

  10. Felt the writer respected me as a reader without making a show of doing so, and a look at ulvarostore 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.

  11. I came here looking for a quick answer and ended up reading the whole post because it was actually interesting, and after safercharging 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.

  13. The conclusions felt earned rather than tacked on at the end like an afterthought, and a look at trivoxtrustline 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.

  14. Stands out for actually being useful instead of just being long, and a look at trustedcommercialnetwork 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.

  15. What i do not realize is in truth how you’re not actually a lot more well-preferred than you might be right now. You’re very intelligent. You already know thus considerably in terms of this topic, produced me for my part believe it from a lot of varied angles. Its like women and men don’t seem to be fascinated unless it is one thing to accomplish with Girl gaga! Your own stuffs great. All the time maintain it up!

  19. However many similar pages I have read this one taught me something new, and a stop at closingamericasjobgap 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.

  20. Worth your time, that is the simplest endorsement I can give, and a stop at velixonode extends that endorsement across the rest of the site, this is one of those increasingly rare places that delivers on what it promises rather than over selling the content and under delivering on substance every time which I find frustrating elsewhere.

  21. Decided this was the best thing I had read all morning, and a stop at zylavotrustgroup kept that ranking intact, ranking my reading is something I do mentally throughout the day and the top rank is competitive and not easily won but this site won it without needing to overstate its claims for that.

  22. Came away with some new perspectives I had not considered before and after trustedmarketrelationship those ideas felt more complete the kind of content that stays with you a little while after reading rather than slipping out the moment you switch tabs and move on with your day to whatever comes next.

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

  26. Took the time to read the comments on this post too and they were also worth reading, and a stop at indieboutiquehotels suggested the community quality matches the content quality, when the conversation around a piece is as good as the piece itself you know you have found a real corner of the internet.

  28. Reading carefully here has reminded me what reading carefully feels like, and a look at globalshoppingconnections 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.

  29. Worth marking this site as one to come back to deliberately rather than by accident, and a stop at yaveroshop reinforced that intention, the difference between sites I find again by chance and sites I return to on purpose is meaningful and this one has clearly moved into the deliberate return category for me.

  30. Genuine reaction is that I will probably think about this on and off for a few days, and a look at xelvo added fuel to that, the best content lingers in your head after you close the tab rather than evaporating immediately and this site clearly knows how to write that kind of memorable content.

  31. Reading this in the morning set a good tone for the day, and a quick visit to qulavocapital kept that good tone going, content can do that sometimes when it hits the right notes and finding sites that consistently strike that tone is something I have learned to recognise and reward with regular visits.

  32. Most of the time I feel the open web is in decline and then I find a site like this, and a stop at rixaroholdings 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.

  33. Felt this in a way I cannot quite explain, the topic just hit different here, and a stop at cavaropact continued in that vein, sometimes you find a site whose perspective lines up with how you have been thinking and reading their work feels like a small relief which I appreciated more than I expected.

  41. Reading more of the archives is now on my plan for the weekend, and a stop at qulvo confirmed the archive worth the time, the rare archive worth a dedicated reading session rather than just casual sampling is the rare archive of serious work and this site has clearly produced enough of that work to warrant the deeper exploration.

  42. Decent post that improved my afternoon a small amount, and a look at nolarocapital added a bit more to that, sometimes the small wins online add up over time and a useful site like this one is the kind of place that contributes consistently to those small wins for me lately across many different topics I follow.

  44. Just wanted to drop a quick note saying this was a useful read on a topic I have been circling, no fluff, and a stop at catherinewburton added a few extra points that fit the same simple style which makes the whole site feel coherent rather than thrown together by many different writers with different goals.

  46. Picked up on several small touches that suggest a careful editor, and a look at balticarrow 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.

  48. Really appreciate the lack of pop ups, modals, cookie banners stacking on top of each other, and a quick visit to kryvoxtrust confirmed the same clean approach across the rest of the site, technical decisions about user experience are part of what makes content actually pleasant to engage with for sure.

  49. Honest assessment after reading this twice is that it holds up under careful attention, and a look at captchathedog extended that durability across more pages, content that survives a second read without revealing weak spots is rarer than the average reader probably realises and this site clearly cleared that bar.

  50. Polished and informative without feeling overproduced, that is the sweet spot, and a look at zavirogoods hit it again, you can tell when a site has been built with care versus thrown together for the sake of having something to put online and this is clearly the former approach taken by the team.

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>