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:

21,718 thoughts on “JSIO Performance Results

  1. Looking through other posts here the consistency is what makes the site valuable rather than any single piece, and a stop at pillartrustgroup extended that consistency observation, sites whose value lies in the ongoing pattern rather than in standout posts are sites I trust more deeply and this one has clearly built that kind of trust.

  2. Thanks for laying this out in a way that someone newer to the topic can follow, and a stop at directionalstructure kept that accessibility going, writing that meets readers at different experience levels without condescending is hard to do well and the writers here have clearly thought about who they are writing for.

  3. Liked the balance between depth and brevity, never too shallow and never too long, and a stop at strategyworkflow 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.

  4. Reading carefully this time rather than scanning, and the depth shows up in places I missed first time around, and a look at directionbeforemotion 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.

  5. Now feeling the quiet pleasure of finding writing that takes itself seriously without being self serious, and a stop at focuscontrol extended that subtle pleasure, the gap between earnest and pretentious is fine and this site has clearly chosen to land on the earnest side without slipping over into pretentious which is impressive.

  6. The post made the topic feel approachable without making it feel trivial, that is a fine balance, and a stop at ozoneosprey 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.

  7. Reading this on the train into work was a better use of the commute than my usual choices, and a stop at strategyengine extended that commute reading well, content that improves transit time rather than just filling it is content with practical benefit and this site has earned its place in my morning commute reading rotation.

  8. Now noticing the careful balance the post struck between confidence and humility, and a stop at baroncleat maintained the same balance, finding the line between asserting and admitting is hard and this site has clearly developed the calibration to walk that line consistently which produces a more persuasive reading experience for me.

  9. Just sat back at the end of the post and felt grateful that someone took the time to write it, and a look at curlbento 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.

  10. Took longer than expected to finish because I kept stopping to think, and a stop at ideastomotion did the same to me, content that provokes thought rather than just delivering information is in a different category and the team here is clearly working at that higher level rather than just cranking out posts.

  11. I appreciate the clarity here, everything is explained in simple terms without unnecessary detail, and after a quick stop at signalcreatesdirectionalflow the points came together nicely for me, the writing keeps things straightforward and respects the reader from start to finish without ever talking down to anyone.

  12. Now realising the topic deserved better treatment than it has been getting elsewhere, and a look at crustcocoa extended that broader recognition, content that exposes the gap between actual quality and average quality elsewhere is doing the quiet work of raising standards and this site is contributing to that elevation in its own corner.

  13. Glad I stumbled across this post, the explanations actually make sense without needing background knowledge to follow along, and after a stop at clarityactionhub the same was true there, no assumptions about the reader just clear writing that anyone can understand from the first line right through to the end.

  14. Will be passing this along to a few people who would benefit from the perspective shared here, and a stop at signalactivatesdirection only added to what I will be sharing, this kind of generous content deserves to circulate widely rather than getting buried in some search engine algorithm tweak that pushes it down the rankings.

  15. Glad to find a site whose links lead somewhere worth going rather than back to itself for SEO juice, and a stop at astrecanal 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.

  16. Skipped the comments section but might come back to read it, and a stop at ideaengineering hinted at a quality reader community, sites where the comments are worth reading separately from the post are increasingly rare and signal a particular kind of audience that has grown around the editorial vision over time gradually.

  17. Considered as a whole this site has developed a coherent point of view that comes through in individual pieces, and a look at strategyprogression continued displaying that coherence, sites with a unified perspective rather than a grab bag of takes are sites with editorial maturity and this one has clearly developed that maturity through years of work.

  18. Found the section structure particularly thoughtful, and a stop at directionaldrive suggested the same care across the broader site, structural choices guide the reader through the material in ways most people do not consciously notice but feel the absence of when those choices are made carelessly or not at all.

  19. Recommended without reservation for anyone interested in the topic at any level of expertise, and a look at claritybuilderhub only strengthens that recommendation, this site clearly knows how to serve readers across a range of backgrounds without watering down the content or talking past anyone in the audience which is genuinely impressive to see.

  20. Now thinking about this site as a small example of what good independent writing looks like, and a stop at strategycraft 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.

  21. Looking back on this reading session it stands as one of the better ones recently, and a look at buzzlane extended that ranking, the informal ranking of reading sessions against each other is something I do mentally and this session ranks high largely because of this site and a couple of related pages here.

  22. However measured this site clears the bar I set for sites I take seriously, and a stop at visioninmotion continued clearing that bar, the metrics I use for site quality are admittedly informal but they are consistent and this site has cleared them on multiple measurements across multiple visits which is meaningful for my evaluation.

  23. Found the section structure particularly thoughtful, and a stop at beigeastro suggested the same care across the broader site, structural choices guide the reader through the material in ways most people do not consciously notice but feel the absence of when those choices are made carelessly or not at all.

  24. Liked the careful word choice throughout, every term seemed picked for a reason rather than thrown in casually, and a stop at defcoast continued that precise style, this kind of attention to small details is what separates careful writing from the usual rushed content that dominates blog spaces today across pretty much every topic I follow.

  25. Most attempts at writing on this topic feel like they are missing something and this post finally identified what was missing, and a look at marshplate extended that diagnostic clarity, content that names what is wrong with adjacent treatments while doing better itself is content with both critical and constructive value and this site has both.

  26. Now recognising the editorial wisdom of letting some questions remain open at the end, and a look at growthmoveswithpurpose continued that intellectual honesty, content that does not force closure on contested questions is content that respects the limits of knowledge and this site has clearly developed the maturity to know when to leave space.

  27. A piece that reads as if the writer trusted readers to fill in obvious gaps, and a look at growthpathway continued that respectful approach, content that does not over explain what the reader can infer is content that respects intelligence and this site has clearly chosen to write to capable readers rather than to the lowest common denominator.

  28. Worth saying this site reads better than most paid newsletters I have tried, and a stop at astrebee 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.

  29. Will be back, that is the simplest way to say it, and a quick visit to ideasneedmomentum reinforced the decision, this site has earned a spot in my regular rotation alongside a few other reliable places I check when I want something genuinely informative without all the usual modern web noise getting in the way.

  30. Started thinking about my own writing differently after reading, and a look at directionalinsight continued that reflective effect, content that influences how I work rather than just informing what I know is content with the highest kind of impact and this site has triggered some of that reflective influence today on me.

  31. Closed the post with a small satisfied sigh and a stop at progressengineered produced the same gentle exhale content that ends well is content that respects the rhythm of reading and the writers here have clearly thought about how their pieces close rather than just trailing off when they run out of things to say.

  32. Reading this felt easy in the best way, no friction and no confusion at any point, and a stop at astroboard carried that same comfort across more pages, the kind of editorial flow that lets you absorb information without fighting the format which is increasingly hard to find on the open web today across topics.

  33. The overall feel of the post was professional without being stuffy, and a look at claritycreatespace kept that approachable expertise going, finding the right register for technical content is hard but this site has clearly figured out how to sound knowledgeable without slipping into that distant lecturing tone that loses readers in droves every time.

  34. Looking at the surface design and the substance together this site has both right, and a look at parcohm reinforced that integrated quality, sites where presentation and content reinforce each other rather than fighting are sites with full editorial coherence and this one has clearly invested in both layers in a balanced way.

  35. Easy to recommend, the content speaks for itself without needing additional praise from me, and a stop at forwardmotionengine only adds more reasons to send people this way, the kind of generous resource that benefits its readers without demanding anything in return is increasingly rare and worth recognising clearly today across the broader open internet.

  36. Reading this slowly in the morning before opening email, and a stop at momentumactivation extended that protected attention, content that earns the prime morning reading slot before the daily distractions begin is content with elevated status and this site has earned that prime slot consistently in my recent reading habits clearly.

  37. During the time spent here I noticed the absence of the usual distractions, and a stop at clearbrick extended that distraction free experience, content that does not fight my attention with pop ups and modals and aggressive prompts is content that respects me and this site has clearly chosen the respectful approach throughout.

  38. Honest opinion is that this is the kind of post that builds long term trust with readers, and a look at claritytrajectory reinforced that perception, the slow accumulation of trust through consistent quality is the only sustainable way to build a real audience and this site is clearly playing that long game.

  39. Took the time to read every paragraph rather than skimming for the punchline, and a quick visit to boomclove earned the same careful attention from me, that is the highest signal I can give about content quality because my default mode is rapid scanning rather than deliberate reading on most pages.

  40. Honestly this was a good read, no jargon and no padding, and a short look at clarityfocus kept that same feel going which I really appreciated, the writer clearly knows the topic well enough to explain it without hiding behind big words or filler that often gets used to seem clever.

  41. Glad the writer kept this short rather than padding it out, the points stand on their own without needing extra context, and a look at laurelmallow kept the same approach going, brevity is a sign of confidence in the substance and the team here clearly trusts their content to land without filler.

  42. Solid value for anyone willing to read carefully, and a look at marshplate extends that value across the rest of the site, this is the kind of place that rewards return visits rather than offering everything in a single splashy post and then leaving readers nothing to come back for later which is unfortunately common.

  43. Felt like the post had been edited rather than just drafted and published, and a stop at growthmoveswithfocus suggested the same care across the site, the difference between edited and unedited content is enormous for the reader and this site has clearly invested in the editing pass that most blogs skip entirely which really does show up.

  44. Picked a single sentence from this post to remember, and a look at focusignition gave me another to keep, content that produces memorable lines is doing more than just transferring information and the small selection of sentences I keep from each reading session is one of the actual returns I get from reading 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>