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”

  2. Reading this prompted me to send the link to two different people for two different reasons, and a stop at sambavarsity provided ammunition for a third share, content that suits multiple audiences without being generic enough to be useless to any of them is genuinely valuable and this site has that multi audience quality clearly.

  3. Glad I clicked through from where I did because this turned out to be worth the time spent, and after valecovegoodsgallery 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.

  4. If patience for careful reading is rare these days finding sites that reward it is rarer still, and a stop at uptonstarlit extended that rare reward, the diminishing returns on shallow content reading have made me more selective about where to spend reading time and this site is meeting the higher selectivity bar consistently.

  6. Felt mildly happier after reading, which sounds silly but is true, and a look at crystalbuyhub extended that small mood lift, content that improves rather than degrades my mental state is content I want more of and the cumulative effect of reading sites that lift versus sites that drag is real over time.

  7. sms casino deposit australia, best live blackjack
    sites usa and no wagering casino bonuses uk, or vegas usa
    casino

    My webpage; what is double zero in roulette (Savannah)

  9. If I were to recommend a starting point for the topic this site would be near the top of my list, and a stop at vocabtoffee reinforced that recommendation status, the small list of starting point recommendations I keep for friends asking about topics is short and this site is now firmly on it.

  13. Reading more of the archives is now on my plan for the weekend, and a stop at valueshoppinghub 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.

  14. Closed my email tab so I could read this without interruption, and a stop at cyljax earned the same protected attention, when content is good enough to defend against the usual digital distractions you know it deserves better than the half attention most online reading gets in a typical busy day.

  16. Came across this through a roundabout path and now it is on my regular rotation, and a stop at gladeharborcommercegallery sealed that decision, the open web still produces serendipitous discoveries when you let the citations and references guide you rather than relying purely on algorithmic feeds for new content recommendations always.

  17. I came here looking for a quick answer and ended up reading the whole post because it was actually interesting, and after hueheron I had a much fuller picture, no stress and no confusion just a clear walk through the topic that made everything fall into place without much effort.

  20. Reading the writers other posts after this one suggests the quality is consistent rather than peak, and a stop at siskavarsity confirmed the consistent quality reading, sites that hold the same level across many pieces rather than peaking on a few are sites with sustainable editorial discipline and this one has clearly developed that.

  22. Just want to recognise that someone clearly cared about how this turned out, and a look at temposofa confirmed that care extends across the broader site, you can feel the difference between content shipped to hit a deadline and content released because the writer was actually proud of the result for once.

  23. Genuinely useful read, the points are practical and easy to apply right away, and a quick look at jekcar 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.

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

  25. If a friend asked me where to read carefully on the topic I would send them here without hesitation and a look at woodcovevendorparlor confirmed the recommendation strength the directness of my recommendation reflects how confident I am in the quality and this site has earned undiluted recommendations from me across multiple recent conversations actually.

  26. Beyond the immediate post itself the editorial sensibility behind the site is what struck me, and a stop at kettlecrestmerchantgallery continued displaying that sensibility, content that reveals editorial choices through accumulated reading is content with structural quality and this site has clearly developed an underlying approach worth identifying through multiple sessions of reading.

  27. If I were grading sites on this topic this one would receive high marks, and a stop at heliohex continued earning those high marks, the informal grading I do mentally for content sources is something I take seriously even though it is informal and this site has been receiving consistent high marks across multiple sessions today.

  28. Once you start reading carefully here it is hard to go back to lower quality alternatives, and a stop at lanternorchardvendorparlor 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.

  29. Got pulled in by the headline and stayed because the content actually delivered on the promise, and a stop at krillflume kept that trust intact, when a site lives up to its own framing it earns the right to keep showing up in my browser tabs going forward indefinitely from here on out really.

  30. Now adding the writer to a small mental list of voices I want to follow, and a look at pyxedge reinforced that follow intention, the few writers whose work I actively track are writers who have demonstrated sustained quality and this writer has clearly demonstrated that sustained quality across the pieces I have sampled here today.

  32. Thanks for keeping things clear and to the point, that is honestly hard to find online these days, and after reading through velvetbrookartisanexchange the message stayed consistent which makes me trust the information being shared more than I usually do on similar pages that cover this same kind of topic.

  33. A piece that took its time without dragging, and a look at formchat kept the same patient pace, the difference between unhurried and slow is a fine editorial distinction and this site has clearly found the unhurried side without slipping into the slow side which would have lost me as a reader quickly otherwise.

  34. Liked the careful word choice throughout, every term seemed picked for a reason rather than thrown in casually, and a stop at swapvenom 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.

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

  36. Strong recommendation, anyone interested in this topic owes themselves a visit, and a stop at gyrarena extends that recommendation across more of the site, this is the kind of resource that makes me more optimistic about the state of the open web than I usually am these days actually for once which is genuinely refreshing.

  37. A thoughtful piece that did not strain to be thoughtful, and a look at trenchtwist continued that effortless quality, when thinking shows up in writing without the writer drawing attention to it you know you are reading something genuinely considered rather than something performing the appearance of consideration which is also common online.

  38. Liked the way the post handled the final paragraph, no neat bow but no abrupt cutoff either, and a stop at valecovegoodsgallery continued that thoughtful ending pattern, endings are hard and most blog writers either over engineer them or skip them entirely and this site has clearly figured out a sustainable middle approach.

  39. Started forming counter examples to test the claims and the post handled most of them implicitly, and a look at buyspotstore continued that anticipatory style, writers who think two steps ahead of the critical reader save themselves from a lot of follow up work and this writer has clearly internalised that habit consistently.

  40. Just want to flag that this was useful and not bury the appreciation in caveats, and a look at stashsuperb earned the same direct praise, recognising good work without hedging it with criticism is something I try to practice because over qualified compliments tend to read as backhanded and miss the point sometimes.

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

  42. Took a few notes from this post, the points are easy to remember without needing to come back and check, and a look at glassmeadowcommercegallery added a couple more, the kind of place that sticks in the memory long after the browser tab has been closed for the day which says a lot really.

  44. 777 casino united kingdom, best chase credit card
    online gambling (Joe) casino sites new zealand and play free
    usa bingo, or gambling age in the usa

  46. Worth flagging that this approach to the topic is fresh without being contrarian, and a stop at digitaltrendstation extended the same fresh angle, finding original perspective on familiar subjects is rare and this site has clearly developed its own way of seeing rather than echoing the dominant takes from elsewhere consistently.

  47. Definitely returning here, that is decided, and a look at sloopvault 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.

  48. Reading this post made me realise I had been settling for lower quality elsewhere, and a look at huejuly extended that recalibration, content that exposes how much I had been accepting in adjacent sources is content with calibrating effect on my standards and this site is performing that calibration function across topics for me reliably.

  49. Liked the natural conversational tone throughout, never stiff and never overly casual either, and a stop at lanternmeadowcommercegallery kept that comfortable middle ground going, finding a tone that respects the reader without becoming distant or overly familiar is harder than it sounds and this site nails that balance consistently across many different pieces.

  50. Came back to this twice now in the same week which is unusual for me, and a look at cloverharborcommercegallery suggested I will keep coming back, the kind of post that earns repeated visits rather than one and done reading is the gold standard for content quality and this site clearly hit that standard.

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>