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:

13,906 thoughts on “JSIO Performance Results

  1. 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 buildactionableprogress 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.

  2. Glad I stumbled across this post, the explanations actually make sense without needing background knowledge to follow along, and after a stop at inobrat the same was true there, no assumptions about the reader just clear writing that anyone can understand from the first line right through to the end.

  3. Just dropping by to say thanks for the effort, it does not go unnoticed when a writer cares this much about the reader, and after I went through surgesorrel I was certain this is one of the better corners of the internet for this particular kind of content which is genuinely refreshing.

  4. Looking back on this reading session it stands as one of the better ones recently, and a look at createprogressmapping extended that ranking, the informal ranking of reading sessions against each other is something I do mentally and this session ranks high largely because of this site and a couple of related pages here.

  5. Approaching this site through a casual link click and being surprised by what I found, and a look at discovercreativegrowth extended the surprise, the rare experience of stumbling into excellent independent content rather than predictable mediocrity is one of the actual remaining pleasures of casual web browsing and this site provided it cleanly.

  6. Really appreciate the lack of pop ups, modals, cookie banners stacking on top of each other, and a quick visit to findyourgrowthlane 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. Honestly enjoyed reading this more than I expected to when I first clicked through, and a stop at buildyournextmove kept that pleasant surprise going, sometimes you stumble onto a site that just clicks with how you like to read and this is one of those for me right now today which is great.

  8. 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 startwithpurpose 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.

  9. A clean piece that knew exactly what it wanted to say and said it and a look at seolift maintained the same clarity of intention knowing the goal of a piece before writing is something most blog content lacks and the clarity of purpose here shows up in every paragraph for any careful reader to notice.

  10. Skipped past the first paragraph thinking it was setup and had to come back when the rest referenced it, and a stop at holdax similarly rewarded careful reading from the start, content where every paragraph carries weight is content I now know to read from the beginning rather than skipping ahead.

  11. Worth marking this site as one to come back to deliberately rather than by accident, and a stop at createimpactsteps reinforced that intention, the difference between sites I find again by chance and sites I return to on purpose is meaningful and this one has clearly moved into the deliberate return category for me.

  12. If I were grading sites on this topic this one would receive high marks, and a stop at buildforwardthinking 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.

  13. Greetings! I’ve been reading your site for some time now and finally got the courage to go ahead and give you a shout out from Dallas Tx! Just wanted to tell you keep up the excellent job!

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

  15. Generally my comment to other readers about new sites is to wait and see but for this one I would jump to recommend now, and a look at bulkingbayou reinforced that early recommendation, the speed at which a site earns my recommendation is itself a quality signal and this one has earned mine quickly clearly.

  16. Compared to the usual results for this kind of search this site stands well above the average, and a quick visit to learnandscale kept the standard high, you can tell within seconds whether a site is going to waste your time or actually deliver and this one clearly delivers without any false starts.

  17. Found the post genuinely useful for something I was working on this week, and a look at buildsustainablemomentum added more material I will reference, content that connects to my actual life and work rather than just being interesting in the abstract is the kind I will pay attention to and return to repeatedly.

  18. Reading this prompted a brief but useful conversation with a colleague who happened to walk by, and a stop at jebbird extended that conversational seed, content that becomes a starting point for in person discussion rather than ending in solitary reading is content with social generative energy and this site has plenty of it apparently.

  19. Strong recommendation from me, anyone curious about the topic should make time for this, and a look at exploreideaswithpurpose only sharpens that recommendation further, the kind of resource that holds up against careful scrutiny rather than crumbling at the first critical question is rare and worth pointing other people toward when the topic comes up.

  20. Solid endorsement from me, the writing earns it, and a look at buildsmartdirection continues to earn it across the broader site too, the kind of operation that maintains quality across many pages rather than just one viral post is a sign of serious commitment and that is what I see here clearly across what I read.

  21. Took a few notes from this post, the points are easy to remember without needing to come back and check, and a look at explorefreshgrowthideas 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.

  22. The overall feel of the post was professional without being stuffy, and a look at startthinkingclearly kept that approachable expertise going, finding the right register for technical content is hard but this site has clearly figured out how to sound knowledgeable without slipping into that distant lecturing tone that loses readers in droves every time.

  23. Thanks for the moderate length, neither so short it skips substance nor so long it bloats, and a stop at hurbug hit the same balance, the right length is one of the hardest things to calibrate in blog writing and I appreciate when a team has clearly thought about it rather than defaulting.

  24. Reading this slowly to give it the attention it deserved, and a stop at explorefreshthinkingnow 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.

  25. Found something quietly useful here that I expect to return to, and a stop at startnextlevelgrowth added more of the same, content with quiet utility ages well in a way that flashy hot takes do not and I have learned to weight quiet utility much higher when deciding what to bookmark for later use.

  26. Now appreciating that the post did not try to imitate any other style I might recognise, and a stop at exploreideaswithpurpose continued that distinct voice, content with its own register rather than borrowed from elsewhere is content with real authorial presence and this site has clearly developed that presence through what feels like patient editorial work.

  27. Skipped the social share buttons but might come back to actually use one later, and a stop at learnandoptimizepath 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.

  28. Started believing the writer knew the topic deeply by about the second paragraph, and a look at findgrowthopportunitiespath reinforced that confidence, the speed at which a writer establishes credibility through their writing is a useful quality signal and this writer establishes it quickly and quietly without resorting to credential dropping or self promotion.

  29. Granted my mood today might be elevating my reading experience but I still think this is genuinely good, and a stop at inobrisk reinforced that even discounted assessment, controlling for the mood adjustment that affects content perception this site still reads as substantively above average across multiple pieces I have read carefully today.

  30. Worth recognising that the post handled a familiar topic without reaching for any of the obvious hot takes, and a stop at startwithpurposefulsteps 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.

  31. The lack of unnecessary jargon made the post accessible without sacrificing accuracy, and a look at createimpactjourney continued in the same accessible style, technical topics often hide behind specialised vocabulary but here the writer trusts the reader to keep up with plain language and that trust pays off nicely throughout the entire post.

  32. Picked this post to share in a Slack channel where I knew it would be appreciated, and a look at discovernewmomentum suggested I will share more from here later, content worth sharing into a professional context is content that has earned a higher kind of trust than mere personal interest and this site has it.

  33. A handful of memorable phrases from this one I will probably use later, and a look at discoverpowerfulpaths added a couple more, content that contributes language to my own communication rather than just facts is content with a different kind of utility and this site is providing that linguistic utility consistently across what I read.

  34. Really appreciate the lack of pop ups, modals, cookie banners stacking on top of each other, and a quick visit to growyourcapabilities 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.

  35. Honestly this was the highlight of my reading queue today, and a look at parcelparadise extended that across more pages I will return to, ranking what I read against what else I read each day is something I do informally and this site keeps moving up in those rankings the more I explore it.

  36. Really appreciate this kind of writing, no shouting and no clickbait headlines just steady useful content, and a quick look at startnextchapter kept that going, definitely a site I will be returning to whenever I need a sensible take on similar topics in the days ahead and also during slower work weeks.

  37. If I had to defend the time I spend reading independent blogs this site would feature in the defence, and a look at startyournextphase reinforced that defensive utility, the ongoing case for non algorithmic reading is one I make to myself periodically and sites like this one provide the actual evidence that supports the case clearly.

  38. Quietly the post solved something I had been turning over without quite knowing how to phrase the question, and a look at learnandprogresssteadily 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.

  39. Quality you can feel from the first paragraph, the writer clearly knows the topic and how to share it, and a quick look at syrupserif confirmed the same depth runs throughout the rest of the site as well which is rare and worth pointing out when it happens online for any reader passing through.

  40. Once I trust a site this much I tend to read everything they publish and that is the trajectory I am on with this one, and a stop at createpositiveoutcomes confirmed the trajectory, the rare progression from interested reader to comprehensive reader is something only certain sites earn and this one is earning that progression rapidly.

  41. Closed the tab and immediately reopened it ten minutes later because I wanted to reread a part, and a stop at buildlongtermstrength drew the same return, content that pulls you back after closing it is doing something well beyond the average and worth marking as exceptional in my mental catalogue of reliable sites.

  42. Genuinely good work the kind that holds up over multiple readings without losing its appeal and a stop at seomagnet kept that going definitely a site I will be returning to and probably mentioning to others who work in or care about this particular area of interest today and in coming weeks.

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

  44. The lack of unnecessary jargon made the post accessible without sacrificing accuracy, and a look at holpod continued in the same accessible style, technical topics often hide behind specialised vocabulary but here the writer trusts the reader to keep up with plain language and that trust pays off nicely throughout the entire post.

  45. A quiet piece that did not try to compete on volume, and a look at startwithclearfocus maintained that selective approach, sites that publish less but better are increasingly rare in an environment that rewards volume and this one has clearly chosen quality cadence over quantity which is a brave editorial decision in current conditions.

  46. Started reading and ended an hour later without realising the time had passed, and a look at buildclarityforward produced the same time dilation effect, when content makes time feel different the writer has achieved something well beyond the average and this site is producing that experience for me reliably across multiple readings.

  47. One of the more thoughtful posts I have read recently on this topic, and a stop at startpurposefuljourney added even more weight to that impression, this is genuinely good content that holds its own against far better known sites in the same space without trying to imitate any of them at all which I appreciate.

  48. Easily one of the better explanations I have read on the topic, and a stop at explorefreshthinkingpaths pushed it even higher in my mental ranking of useful resources, the kind of site that beats the average not by trying harder but by simply caring more about what it puts out daily which always shows.

  49. Worth saying that the writing carries a particular kind of authority without making any explicit claims to it, and a stop at startpurposefuljourney extended that earned authority feeling, sites that demonstrate expertise through the quality of their explanations rather than by stating credentials are sites I trust most and this site has it.

  50. Considered alongside other sources I have been reading this one consistently rises to the top, and a stop at findyournextstage maintained that top ranking, the informal ongoing comparison between sources is something I do whenever reading on a topic and this site keeps coming out near the top of those comparisons over many sessions.

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>