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

  1. Thanks for the simple approach, too many sites bury the actual point under layers of unnecessary words, but here every line earns its place, and a look at bondedsynergy showed the same care for the reader which is something I will remember the next time I need answers on a topic.

  2. Just one of those reads that left me feeling slightly more capable rather than overwhelmed, and a look at claritystrategy kept that empowering feel going, the difference between content that builds the reader up and content that intimidates them is huge and this site clearly knows which side of that line to stand.

  3. Now noticing that the post avoided the temptation to be funny in places where humour would have undermined the substance, and a stop at capitalbondhub maintained the same restraint, knowing when to be serious is a rare editorial virtue and this site has clearly developed it through what I assume is careful editorial practice over years.

  4. Worth recognising that the post handled a familiar topic without reaching for any of the obvious hot takes, and a stop at directionfirst continued that fresh treatment, sites that find new angles on subjects others have exhausted are sites worth following carefully and this one has clearly developed that exploratory instinct through patient practice.

  5. Thanks for laying this out in a way that someone newer to the topic can follow, and a stop at directionactivatesmotion 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.

  6. Honestly the simplicity of the explanation made the topic click for me in a way other writeups had not, and a look at strategyforwardpath continued that clarity into related areas, when a writer gets the level of explanation right the reader does the heavy lifting themselves and the post just enables it.

  8. Cuts through the usual marketing fluff that dominates this topic online, and a stop at momentumwithdirection kept the same clean approach going, this is the kind of writing that respects the reader’s time rather than wasting it on repetitive setups before finally getting to the point at hand which is what most sites do.

  13. Came in tired from a long day and the writing held my attention anyway, and a stop at focusleadsforward kept that going, content that can engage a fatigued reader is doing something right because most online reading happens in suboptimal conditions like that one and quality content adapts to it without complaint.

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

  17. Now sitting back and recognising that this was a small but real win in my reading day, and a stop at ideasgainvelocity extended that quiet win, the cumulative effect of small reading wins versus the cumulative effect of small reading losses is real over time and this site is contributing to the wins side of that ledger.

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

  20. Now planning to share the link with a small group of readers I trust, and a look at firmamentbond suggested more material to share with the same group, recommending content into a curated circle requires confidence in the recommendation and this site is making me confident in those personal recommendations on multiple separate occasions now.

  21. A piece that earned its conclusions through the body rather than asserting them at the end, and a look at focusvector maintained the same earned quality, conclusions that follow from what came before are more persuasive than declarations and this site has clearly internalised that principle in how it constructs arguments throughout pieces.

  22. The structure of the post made it easy to follow without losing track of where I was, and a look at globaldeal kept the same logical flow going, this site clearly understands that organisation is half the battle in keeping readers engaged from the first line to the last across any kind of post.

  24. beste fa cup wettanbieter

    My website … ncca basketball wett vorhersagwn übertore untertore (Von)

  25. My friends would appreciate a few of these posts and I will be sending links accordingly, and a look at visionoperations added more pages to my share queue, content that earns shares to specific people in specific contexts is content with social utility and this site is generating those targeted shares from me consistently lately.

  26. Closed and reopened the tab three times before finally finishing, and a stop at capitalunitycircle held my attention straight through, sometimes content fights for time against my own distraction and the times it wins say something positive about its quality and this post clearly won that fight today afternoon for me.

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

  28. Generally my attention drifts on long posts but this one held it through the end, and a stop at loungepierce 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.

  29. Reading this in a quiet coffee shop matched the calm energy of the writing, and a stop at intentionalexecution extended that environmental match, content that has its own ambient quality which can match or clash with surroundings is content with a personality and this site has the kind of personality that suits calm reading.

  33. Most of the time I bounce off similar pages within seconds, and a stop at clarityenablestraction held me longer than I would have predicted, the ability to convert a likely bouncing visitor into an engaged reader is a quality signal and this site has demonstrated that conversion ability across multiple visits where I expected to bounce.

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

  36. My friends would appreciate a few of these posts and I will be sending links accordingly, and a look at trustcontinuity added more pages to my share queue, content that earns shares to specific people in specific contexts is content with social utility and this site is generating those targeted shares from me consistently lately.

  37. Honest opinion is that this is the kind of post that builds long term trust with readers, and a look at growthflowsintentionally 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.

  38. Now appreciating that I did not feel exhausted after reading, and a stop at capitaltrusthub extended that energising quality, content that leaves me with more attention than it consumed is rare and the gap between draining and energising content is real over the course of a typical day spent reading widely online.

  39. Reading this gave me the rare experience of fully agreeing with all the conclusions, and a stop at directionalclarity continued that agreement pattern, content that aligns with my existing views without seeming designed to do so is just content that happens to be reasonable and this site reads as reasonable rather than ideological mostly.

  41. Felt the writer was speaking my language without trying to imitate it, and a look at forwardplanninglab continued that natural fit, when a writers default voice happens to match what you find easy to read the experience feels frictionless and that is something I notice and remember about specific sites going forward.

  43. Once you start reading carefully here it is hard to go back to lower quality alternatives, and a stop at directionlogic reinforced that ratchet effect, the way good content raises standards is real over time and this site has clearly contributed to raising my expectations for what is possible in writing on the topic generally.

  45. Well done, the kind of post that makes you slow down and actually read instead of skimming for keywords, and a look at unitycatalyst 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.

  46. Generally I do not leave comments but this post merits a small note, and a stop at focusunlocksprogress extended that comment worthy quality, the urge to actively contribute to a sites community rather than passively consume from it is something specific content provokes and this site has provoked that engagement urge from me today.

  47. Reading this gave me a quiet moment of intellectual pleasure that I had not been expecting, and a stop at bondedvisions 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.

  48. If you asked me to point to a recent positive sign for the open web this site would be near the top, and a stop at bondedcapitalist reinforced that designation, the few sites that serve as evidence the web can still produce quality independent content are precious and this one has clearly become one for me.

  49. Glad the writer did not feel the need to argue with imaginary critics in the post itself, and a stop at progressflowsforward kept the same focused approach going, defensive writing wastes the reader time and confidence on positions that did not need defending and this post has clearly avoided that common failure.

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>