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

  1. Picked up a couple of new ideas here that I can actually try out, and after my visit to summitaxis I have even more notes saved, this is the kind of resource that pays you back for the time you spend on it which is rare to come across in this corner of the web.

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

  3. More original than the recycled takes I keep finding on the topic elsewhere, and a quick look at bondvertex confirmed it, the kind of site that has its own voice rather than echoing whatever is trending which makes it stand out as a refreshing change from the usual rotation of generic content I see daily.

  8. The clarity here is something I really appreciate, especially compared to sites that pile on jargon for no reason, and a look at summitlynx was the same, simple direct sentences that actually deliver information instead of dancing around the point for paragraphs at a time which wastes reader patience.

  11. A particular pleasure to read this with a fresh coffee, and a look at firmhold extended the pleasure across more pages, content that pairs well with quiet morning rituals is something I have come to value highly and this site has the kind of energy that fits naturally into a calm reading routine.

  12. Skipped the related links section thinking I had read enough and then came back to it later when curiosity got the better of me, and a stop at craterbook confirmed I should have just read it first, every section of this site appears to deserve careful attention rather than skipping past lazily.

  14. Worth saying this site reads better than most paid newsletters I have tried, and a stop at aurumlane confirmed that comparison, the bar for free content is often lower than for paid but this site clears the paid bar consistently and that says something about the editorial approach behind the work being published here regularly.

  16. Worth recognising that this site does not chase the daily news cycle, and a stop at auroravalleycollective confirmed the longer publication arc, sites that resist the pressure to comment on every passing event are sites with genuine editorial discipline and this one has clearly chosen depth over volume which I respect deeply.

  17. Worth a slow read rather than the fast scan I usually default to, and a look at capitalalloy 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.

  18. Even just sampling a few posts the consistency is what stands out, and a look at crestpointbond confirmed the broader pattern, sites where every piece I sample lives up to the standard set by the others are sites with serious quality control and this one has clearly invested in whatever editorial process produces that consistency reliably.

  19. Grateful for posts like this one, they remind me there are still places online run by people who care about quality, and a look at equitybridge reflected the same standards, you can tell the difference between content made for readers and content made just for search engines today and this is the former.

  20. A piece that handled the topic with appropriate weight without becoming portentous, and a look at deepforesttrading continued that calibrated seriousness, content that takes itself seriously without becoming pompous is something this site has clearly figured out and the balance shows up in every piece I have read across multiple sessions now.

  21. Now planning to write about the topic myself eventually using this post as a reference, and a look at clarityanchorsaction would also serve in that future piece, content that becomes raw material for my own writing rather than just informing my reading is content with multiplicative value and this site is generating that multiplicative effect.

  22. Started a draft response in my head and ended without publishing it because the post said it well enough, and a look at ironpetaloutlet produced the same effect, content that satisfies my urge to add to it by being complete enough on its own is rare and represents a particular kind of editorial completeness here.

  23. Even just sampling a few posts the consistency is what stands out, and a look at evergreenbonded confirmed the broader pattern, sites where every piece I sample lives up to the standard set by the others are sites with serious quality control and this one has clearly invested in whatever editorial process produces that consistency reliably.

  24. Reading this gave me a small mental break from the heavier reading I had been doing, and a stop at enduringcapitalbond 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.

  26. Thanks for the moderate length, neither so short it skips substance nor so long it bloats, and a stop at bondalign 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.

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

  29. Came here from a search and stayed for the side links because they were that interesting, and a stop at silverreefmarket took me even further into the site, the kind of organic exploration that good content invites is something most sites kill through aggressive interlinking and pushy navigation choices rather than relying on quality.

  30. A piece that took its time without dragging, and a look at progressneedsalignment kept the same patient pace, the difference between unhurried and slow is a fine editorial distinction and this site has clearly found the unhurried side without slipping into the slow side which would have lost me as a reader quickly otherwise.

  31. bonos por registro sin deposito cual es el mejor juego para jugar en el casino online (Vada) online

  32. Now realising this site has been quietly doing good work for longer than I knew, and a look at benchmarkbond suggested an archive worth exploring, sites with deep archives of consistent quality represent a different kind of resource than sites with viral hits and this one looks like the durable kind based on what I see.

  33. Glad I gave this a chance rather than scrolling past, and a stop at clickmoment 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.

  34. Will recommend this to a couple of friends who have been asking about this exact topic, and after sunforgeemporium I have even more reason to do so, the kind of site that earns word of mouth rather than chasing it through aggressive marketing or paid placements is always a treat to find online.

  35. The post made the topic feel approachable without making it feel trivial, that is a fine balance, and a stop at marinerbond maintained the same balance, finding the middle ground between welcoming and serious is genuinely difficult and the writers here have clearly figured out how to consistently hit it well across many different posts.

  38. 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 primeunitybond 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.

  39. Started forming counter examples to test the claims and the post handled most of them implicitly, and a look at wildauramarket continued that anticipatory style, writers who think two steps ahead of the critical reader save themselves from a lot of follow up work and this writer has clearly internalised that habit consistently.

  41. A piece that handled a controversial angle without becoming heated, and a look at lifespanbond continued that calm engagement, content that can address contested topics without inflaming them is doing rare diplomatic work and this site has clearly developed the editorial maturity to handle sensitive material with the appropriate temperature of writing throughout.

  43. Speaking as someone who used to recommend blogs frequently and got out of the habit this site is rekindling that impulse, and a look at crazeborn extended the rekindling, the recovery of an old habit triggered by encountering work that justifies it is itself a small kind of pleasure and this site is providing that recovery experience.

  44. Decent post that improved my afternoon a small amount, and a look at bondallied 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.

  45. Closed it feeling slightly more competent in the topic than I started, and a stop at focusdrivenclick reinforced that competence boost, real learning is rare in casual online reading but it does happen sometimes and this site managed to make it happen for me today which is genuinely worth pausing to acknowledge.

  46. Decided to read more before commenting and the more I read the more I wanted to say something, and a stop at mistyharborgoods pushed that impulse further, when content provokes the urge to participate rather than just consume it is doing something quite specific and worth recognising clearly when it happens during reading.

  47. On reflection this is the kind of writing that improves my taste for what is possible in the format, and a look at safeguardbond continued raising that bar, content that elevates my expectations rather than lowering them is doing important work in calibrating my standards and this site is participating in that elevation reliably.

  49. Quietly building a case in my head for why this site deserves more attention than it currently seems to receive, and a look at cloudberrymarket 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.

  50. Glad to find a site whose links lead somewhere worth going rather than back to itself for SEO juice, and a stop at monarchbond kept that generous outbound feel, citing other peoples work with real respect rather than just for ranking signals is a sign of an honest operation worth supporting going forward.

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>