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

  1. Thank you for the genuine effort here, it shows in every paragraph and not just the headline, and after my visit to valuebuyingpoint I was sure this site cares about getting things right rather than chasing clicks, which is the main reason I will come back later this week to read more.

  2. During a quiet evening reading session this provided just the right depth without being heavy, and a stop at trustedshoppingzone maintained the same evening appropriate weight, content with depth that does not exhaust the reader is content with editorial calibration and this site has clearly figured out how to be substantial without being demanding all the time.

  3. Useful reading material, the kind I can hand off to someone newer to the topic without worrying about confusing them, and a quick look at clickfornewperspectives confirmed the same beginner friendly tone runs throughout the site which is great for sharing with people just starting their learning journey on this particular topic.

  5. Reading carefully this time rather than scanning, and the depth shows up in places I missed first time around, and a look at stockmrtktlite rewarded the same careful approach, content that holds up to multiple reads is content I want more of in my regular rotation rather than disposable scroll fodder daily.

  9. Adding this site to my regular reading list, the post earned that on its own, and a quick stop at easypurchasecenter sealed the decision, the kind of place worth checking back with from time to time because it consistently produces material that holds up against a critical reading too which I really value.

  10. Reading this prompted me to dig out an old reference book related to the topic, and a stop at longtermbusinesspartnerships extended that connection to other sources, content that connects me back to my own existing knowledge rather than asking me to forget it is content with continuity and this site has that continuous quality.

  12. Now setting aside time on my next free afternoon to read more from the archives, and a stop at trusteddealmarketplace 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.

  13. Liked the way the post got out of its own way, and a stop at everydaybuyinghub 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.

  14. Now thinking about this site as a small example of what good independent writing looks like, and a stop at globaltrustpartnerships continued that exemplary status, the few sites that serve as good examples are sites worth holding up in conversations about quality and this one has earned that exemplary placement through patient consistent effort over time.

  16. A clear cut above the usual noise on the subject, and a look at discovergrowthframeworks only made that gap wider in my view, the kind of place that earns its visitors through quality rather than through aggressive marketing or sponsored placements which is increasingly the only way most sites stay afloat across the modern web.

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

  18. Speaking honestly this is among the better discoveries of my recent browsing, and a stop at strategictrustsolutions reinforced that discovery quality, the ranking of recent discoveries is informal but meaningful and this site has placed near the top of that ranking based on the consistency of quality across what I have already read carefully.

  19. Going to come back when I have more time to read carefully the post deserves more than a quick scan and a stop at quiettidegoods reinforced that this is the kind of site that rewards a slower read which is hard to find in this fast paced corner of the internet but really worthwhile.

  21. Reading this gave me a small mental break from the heavier reading I had been doing, and a stop at learnbusinessskillsonline extended that lighter feel, content that provides relief without becoming trivial is harder to produce than people realise and this site has clearly figured out how to be light without being shallow at all.

  22. Reading this confirmed that the topic deserves more careful attention than it usually gets, and a stop at builddigitalgrowthpaths extended that elevated framing, content that raises the appropriate weight of a subject without being preachy about it is serving a quiet but important editorial function for the broader cultural conversation about it.

  23. Good clean post, no errors and no awkward phrasing that breaks the reading flow, and a stop at trustedshoppingnetwork kept the same standard, definitely the kind of editorial care that earns a return visit because it tells me the writer is paying attention to details that matter to readers rather than just rushing publication.

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

  27. Honestly informative, the writer covers the ground without showing off, and a look at discovergrowthroadmaps reflected the same humility, content that respects the reader rather than trying to dazzle them is something I always appreciate and rarely come across in this corner of the internet today across the topics I usually read.

  29. Thanks for the moderate length, neither so short it skips substance nor so long it bloats, and a stop at clicktoscaleideas hit the same balance, the right length is one of the hardest things to calibrate in blog writing and I appreciate when a team has clearly thought about it rather than defaulting.

  30. Clean writing, easy to read, and never tries too hard to impress, that combination is harder to find than people think, and after my time on bondcrest I am sure this site treats its readers well, no flashy tricks just useful content done right which is honestly all I want online.

  31. Worth saying that the post fit naturally into a rhythm of careful reading, and a stop at bestshoppingchoice 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.

  33. Worth a slow read rather than the fast scan I usually default to, and a look at trustedshoppingzone earned the same slower pace from me, content that resets my reading speed downward is content with substance worth absorbing and this site has produced that effect on me multiple times now over the last week here.

  34. Liked the way the post got out of its own way, and a stop at sustainablegrowthpartners 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.

  35. Thanks for the moderate length, neither so short it skips substance nor so long it bloats, and a stop at claritytoresults hit the same balance, the right length is one of the hardest things to calibrate in blog writing and I appreciate when a team has clearly thought about it rather than defaulting.

  36. Found a couple of useful angles in here I had not considered before reading carefully, and a quick stop at teamofufabetgames added more, this is one of those sites where the value compounds the more you read rather than peaking at one viral post and then offering nothing else of substance afterwards which is common.

  37. Glad the writer did not feel compelled to cover every possible angle of the topic, focus is a virtue, and a stop at fstnewmedia reflected the same disciplined scope, knowing what to leave out is half of what makes good writing good and this post has clearly been edited with that principle in mind.

  38. Now feeling that this site is the kind I want to make sure does not disappear, and a look at discovergrowthroadmaps reinforced that quiet protective feeling, the rare sites whose disappearance would actually matter to me are the sites I want to support through return visits and recommendations and this one has joined that small protected list.

  39. Solid recommendation from me to anyone working in the area, the perspective here is grounded, and a look at learnsomethingmeaningful adds even more useful angles, the kind of site that becomes a reference rather than just a one time read which is a higher bar than most blogs ever reach today on the modern web.

  40. Just want to record that this site is entering my regular reading list, and a look at securebusinessrelationships 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.

  41. Thanks for putting this online without locking it behind email signups or paywalls, and a quick visit to globalonlinebuyinghub kept that open feel going, content that trusts the reader to come back rather than gating access is the kind of approach I will reward with regular return visits over time happily.

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

  44. Took the time to read the comments on this post too and they were also worth reading, and a stop at digitalbuyingexperience 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.

  45. Even across multiple posts the writers voice has remained consistent in a way I appreciate, and a stop at trustedenterprisealliances continued that voice, sites that maintain editorial consistency across many pieces have something most sites lack and this one has clearly worked out how to keep its voice steady across what reads as a growing archive.

  46. Appreciate how nothing here feels copied or pieced together from other places, the voice is consistent and the tone stays human, and after I checked everydayvaluepurchase I noticed the same style holds, which is a small detail but it makes the whole experience feel personal rather than like another generic site.

  47. Bookmark moved to my permanent reference folder rather than the casual maybe later folder, and a look at buildyourdigitalpath earned the same upgrade, the distinction between casual interest and lasting reference is something I track carefully and very few sites cross that threshold but this one did so without much effort apparently.

  48. Useful read, especially because the writer did not assume too much background from the reader, and a quick look at customerfirstshoppinghub continued in the same way, a thoughtful site that meets people where they are which is something the modern web could use a lot more of for both casual and serious readers.

  49. Reading this confirmed a hunch I had been carrying about the topic without having articulated it, and a stop at shopward extended the confirmation, content that gives shape to fuzzy intuitions is doing the rare work of making private thoughts public and this site is providing that articulating service consistently for me lately.

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>