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

  1. Coming back to this one, definitely, and a quick visit to signalthefuture only made me more sure of that, the kind of writing that makes you want to set aside time later rather than rushing through it now while distracted by everything else competing for attention on the screen today across so many tabs.

  2. Comfortable read, finished it without realising how much time had passed, and a look at ideasgainmotion pulled me into more pages the same way, the absence of friction in good content lets time disappear and that is one of the highest compliments I can pay any piece of writing I find online during a regular search session.

  3. Skipped the related products section because there was none and a stop at strategyfocus also lacked any aggressive monetisation content that is not constantly trying to convert me into a customer or subscriber is content that has confidence in its own value and that confidence shows up as a different reading experience.

  4. Glad I clicked through from where I did because this turned out to be worth the time spent, and after shadowbeast I had a fuller picture, the kind of content that earns its visitors through delivering value rather than chasing them through aggressive advertising or constant pop ups appearing everywhere on the screen lately.

  5. A piece that exhibited the kind of patience that good writing requires, and a look at forwardthinkingcore continued that patient quality, hurried writing is easy to spot and this site reads as having been written without time pressure which produces a different feel than the rushed content that dominates much of the modern blog space.

  6. Excellent post, balanced and well organised without showing off, and a stop at actionplanner 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.

  7. Solid value for anyone willing to read carefully, and a look at executeideasfast 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.

  8. Picked this site to mention to a colleague who would benefit, and a look at clarityfuel added more material I will pass along, recommending sites to colleagues is a higher bar than recommending to friends because the professional context demands more careful curation and this site cleared the professional bar without me having to think.

  9. Good clean post, no errors and no awkward phrasing that breaks the reading flow, and a stop at actionremovesfriction 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.

  10. Reading carefully here has reminded me what reading carefully feels like, and a look at littlebloomhub extended that reminder, the experience of careful reading versus skimming is different in ways I had partially forgotten and this site has clearly refreshed my memory of what attention feels like when content rewards it consistently.

  11. A small thing but the line spacing and font choices made reading this physically pleasant, and a look at buildmomentumintelligently maintained the same careful design, technical choices about typography are part of what makes online reading actually comfortable and this site has clearly invested in the design layer alongside the content layer carefully.

  12. Over the course of reading several posts here a pattern of quality has emerged, and a stop at forwardtractionhub confirmed the pattern, the difference between sites that hit quality occasionally and sites that hit it consistently is huge and this site has clearly demonstrated the consistent kind through what I have read this morning.

  13. Decided to set aside time later to read more carefully, and a stop at actionshapessuccess 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.

  14. Generally I find the content on similar topics frustrating in specific ways and this post avoided all of them, and a look at quantumharbor continued that frustration free experience, content that sidesteps the standard failure modes of its genre is content with editorial awareness and this site has clearly studied what fails elsewhere consistently.

  15. Worth pointing out the careful word choice in this post, no buzzwords and no jargon, and a look at growthpipeline continued that disciplined vocabulary, sites that resist the pull of trendy language are sites that will read well in five years and this one is clearly built for that kind of long durability.

  16. Reading this between meetings turned out to be the most useful thing I did all afternoon, and a stop at urbanfashion kept that productivity feeling going, content can sometimes outperform actual work in terms of what gets accomplished mentally and this site managed that today which is genuinely a high bar to clear consistently.

  17. Highly recommend to anyone looking for a sensible take on this topic without the usual marketing nonsense, and a look at oceanvoyagerhub kept that grounded approach going, sites that stay focused on serving readers rather than monetising every click are rare and this is clearly one of those rare ones I really appreciate finding.

  18. Nice to see a post that does not try to overcomplicate the basics for the sake of looking smart, and once I looked at motherbloom the same direct tone was there too, which honestly makes a difference when you are short on time and want answers without long pointless intros.

  19. Took a screenshot of one section to come back to later, and a stop at buildmomentumwisely prompted another saved tab, the urge to capture and revisit specific pieces of content is something I rarely feel but when I do it tells me the work is worth more than the average passing read for sure.

  20. Bookmark added with a small mental note that this is a site to keep, and a look at focusforwardpath reinforced the keep status, the verb keep rather than visit captures something about how I think about this kind of site and it is a higher tier of relationship than I have with most places online today.

  21. A piece that prompted a small mental rearrangement of how I order related ideas, and a look at nexustower extended that rearranging effect, content that affects the structure of my thinking rather than just adding to it is content with the deepest kind of impact and this site is reaching that depth for me today.

  22. Now thinking about how to apply some of this to a project I have been planning, and a look at focusunlockspotential added more material for the planning, content that connects to my actual creative work rather than just being interesting in the abstract is the kind that earns priority placement in my reading rotation consistently going forward.

  23. Reading this triggered a small reorganisation of my own thinking on the topic, and a stop at forwardthinkingcore furthered that reorganisation, content that affects the shape of my mental model rather than just decorating it with new facts is content with structural rather than informational impact and this site provides that.

  24. Thanks for putting this online without locking it behind email signups or paywalls and a quick visit to focusandexecute 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.

  25. Walked away with a clearer head than I had before reading this, and a quick visit to claritysimplifiesprogress only sharpened that, the writing has a way of cutting through the noise that surrounds most topics online which is something I will definitely remember the next time I am searching for an answer to anything.

  26. Came in skeptical and left mostly convinced, that is the highest praise I can offer, and a look at clarityoveractivity 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.

  27. A piece that read as the work of someone who reads carefully themselves, and a look at silkstrandly continued that informed feel, writers who are also serious readers produce work with a different quality and this site reads as the product of someone steeped in good writing rather than just generating content for an audience.

  28. Found this really helpful, the explanations are simple but they actually answer the questions a normal reader would have, and after I followed claritydrivesmotion I had a clearer sense of the topic, no extra fluff just useful points laid out in a sensible order that made the time worth it.

  29. A piece that ended with a clean landing rather than fading out, and a look at momentumdesign maintained the same crisp conclusions, endings that resolve rather than dissolve are a sign of careful structural thinking and this site has clearly invested in how its pieces conclude rather than letting them simply run out of energy.

  30. Found something quietly useful here that I expect to return to, and a stop at actiondrive 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.

  31. Probably the best thing I have read on this topic in the past month, and a stop at forwardenergyflow extended that ranking, the casual ranking of recent reading is informal but real and this site has been winning those rankings for me on this topic specifically over the last several weeks of regular reading sessions.

  32. Reading this confirmed a small detail I had been uncertain about, and a stop at nexoravision provided the source for further checking, content that supports verification through citations or links rather than just asserting facts is more trustworthy and this site has clearly built its credibility through that kind of verifiable approach consistently.

  33. Came in skeptical of the angle and left mostly persuaded, and a stop at intentionalmovement pushed me a bit further in the same direction, content that can move a critical reader by argument rather than rhetoric is rare and worth pointing out because it indicates real substance underneath the surface presentation here.

  34. Genuine pleasure to read, and that is not something I say often after a casual click through, and a quick visit to broadcastnova kept the same feeling going across the rest of the site, finding writing that actually feels good to spend time with rather than just functional is increasingly rare on the open web.

  35. Felt the post handled a sensitive angle of the topic with appropriate care, and a look at focusfirstapproach extended that careful handling across related material, sites that can navigate delicate territory without causing damage are rare and require a level of judgement that comes from experience rather than from following any clear playbook.

  36. Reading more of the archives is now on my plan for the weekend, and a stop at claritypowersresults confirmed the archive worth the time, the rare archive worth a dedicated reading session rather than just casual sampling is the rare archive of serious work and this site has clearly produced enough of that work to warrant the deeper exploration.

  37. A piece that handled multiple complications without becoming confused, and a look at growthwithoutnoise continued that organisational clarity, holding multiple threads in a single piece without losing any of them is a sign of skilled writing and this site has clearly developed the editorial discipline to manage complexity without sacrificing readability throughout.

  38. Came in skeptical and left mostly convinced, that is the highest praise I can offer, and a look at brightnovahub 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. Felt the post had been written without using a single buzzword, and a look at signaldrivengrowth continued that clean vocabulary, content free of jargon and trendy phrases reads better and ages better and this site has clearly committed to a vocabulary that will not feel dated in three years which is impressive editorially.

  40. A piece that prompted a small mental rearrangement of how I order related ideas, and a look at progressengine extended that rearranging effect, content that affects the structure of my thinking rather than just adding to it is content with the deepest kind of impact and this site is reaching that depth for me today.

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>