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:

22,125 thoughts on “JSIO Performance Results”

  1. Definitely returning here, that is decided, and a look at goaxio only made the case stronger, this is one of those rare websites that rewards regular visits rather than feeling stale after the first read which is something I cannot say about most of the places I bookmark today across all my topics.

  2. Skipped the comments to avoid spoilers and came back later to find them genuinely worth reading, and a stop at woodcovemerchantgallery extended that surprised respect, when the discussion below a post matches the quality of the post itself you have found something special and this site appears to attract that kind of audience.

  5. 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 arobell 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.

  6. Quietly the post solved something I had been turning over without quite knowing how to phrase the question, and a look at tallysmoke extended that quiet solving, content that addresses unformulated needs is content with reader insight and this site has demonstrated that insight at a high rate across the pieces I have read recently.

  8. Found the use of subheadings really helpful for scanning back through the post later, and a stop at stoneharborartisanexchange kept that reader friendly approach going, navigation is something many blog writers ignore but small structural choices make a noticeable difference for someone returning to find a specific point again days or weeks later.

  9. I learned more from this short post than from longer articles I read earlier today, and a stop at fylcalm added even more useful detail without going off topic, this site clearly knows how to keep things focused without sacrificing depth which is a hard balance to strike for any writer.

  10. Decided to set a calendar reminder to revisit, and a stop at kraftkale 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.

  11. Reading this gave me a quiet moment of intellectual pleasure that I had not been expecting, and a stop at oliveharborcommercegallery extended that pleasure across more pages, the unexpected reward of stumbling into careful writing is one of the small ongoing pleasures of reading the open web and this site is delivering it reliably.

  12. A small editorial detail caught my attention, the way headings related to body text, and a look at garnetharbormerchantgallery maintained that careful relationship, structural details like that show up to readers who notice them and the writers here have clearly thought about every level of the piece rather than just the words.

  13. Reading this prompted a small redirection in something I was working on and a stop at wheatcovemerchantgallery extended that redirecting influence content that affects my actual work rather than just my thinking has the highest practical impact and this site is providing that level of influence for me at a sustainable rate apparently.

  14. Started imagining how I would explain the topic to someone else after reading, and a look at studiotrader gave me more material for that imagined explanation, content that improves my own ability to discuss a topic is content that has actually transferred knowledge rather than just decorating my screen for a few minutes.

  15. My usual pattern is to skim and bounce but this site has reset that pattern temporarily, and a stop at singersorbet maintained the slower reading mode, content that changes how I read is content with structural influence and this site has clearly nudged my reading behaviour toward something better at least for the duration of these visits.

  16. Really nice to see things explained without overcomplicating the topic, the words flow naturally and stay easy to follow, and a short visit to sodasherpa only added to that experience because the same simple approach is used across the rest of the page too without any change in tone.

  17. Genuinely useful read, the points are practical and easy to apply right away, and a quick look at up0ep7x confirmed that this site is consistent in that approach, looking forward to digging through the rest of it when I get the chance to sit down properly later in the week or this weekend.

  19. Refreshing to read something where the words actually mean something instead of filling space, and a stop at sheentiny kept that going, the writing here trusts the reader to follow along without endless repetition or constant reminders of what was already said earlier in the post which I appreciate.

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

  22. Walked away in a slightly better mood than when I started reading, that says something about the writing, and a stop at tornadovapor kept that going, content that leaves you feeling more capable rather than overwhelmed is the kind I keep coming back to again and again over the years and across many topics.

  23. Reading this on a phone at a coffee shop and finding it perfectly suited to that context, and a stop at nyxsip 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.

  24. Now feeling the quiet pleasure of finding writing that takes itself seriously without being self serious, and a stop at hugbox 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.

  25. Really appreciate that the writer did not stretch the post to hit some target word count, the points end when they are made, and a stop at hiltkindle reflected the same discipline, brevity is generosity in disguise and this site has clearly figured that out far better than most blog operations have.

  26. Now adjusting my expectations upward for the topic based on this post, and a stop at goldenharborcommercegallery continued that bar raising effect, content that resets what I think is possible on a subject is doing real work in shaping my standards and this site is providing those bar raising experiences at a notable rate during sessions.

  27. Picked up on several small touches that suggest a careful editor, and a look at walnutharborcommercegallery suggested the same hand at work across the broader site, editorial consistency at a granular level is one of the strongest signs that an operation is serious rather than just hobbyist and this site reads as serious throughout.

  28. Well done, the kind of post that makes you slow down and actually read instead of skimming for keywords, and a look at acornharbortradegallery kept me reading carefully too, that is a sign of writing that has been crafted rather than churned out for an algorithm to see today and tomorrow.

  29. Reading this felt easy in the best way, no friction and no confusion at any point, and a stop at gribump 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.

  31. Reading this slowly and letting each paragraph land before moving on, and a stop at heliofine 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.

  33. Now recognising the post as a rare example of careful writing on a topic that mostly receives careless treatment, and a stop at stoneharborcraftcollective extended that contrast with the average elsewhere, content that highlights how much the average is settling for low quality is content that has both internal merit and external value as a benchmark.

  34. Glad the writer did not feel compelled to cover every possible angle of the topic, focus is a virtue, and a stop at gildedcovemerchantgallery reflected the same disciplined scope, knowing what to leave out is half of what makes good writing good and this post has clearly been edited with that principle in mind.

  35. Now setting this aside as a model of how to write thoughtfully on the topic, and a stop at crearena extended that model status, content that becomes a reference for how a kind of writing should be done is content with influence beyond its own readership and this site is reaching that level for me clearly today.

  36. Adding this site to my regular reading list, the post earned that on its own, and a quick stop at hewzap sealed the decision, the kind of place worth checking back with from time to time because it consistently produces material that holds up against a critical reading too which I really value.

  37. Really like that the writer trusts the reader to follow simple logic without restating every previous point and a stop at wildorchardmerchantgallery kept that respect going treating an audience as capable adults rather than as people who need constant hand holding makes a noticeable difference in the reading experience for me.

  38. Reading this slowly to give it the attention it deserved, and a stop at naimei10 earned the same slow read, choosing to read slowly is a small act of respect for content quality and very few sites earn that respect from me but this one did so without any explicit ask which is the cleanest way.

  39. Reading this slowly because the writing rewards a slower pace, and a stop at thatchteapot did the same, the pace at which I read content is something I now use as a quality signal and writing that earns a slower pace earns my attention as a reader looking for substance these days.

  40. betsoft casinos united kingdom no deposit bonus, online casinos free spins no
    deposit usa approved and australian prime minister blackjack, or australia gambling sites

    my web site; jeu roulette gratuit (Judith)

  41. Honestly enjoyed every minute spent here, that is not something I say lightly, and a look at swansignal 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.

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

  43. This actually answered the question I had been searching for, and after I checked tundratoken I had a few more pieces I had not realised I needed, that is the sign of a site that knows what its readers want before they even know how to ask it which is impressive.

  44. Bookmark added with a small note about why, and a look at tasseltrace prompted another bookmark with another note, the bookmarks I annotate are the ones I expect to return to deliberately rather than stumble into and this site is generating annotated bookmarks at a higher rate than my usual content sources by some margin.

  45. Generally my attention drifts on long posts but this one held it through the end, and a stop at galekraft earned the same sustained focus, content that defeats my drift tendency is content with substantive pulling power and this site has demonstrated that pulling power across multiple pieces in a session that has now run quite long actually.

  47. A piece that exhibited the kind of patience that good writing requires, and a look at sonarsandal 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.

  48. Worth flagging this site to a few specific friends who would appreciate the editorial sensibility and a look at b618 added more pages I will mention to them recommending sites to specific people requires understanding both the site and the person and this site is making those personalised recommendations easy and natural for me.

  49. Looking for similar voices elsewhere has come up empty in my recent searches, and a stop at scenictrader extended the search frustration, the rare site that does what no other does in quite the same way is precious and this one has clearly developed a particular approach that I have not been able to find duplicates of.

  50. Halfway through reading I knew this would be one to bookmark, and a look at s0022 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.

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>