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

  1. Reading this confirmed a hunch I had been carrying about the topic without having articulated it, and a stop at progresswithclaritypath extended the confirmation, content that gives shape to fuzzy intuitions is doing the rare work of making private thoughts public and this site is providing that articulating service consistently for me lately.

  2. Took something from this I did not expect to find, and a stop at unitybondcollective added another unexpected useful piece, content that exceeds expectations rather than just meeting them is the kind that builds enthusiasm and earns repeat visits without any explicit ask from the writer or platform behind the work being read.

  3. Now thinking about this site as a small example of what good independent writing looks like, and a stop at trustlineage continued that exemplary status, the few sites that serve as good examples are sites worth holding up in conversations about quality and this one has earned that exemplary placement through patient consistent effort over time.

  4. Если хотите найти обучение в автошколе иркутск где сочетаются доступная стоимость качественное обучение и внимательное отношение к каждому ученику значит вы попали по адресу. Вас ждут опытные инструкторы современный автопарк и удобный график занятий. Обучение легко совмещать с работой или учебой благодаря гибкому расписанию и дистанционной теории. Именно такое предложение многие ищут месяцами.

  5. Really appreciate the lack of pop ups, modals, cookie banners stacking on top of each other, and a quick visit to focusdrivesthepath confirmed the same clean approach across the rest of the site, technical decisions about user experience are part of what makes content actually pleasant to engage with for sure.

  7. Liked that the post acknowledged complications rather than pretending they did not exist, and a stop at intentionalstrategy continued that honest framing, sites that handle complexity with care rather than papering it over with simplifying claims are doing real intellectual work and this one is clearly in that category based on what I have read.

  10. Now considering writing a longer note about the post somewhere, and a look at ironcladpartners added more material for that note, content that prompts me to write rather than just consume is content with generative energy and this site is producing that generative effect for me at a higher rate than most sources.

  12. A piece that handled the topic with appropriate weight without becoming portentous, and a look at signalbuildsmotion continued that calibrated seriousness, content that takes itself seriously without becoming pompous is something this site has clearly figured out and the balance shows up in every piece I have read across multiple sessions now.

  13. Если вы давно искали сайт автошколы престиж иркутск которая действительно оправдает ожидания значит вы нашли именно то что искали. Вас ждут качественная подготовка современные автомобили и индивидуальный подход. Теорию можно изучать очно или дистанционно а практические занятия проходят в удобное для вас время. Это именно тот вариант который выбирают будущие водители.

  14. Will be passing this along to a few people who would benefit from the perspective shared here, and a stop at progresswithintention only added to what I will be sharing, this kind of generous content deserves to circulate widely rather than getting buried in some search engine algorithm tweak that pushes it down the rankings.

  15. A small thank you note from me to the team behind this work, the post earned it, and a stop at trustpathway suggested more thanks would be in order over time, recognising the people who do good writing online is something I try to remember to do because the alternative is silence and silence rewards mediocrity unfortunately.

  16. Now thinking about this site as a small example of what good independent writing looks like, and a stop at unitybondline continued that exemplary status, the few sites that serve as good examples are sites worth holding up in conversations about quality and this one has earned that exemplary placement through patient consistent effort over time.

  17. Honestly impressed by the consistency of voice across what I have read so far, and a quick visit to clarityguidesmoves continued that consistent feel, when a site reads like one careful person rather than a committee the experience is more rewarding for the reader who notices these subtle editorial details over time.

  18. Reading this in a quiet coffee shop matched the calm energy of the writing, and a stop at trendmixo 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.

  19. Came in for one specific question and got answers to three I had not even thought to ask, and a look at claritymechanism extended that bonus value pattern, the kind of resource that anticipates reader needs rather than just answering the literal question asked is the gold standard and this site reaches it.

  20. Now wishing I had found this site sooner, and a look at trendrova extended that mild regret, the calculation of how many years of good content I missed by not finding the right sources earlier is one I try not to make too often but it does come up sometimes when I find sites this good.

  22. A nicely understated post that does not shout for attention, and a look at bondedcapitalway maintained the same quiet quality, understatement is a stylistic choice that distinguishes serious writing from attention seeking writing and this site has clearly committed to the understated approach as a core editorial value rather than just a phase.

  25. Now feeling that this site is the kind I want to make sure does not disappear, and a look at capitalharmonybond reinforced that quiet protective feeling, the rare sites whose disappearance would actually matter to me are the sites I want to support through return visits and recommendations and this one has joined that small protected list.

  27. Closed three other tabs to focus on this one and never opened them again, and a stop at ideascreatealignment similarly held attention exclusively, content that crowds out other reading from working memory is content with real density and this site has demonstrated that density across multiple pages I have visited so far this morning.

  28. Thanks for the readable length, I finished it without checking how much was left, and a stop at smartinsight kept me reading the same way, when I stop noticing the length of a piece because the content is engaging enough to sustain attention without willpower the writer has done their job well today.

  30. A piece that handled the topic with appropriate weight without becoming portentous, and a look at buildmomentummethodically continued that calibrated seriousness, content that takes itself seriously without becoming pompous is something this site has clearly figured out and the balance shows up in every piece I have read across multiple sessions now.

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

  32. Now realising the post has been quietly doing important work in my mind for the past hour, and a stop at focuschannelsenergy extended that quiet processing, content that continues to do work after I close the tab is content with afterlife in the mind and this site is producing those long lived effects at a meaningful rate.

  34. Big thanks to whoever wrote this, you saved me a lot of time hunting for the same info on other sites, and a stop at visionchannel only added more useful detail without going off topic, that kind of focus is honestly hard to come across these days when most posts wander everywhere.

  35. A clear cut above the usual noise on the subject, and a look at signaldrivesfocus 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.

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

  39. Appreciated how the post felt complete without overstaying its welcome, and a stop at bondedgrowthline confirmed that economical approach runs across the site, knowing when to stop is a skill many writers never develop but here the discipline is obvious and welcome from the perspective of a busy reader trying to learn things efficiently.

  42. Really grateful for content like this, it does not waste my time and it does not insult my intelligence either, and a quick look at claritydrivesmovement was the same, balanced respectful writing that makes a person feel welcome rather than rushed through pages of forced engagement just to keep clicking around.

  43. Now considering carefully how to share this site with the right audience rather than broadcasting widely, and a look at momentumchannel extended that careful sharing impulse, content worth sharing carefully rather than spamming is content that has earned a higher kind of recommendation and this site has earned that careful shareability throughout pieces.

  44. Worth recognising the specific care that went into how this post ended, and a look at claritycreatesenergy maintained the same careful conclusions, endings are where most blog content falls apart and this site has clearly invested in the closing stretches of its pieces rather than letting them simply trail off when energy fades.

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

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

  49. Appreciate the practical examples, they made the abstract points easier to grasp, and a stop at focuspath added more of the same, this site clearly understands that real examples beat empty theory every single time which is the mark of a writer who knows their audience well and respects their time.

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>