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:

13,774 thoughts on “JSIO Performance Results

  1. Reading this gave me confidence to make a decision I had been putting off, and a stop at createforwardthinkingsteps reinforced that confidence, content that translates into action in my own life rather than just informing it is content with the highest practical value and this site is generating that action level utility for me lately.

  2. 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 startthinkingstrategicallynow 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.

  3. Well done, the writing is professional without being stiff, and the topic is treated with care, and a look at learnandscaleideas reflected that approach, the kind of site I would point a colleague to if they asked for a reliable starting point on this topic in the future without any hesitation at all.

  4. Felt the post had been written without looking over its shoulder, and a look at startsmartdirection continued that confident posture, content written for its own sake rather than against imagined critics has a different quality and this site reads as written from a place of confidence rather than defensive justification of every claim.

  5. Came back to this twice now in the same week which is unusual for me, and a look at learnandacceleratesuccess suggested I will keep coming back, the kind of post that earns repeated visits rather than one and done reading is the gold standard for content quality and this site clearly hit that standard.

  6. 3 d панели для забора 3д ограждения

  7. панели ограждения сетчатые 3д ограждение 3д

  8. 3д панель для забора 3д панели для забора купить

  9. Liked the balance between depth and brevity, never too shallow and never too long, and a stop at focusdrivesresults kept the same balance going across the rest of the site, this is one of the harder skills in writing and the team here clearly has it figured out very well indeed across every page.

  10. Honestly enjoyed not being sold anything for the entire duration of the post, and a look at findgrowthchannelsfast kept that pleasant absence going across more pages, content that exists for its own sake rather than as a funnel to a paid product is increasingly rare and worth supporting where I can find it.

  11. Bookmark earned, calendar reminder set, share queued, all from one good post, and a look at learnandadvancepathnow did the same, when a single reading session triggers multiple downstream actions you know the content has actually moved me beyond the page and this site is moving me at that higher level reliably.

  12. The depth of coverage felt about right for the format, neither shallow nor overwhelming, and a look at explorefreshdirectionalideas kept that calibration going, getting the depth right for blog format is genuinely difficult because too shallow loses experts and too deep loses beginners but this site nailed it nicely which I really do appreciate.

  13. Useful read, especially because the writer did not assume too much background from the reader, and a quick look at growththroughclarity 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.

  14. Appreciate the practical examples, they made the abstract points easier to grasp, and a stop at designyourdirection added more of the same, this site clearly understands that real examples beat empty theory every single time which is the mark of a writer who knows their audience well and respects their time.

  15. 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 unlocknewideas 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.

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

  17. Now noticing that the post did not mention the writer at all, focus stayed on the topic, and a look at unlocksmartideas 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.

  18. Thanks for keeping things clear and to the point, that is honestly hard to find online these days, and after reading through suntansage the message stayed consistent which makes me trust the information being shared more than I usually do on similar pages that cover this same kind of topic.

  19. Thanks for the breakdown it gave me a clearer picture of something I had been confused about for a while now and a stop at discoverinnovativethinking closed the remaining gaps in my understanding nicely no need to hunt around twenty other articles to put the pieces together which is a real time saver.

  20. купить 3д забор от производителя производители 3d ограждений

  21. производитель 3д сетки производитель ограждения 3д

  22. 3д панели ограждения 3д панель ограждения

  23. Found something quietly useful here that I expect to return to, and a stop at buildsmartmovement added more of the same, content with quiet utility ages well in a way that flashy hot takes do not and I have learned to weight quiet utility much higher when deciding what to bookmark for later use.

  24. Reading this in pieces over a coffee break and finding it consistently rewarding, and a stop at discovernewroutes extended that into related material I will return to later, the kind of site that fits naturally into small reading windows without requiring a long uninterrupted block is genuinely useful for how I actually browse.

  25. Different feel from the algorithmically optimised posts that dominate the topic, and a stop at startbuildinglongtermvision reinforced that human touch, you can tell when a site is being run by someone who reads what they publish versus someone just hitting submit and moving on quickly to the next assignment without checking the result.

  26. The structure of the post made it easy to follow without losing track of where I was, and a look at learnandexecutenow kept the same logical flow going, this site clearly understands that organisation is half the battle in keeping readers engaged from the first line to the last across any kind of post.

  27. Speaking carefully because I do not want to overstate things this site is genuinely above average across multiple measurements, and a stop at createbetterdecisions continued the above average performance, the calibration of judgement against potential overstatement is something I take seriously and this site clears the higher bar even after that calibration applies.

  28. Quietly enthusiastic about this site after the past few hours of reading, and a stop at buildcleanmomentum extended that enthusiasm, the calibration of enthusiasm to evidence is something I try to maintain and this site has earned a calibrated quiet enthusiasm rather than the loud excitement that usually fades within a day or two of finding something.

  29. Bookmark earned and the bookmark feels like a permanent addition rather than a maybe, and a look at discoveruntappedangles confirmed that permanent status, the difference between durable bookmarks and ephemeral ones is something I have learned to feel quickly and this site triggered the durable feeling almost immediately during my first read here.

  30. Started taking notes about halfway through because the points were stacking up, and a look at pathwaytoprogress added enough material that my notes file grew further, content that demands note taking from a passive reader is content with substance and the writers here are clearly producing that kind of work consistently across topics.

  31. Decided to set aside time later to read more carefully, and a stop at findyourcorepath reinforced that decision, content that earns a calendar entry rather than just a passing read is in a different tier altogether and this site is clearly working at that elevated level which I really do appreciate as a reader today.

  32. ограждение 3d панели купить забор 3д панели

  33. Felt the post had been written without looking over its shoulder, and a look at growwithintentionalmovementnow continued that confident posture, content written for its own sake rather than against imagined critics has a different quality and this site reads as written from a place of confidence rather than defensive justification of every claim.

  34. 3д ограждения от производителя производитель 3д сетки

  35. Genuinely well crafted writing, the kind that makes the topic look easier than it actually is, and a look at createactionstepsnow added even more depth, you can feel the experience behind every line which is something only writers who have been at this for a while can pull off with this level of grace.

  36. Reading this in a relaxed evening setting was a small pleasure, and a stop at buildprogressintelligently extended the pleasant evening reading, content that fits the tone of relaxed time without becoming forgettable is what I look for in evening reading and this site has the right tone for that particular slot in my daily reading routine.

  37. Glad to have another reliable bookmark for this topic, and a look at discovernewstrategicangles 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.

  38. Came in skeptical and left mostly convinced, that is the highest praise I can offer, and a look at explorefreshgrowthroutes pushed me further in the same direction, content that survives a critical first read is rare and worth recognising because most blog posts crumble under any real scrutiny these days when you actually pay attention closely.

  39. Solid stuff, the kind of post that I will probably refer back to later this month when the topic comes up again, and a look at startnextlevelprogress only confirmed I should bookmark the site as a whole rather than just this single page for future reference and use across coming weeks.

  40. Polished and informative without feeling overproduced that is the sweet spot and a look at discoveropportunityflows 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.

  41. Closed the tab with a small sense of finality rather than the usual rushed exit, and a stop at growthwithalignment produced the same considered closing, when reading ends with deliberate satisfaction rather than impatient skip you know the time was well spent and this site is producing those satisfying endings consistently across what I read.

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

  43. 3d ограждения забор 3d панели ограждения

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>