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

  1. Appreciate that you did not pad this with fluff to hit a word count, the post says what it needs to say and stops, and a look at igniteforwardmotion did the same, brevity here feels intentional not lazy which is a distinction many writers miss completely sometimes when they are working under deadlines.

  2. Skipped the TLDR thinking I would read everything anyway, and ended up enjoying the path through the full post, and a stop at ekooat similarly rewarded the patient read, summaries are useful but the journey through good writing is part of what makes the destination feel earned rather than just delivered cleanly.

  3. Loved the writing voice here, friendly without being fake and confident without being arrogant, and a stop at motionwithclarity carried the same tone forward, the kind of personality that makes a reader feel welcome rather than lectured at which is a balance plenty of writers struggle to find no matter how long they have been at it.

  4. Came away with a small but real shift in perspective on the topic, and a stop at primequality pushed that shift a bit further, the kind of subtle reframing that good writing does to a reader without making a big deal of it is something I always appreciate when it happens which is sadly not that often.

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

  6. Even just sampling a few posts the consistency is what stands out, and a look at forwardlogiclab confirmed the broader pattern, sites where every piece I sample lives up to the standard set by the others are sites with serious quality control and this one has clearly invested in whatever editorial process produces that consistency reliably.

  7. Worth marking the moment when reading this clicked into something useful for my own work, and a look at ideasrequiremovement extended that practical click, content that connects to my actual life rather than just being interesting is content with the highest kind of value and this site is generating that connection at a high rate.

  8. Reading this gave me a small sense of progress on a topic I have been slowly working through, and a stop at broadcastnova added another step forward, learning happens in small increments across many sources and finding sources that consistently contribute is the actual practical value of careful curation in an information rich world.

  9. I came here looking for a quick answer and ended up reading the whole post because it was actually interesting, and after progresswithoutpressure 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.

  10. A relief to read something where I did not have to fact check every claim mentally, and a look at progressrequiresfocus continued that reliable feeling, sites where I can lower my guard and trust the content are rare and this one is earning that trust paragraph by paragraph through consistent careful work behind the scenes.

  11. Really appreciate the absence of stock photos that have nothing to do with the content, and a quick visit to expertvertex maintained the same restraint, visual filler is a tell that the writing cannot stand on its own and the lack of it here suggests the team has confidence in their content quality alone.

  12. Worth your time that is the simplest endorsement I can give and a stop at momentumdesignlab extends that endorsement across the rest of the site this is one of those increasingly rare places that delivers on what it promises rather than over selling the content and under delivering on substance every time which I find frustrating elsewhere.

  13. Worth marking the moment when reading this clicked into something useful for my own work, and a look at forwardthinkingnow extended that practical click, content that connects to my actual life rather than just being interesting is content with the highest kind of value and this site is generating that connection at a high rate.

  14. A piece that did not try to be timeless and ended up reading as durable anyway, and a look at buildclearprogress extended that durable feel, content that stays useful past its publication date without straining for permanence is content that ages well and this site has the kind of evergreen quality that I value highly today.

  15. Skipped the social share buttons but might come back to actually use one later, and a stop at growthmovesforward extended that share urge, content that triggers genuine sharing impulses rather than performative ones is content that has actually moved me and not many posts in a typical week do that for me actually.

  16. This is an incredibly useful and thoughtful piece of writing. I appreciate how you avoided unnecessary jargon keeping the focus entirely on the most important details here. nuevo casino online espana

  17. Now adding this to a list of sites I want to see flourish, and a stop at ideasguidedforward reinforced that wish, the few sites I actively root for are sites that produce the kind of work I want more of in the world and this one has joined that small list based on what I have read so far.

  18. Solid quality, the kind of work that holds up to a careful read rather than a quick skim, and a quick look at forwardtractionhub kept that standard going strong, content that rewards attention rather than punishing it is something I appreciate more and more these days online across nearly every topic I follow.

  19. Reading this gave me material for a conversation I needed to have anyway and a stop at tracetrifle added even more talking points content that connects to upcoming social or professional needs rather than just being interesting in the abstract is the kind that earns priority placement in my attention these days routinely.

  20. 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 focusunlockspotential reflected the same discipline, brevity is generosity in disguise and this site has clearly figured that out far better than most blog operations have.

  21. If you scroll past this site without looking carefully you will miss something, and a stop at eloido extended that mild warning, the surface of the site does not advertise its quality loudly which means careful attention is required to recognise what is being offered here which is itself a kind of editorial signal.

  22. Once I had read three posts the editorial pattern was clear, and a look at focuscreatespace confirmed the pattern from a fourth angle, sites where the underlying approach reveals itself through accumulated reading rather than being announced are sites with real depth and this one has that quality clearly visible across multiple pieces consistently.

  23. Felt like the post had been edited rather than just drafted and published, and a stop at actiondrivenshift 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.

  24. Did not expect much when I clicked through but ended up reading the whole thing carefully, and a stop at urbanhomestead kept that engagement going, sometimes the unassuming sites turn out to deliver more than the flashy ones which is something I have learned to look out for over time online lately and across topics.

  25. Now adding the writer to a small mental list of voices I want to follow, and a look at brightlifestyle 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.

  26. Picked this for my morning read because the topic seemed worth the time, and a look at directionbuildsvelocity confirmed the choice was right, my morning reading slot is precious and giving it to this site felt like a good investment rather than a waste which is a higher endorsement than I usually offer for content.

  27. Now noticing that the post benefited from being neither too short nor too long for its content, and a look at directionbeforeforce continued that calibration of length, sites that match length to content rather than padding to hit some target are sites that respect both their material and their readers and this site does both.

  28. Even just sampling a few posts the consistency is what stands out, and a look at happycradle confirmed the broader pattern, sites where every piece I sample lives up to the standard set by the others are sites with serious quality control and this one has clearly invested in whatever editorial process produces that consistency reliably.

  29. Just one of those reads that left me feeling slightly more capable rather than overwhelmed, and a look at actionfeedsmomentum 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.

  30. Picked a single sentence from this post to remember, and a look at ideasguidedforward 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.

  31. I have noticed that credit improvement activity needs to be conducted with techniques. If not, you will probably find yourself endangering your positioning. In order to reach your goals in fixing your credit history you have to be careful that from this moment you pay all of your monthly fees promptly prior to their scheduled date. It is significant since by not really accomplishing so, all other steps that you will decide on to improve your credit ranking will not be successful. Thanks for giving your ideas.

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

  33. The structure of the post made it easy to follow without losing track of where I was, and a look at ideasintomomentum 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.

  34. I usually skim posts like these but this one held my attention all the way through, and a stop at clarityfuelsmotion did the same, that is a strong endorsement coming from me because I am usually quick to bounce when content gets repetitive or fails to deliver on its initial promise made in the headline.

  35. Reading this prompted me to clean up some old notes related to the topic, and a stop at planetnexus extended that organising urge, content that triggers personal organisation rather than just consuming attention is content with motivating energy and this site has the kind of clarity that prompts active follow up rather than passive consumption.

  36. Really appreciate the confidence to make a clear point rather than hedging everything, and a quick visit to claritydrivesmotion maintained the same direct stance, writing that takes positions rather than equivocating is more useful even when the positions are debatable because at least the reader has something to react to clearly.

  37. Reading this brought back an idea I had set aside months ago, and a stop at actionfeedsprogress added more substance to that idea, content that revives dormant projects in my own thinking is content with serious creative value and this site is contributing to my own work in ways I had not expected when first clicking through.

  38. Polished and informative without feeling overproduced that is the sweet spot and a look at torquetiara hit it again you can tell when a site has been built with care versus thrown together for the sake of having something to put online and this is clearly the former approach taken by the team.

  39. Liked the careful selection of which details to include and which to skip, and a stop at moveideascleanly reflected the same editorial judgement, knowing what to leave out is just as important as knowing what to include and this site has clearly figured out where that line sits for the topics it covers regularly.

  40. A piece that respected the reader by not over explaining the obvious, and a look at elonox continued that calibrated approach, finding the right level of explanation is one of the harder editorial calls and this site has clearly thought carefully about what readers will already know versus what they need help with consistently.

  41. A clear cut above the usual noise on the subject, and a look at progresswithintelligence only made that gap wider in my view, the kind of place that earns its visitors through quality rather than through aggressive marketing or sponsored placements which is increasingly the only way most sites stay afloat across the modern web.

  42. Closed the laptop after this and let the ideas settle for a few hours and a stop at growthpathwaynow similarly rewarded reflective time content that benefits from sitting with rather than racing past is the kind I want more of and the kind that this site appears to consistently produce week after week here.

  43. Honestly enjoyed not being sold anything for the entire duration of the post, and a look at actionwithstructure kept that pleasant absence going across more pages, content that exists for its own sake rather than as a funnel to a paid product is increasingly rare and worth supporting where I can find it.

  44. Once you find a site like this the search for similar voices begins, and a look at buildcleartraction extended the search energy, finding a high quality reference point makes the gap between it and adjacent sources visible in a way it was not before and this site has provided that high reference point across multiple recent visits.

  45. Most blog writing on this subject reaches for the same handful of arguments and this post avoided them, and a look at forwardmovementengine continued the original treatment, content that finds its own path through territory other writers have flattened is content with real authorial energy and this site has plenty of that distinctive energy.

  46. Reading this prompted me to dig into a related topic later, and a stop at brightcurrent provided some of the starting points for that follow up reading, content that triggers further exploration rather than satisfying curiosity completely is content with real generative energy and this site has plenty of that energy throughout it.

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>