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

  1. Reading this with my morning coffee turned into reading the related posts with my morning coffee, and a stop at createforwardmotion stretched the morning further, content that pulls breakfast into a reading session rather than just accompanying it is content that has earned a higher claim on my attention than the average article does.

  2. Honestly enjoyed every minute spent here, that is not something I say lightly, and a look at startgrowingtoday confirmed I will be back, the bar for spending time online is high for me these days but this site clears it without effort which is high praise indeed from this reader who is usually rather demanding.

  3. This stands out compared to similar posts I have read recently, less noise and more substance, and a look at discoverforwardmomentum kept that gap going, you can really feel the difference between content made by someone who cares versus content made to fill a publishing schedule for an algorithm trying to keep growing somehow.

  4. Really like that there are no exclamation marks or all caps shouting throughout the post and a quick visit to seomotive maintained the same calm voice restraint in punctuation signals confidence in the content and this site clearly trusts its substance to do the persuading rather than relying on typographic emphasis.

  5. Halfway through reading I knew this would be one to bookmark, and a look at hyxarch confirmed that early intuition, when bookmark intent forms before finishing a post you know the writing has cleared a quality bar that most content fails to clear and this site has cleared it on multiple visits already.

  6. Thanks for not padding this with the usual filler intros and outros that every other blog seems to require, and a quick visit to createprogressjourney continued that lean approach across more posts, content stripped of waste is content that respects you and I will always come back to that kind of approach.

  7. Came away with some new perspectives I had not considered before, and after explorefreshgrowth 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.

  8. Bookmark folder created specifically for this site, and a look at startyourgrowthpath confirmed the dedicated folder was the right call, dedicated folders for individual sites are a level of organisation I rarely deploy and this site has earned that level of dedicated tracking based on the consistency I have seen so far across sessions.

  9. Reading this prompted me to dig into a related topic later, and a stop at learnandtransformdirection provided some of the starting points for that follow up reading, content that triggers further exploration rather than satisfying curiosity completely is content with real generative energy and this site has plenty of that energy throughout it.

  10. Skipped to a specific section because I knew that was the question I had, and the answer was clean, and a stop at createclaritysystems similarly delivered targeted answers without burying them, content engineered for readers who arrive with specific needs rather than open ended browsing is increasingly valuable in a search heavy reading environment.

  11. I usually skim posts like these but this one held my attention all the way through, and a stop at buildideasforward did the same, that is a strong endorsement coming from me because I am usually quick to bounce when content gets repetitive or fails to deliver on its initial promise made in the headline.

  12. Well crafted post, the structure flows naturally from one point to the next without forcing transitions, and a stop at startwithclearpurpose kept the same flow going, you can tell when a writer has thought about how their content reads rather than just what it contains and this is one of those examples.

  13. Found a couple of useful angles in here I had not considered before reading carefully, and a quick stop at buildfocusedprogress 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.

  14. Reading this in the gap between work projects was a small but meaningful break, and a stop at mochamarket extended that gentle reset, content that provides genuine refreshment rather than just distraction during work breaks is content with a particular kind of utility and this site fits that role for me reliably during work days.

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

  16. Thanks for sharing these wonderful discussions. In addition, the right travel along with medical insurance program can often eliminate those concerns that come with traveling abroad. Any medical emergency can soon become very costly and that’s sure to quickly impose a financial stress on the family finances. Putting in place the ideal travel insurance package deal prior to leaving is worth the time and effort. Thanks a lot

  17. Top notch writing, every paragraph carries weight and nothing feels like filler, and a stop at discoverinnovativeideas reflected that same care, a rare thing on the open web these days where most pages exist for clicks rather than actual reader value or anything close to that which is honestly a real shame.

  18. If you scroll past this site without looking carefully you will miss something, and a stop at createforwardexecution extended that mild warning, the surface of the site does not advertise its quality loudly which means careful attention is required to recognise what is being offered here which is itself a kind of editorial signal.

  19. Worth recommending broadly to anyone who reads on the topic, and a look at discoverinnovativethinking only confirms that, the rare combination of accessibility and depth in this site makes it suitable for both newcomers and people who already know the area which is hard to pull off in any blog format today and rarely managed.

  20. Felt the post had been written without looking over its shoulder, and a look at discovernewdirectionnow 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.

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

  22. Closed the tab feeling I had spent the time well, and a stop at buildgrowthdirection extended that feeling across more pages, the test of whether time on a site was well spent is one I apply silently after closing tabs and very few sites pass it but this one passed it cleanly today afternoon clearly.

  23. Vague feelings of recognition kept surfacing as I read because the writing names things I have been thinking, and a look at startthinkingbigger produced more of those recognition moments, content that gives shape to private intuitions is content that makes me feel less alone in my own thinking and this site has that effect.

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

  25. Reading this slowly and letting each paragraph land before moving on, and a stop at buildsustainablemovement earned the same patient approach, content that rewards slow reading rather than speed is content with real density and the writers here are clearly producing work that benefits from the careful eye rather than the rushed scan.

  26. Excellent post, balanced and well organised without showing off, and a stop at learnandmoveahead continued in that same vein, this site has clearly figured out the formula for content that works for readers rather than for search engine ranking signals which is harder than it sounds today and worth real recognition from anyone.

  27. Reading this on a long flight and finding it the best thing I read across hours of trying, and a stop at findyourprogresslane kept the streak going, when content beats long flight reading you know it has substance because flight reading is a hard test of a piece given the alternatives available everywhere.

  28. Reading this prompted me to dig into a related topic later, and a stop at discovernewfocusareas provided some of the starting points for that follow up reading, content that triggers further exploration rather than satisfying curiosity completely is content with real generative energy and this site has plenty of that energy throughout it.

  29. Without overstating it this is a quietly excellent post, and a look at findyourtruefocus 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.

  30. 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 discovergrowthmindset confirmed I should have just read it first, every section of this site appears to deserve careful attention rather than skipping past lazily.

  31. Decided to set a calendar reminder to revisit, and a stop at explorefutureclarity extended that revisit list, calendar entries for content are a level of commitment I rarely make but when I do they signal a higher regard than a simple bookmark and this site has earned that calendar tier of relationship from me today.

  32. Probably worth setting aside a longer block to read more carefully than I can right now, and a stop at createvisionexecution confirmed the longer block plan, the impulse to schedule dedicated time for a sites archive is itself a measure of trust and this site has earned that scheduling impulse from me clearly today actually.

  33. Felt the post had been written without looking over its shoulder, and a look at coppercrown 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. Considered against the flood of similar content this one stands apart in important ways, and a stop at exploreinnovativepathwaysnow 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.

  35. Quietly enthusiastic about this site after the past few hours of reading, and a stop at irubrisk 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.

  36. Decided to read this site for a while before forming a verdict, and the verdict after several pages is positive, and a stop at learnandtransformfast continued that pattern, judging a site requires more than one post and giving sites a fair sample is something I try to do for promising candidates rather than rushing to dismiss.

  37. Closed it feeling I had taken something away rather than just consumed something and a stop at seoorbit extended that taking away feeling the difference between content I extract value from and content I just pass through is something I track informally and this site is consistently in the value extraction column for me.

  38. Came across this looking for something else entirely and ended up reading it through twice, and a look at startthinkingstrategically pulled me deeper into the site than I planned, the writing has a way of holding attention without resorting to manipulative cliffhangers or vague promises that never get delivered later down the page.

  39. Thanks for the clean writing, no broken sentences and no awkward translations like some other sites have, and a quick stop at explorefutureopportunities kept that polish going nicely, it really does make a difference when a reader can move through a page without tripping on every line or going back to reread.

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

  41. Speaking from the perspective of a fairly demanding reader the writing here clears the bar consistently, and a look at learnandexecuteclearly continued clearing that bar, the calibration of demanding reader is something I apply to all sources and this site has been one of the few that handles the demanding reading well across pieces sampled.

  42. Now appreciating that the post did not try to imitate any other style I might recognise, and a stop at learnandoptimizegrowthpath continued that distinct voice, content with its own register rather than borrowed from elsewhere is content with real authorial presence and this site has clearly developed that presence through what feels like patient editorial work.

  43. Thank you for keeping the writing honest and the points easy to verify against your own experience, and a stop at explorefreshstrategicpaths 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.

  44. Just sat back at the end of the post and felt grateful that someone took the time to write it, and a look at unlocknewopportunities extended that gratitude across more of the site, recognising effort behind quality work is part of what makes the open web a community rather than just a marketplace today.

  45. Reading this on a phone at a coffee shop and finding it perfectly suited to that context, and a stop at discovernewdirectionnow continued the comfortable mobile experience, content that works across reading conditions without compromising on substance is increasingly important and this site has clearly thought about the whole reader experience here.

  46. Skimmed first and then went back to read carefully, and the careful read paid off in places I had missed, and a stop at hyxbrook got the same treatment, the rare site whose content rewards a second pass is content I want more of in my regular rotation rather than disposable single read articles.

  47. Bookmark added in three places to make sure I do not lose the link, and a look at growwithstrategyintent got the same redundant treatment, sites I am afraid to lose are the rare keepers and this is clearly one of them based on what I have read so far across this and a couple of related posts.

  48. Thanks again for the post, I learned a couple of things I can actually use later this week, and after I went over explorefutureopportunity the rest of the site looked equally promising, definitely going to spend more time here when I get a free moment over the weekend to read more carefully.

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>