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:

14,825 thoughts on “JSIO Performance Results”

  1. High quality writing, no marketing speak and no buzzwords that mean nothing, and a stop at growwithdetermination kept that going, simple direct content that actually communicates something is harder to find than it should be and this is one of the rare places that gets it right consistently across many different posts.

  2. Nice to see a post that does not try to overcomplicate the basics for the sake of looking smart, and once I looked at axonspark the same direct tone was there too, which honestly makes a difference when you are short on time and want answers without long pointless intros.

  3. Honestly enjoyed every minute spent here, that is not something I say lightly, and a look at shopwithdelight confirmed I will be back, the bar for spending time online is high for me these days but this site clears it without effort which is high praise indeed from this reader who is usually rather demanding.

  4. Bookmark added with a small note about why, and a look at happyhomecorner prompted another bookmark with another note, the bookmarks I annotate are the ones I expect to return to deliberately rather than stumble into and this site is generating annotated bookmarks at a higher rate than my usual content sources by some margin.

  6. Looking forward to seeing what gets published next month, and a look at zingtorch extended that anticipation across the broader site, finding myself looking forward to a sites future content rather than just consuming its existing content is a stronger commitment level than I usually reach with new finds and this site triggered that.

  7. Better than most of the writing I have come across on this topic recently, simpler and more direct, and a look at betterbasket continued in that same way, a real outlier in a crowded space full of repetitive content that says little while taking up a lot of reader time today which is unfortunate.

  8. Thanks for putting in the work to make this approachable, plenty of sites cover the same ground but most do it badly, and a quick visit to fashiondailycorner confirmed this one stands apart, simple language and useful examples without anyone trying to sell me anything along the way which I really appreciated.

  9. Now recognising the post as a rare example of careful writing on a topic that mostly receives careless treatment, and a stop at shopandsmilehub extended that contrast with the average elsewhere, content that highlights how much the average is settling for low quality is content that has both internal merit and external value as a benchmark.

  10. Took the time to read the comments on this post too and they were also worth reading, and a stop at findyourstyle suggested the community quality matches the content quality, when the conversation around a piece is as good as the piece itself you know you have found a real corner of the internet.

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

  12. Worth pointing out that the writing reads as confident without being defensive about it, and a look at shadylaneshoppe extended that secure tone, content that does not pre emptively argue against imagined critics has a different quality from defensive writing and this site reads as written from a place of real ease.

  13. Just want to record that this site is entering my regular reading list, and a look at thepathforward confirmed it deserves the spot, my regular reading list is short and well curated and adding to it requires meeting a fairly high quality bar that this site has clearly cleared without much effort apparently.

  14. A piece that brought a sense of order to a topic I had been finding chaotic, and a look at classytrendcorner continued that organising effect, content that imposes useful structure on messy subjects is doing genuine intellectual work and this site is providing that organisational function across multiple posts I have read recently here.

  16. Better than the average post on this subject by some distance, and a look at goldenrootcollection reinforced that, you can tell within the first paragraph that the writer here actually cares about the topic rather than just covering it for the sake of having something to publish that week or that day.

  17. Picked this for my morning read because the topic seemed worth the time, and a look at discoverfashioncorner 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.

  18. On reflection this is the kind of writing that improves my taste for what is possible in the format, and a look at startanewpath continued raising that bar, content that elevates my expectations rather than lowering them is doing important work in calibrating my standards and this site is participating in that elevation reliably.

  19. The conclusions felt earned rather than tacked on at the end like an afterthought, and a look at urbanwearhub kept that careful structure going, you can tell when a writer has thought about the shape of their post versus just letting it ramble out and hoping for the best at the end which most do.

  21. Decided to read more before commenting and the more I read the more I wanted to say something, and a stop at yourfavoritetrend pushed that impulse further, when content provokes the urge to participate rather than just consume it is doing something quite specific and worth recognising clearly when it happens during reading.

  22. Really nice to see things explained without overcomplicating the topic, the words flow naturally and stay easy to follow, and a short visit to trendandbuyhub only added to that experience because the same simple approach is used across the rest of the page too without any change in tone.

  23. Really appreciate that the writer did not assume I would read every other related post first, and a look at oceanviewemporium kept that self contained feel going where each piece can stand alone, accessibility for new readers is a sign of generous editorial thinking and this site has clearly invested in that approach.

  24. Reading this brought back the satisfaction I used to get from blogs ten years ago, and a stop at zingtrace kept that nostalgic quality alive, sites that capture what was good about an earlier era of internet writing are increasingly precious and this one is doing that without feeling like a deliberate throwback at all.

  25. After several visits I am now confident this site is one to follow seriously, and a stop at growbeyondlimits reinforced that confidence, the gradual building of trust through repeated quality exposures is the only sustainable way to develop reader loyalty and this site is building that loyalty in me through patient consistent work consistently.

  26. Now feeling that this site is the kind I want to make sure does not disappear, and a look at findyourstrength 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. Decided to write a short note to the author if there is contact info anywhere, and a stop at globalvaluehub extended that intention, the urge to thank the writer directly is a strong signal of content quality and this site has triggered that urge in me today which is a fairly rare event for my reading.

  28. Now realising the post has been quietly doing important work in my mind for the past hour, and a stop at everydayvaluecenter 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.

  29. Found something new in here that I had not seen explained this way before, and a quick stop at redmoonemporium expanded the idea even further, the kind of writing that nudges your thinking forward a bit without forcing the issue is exactly what I look for online today and rarely actually find anywhere.

  33. Skipped the comments section but might come back to read it, and a stop at brightfashionhub hinted at a quality reader community, sites where the comments are worth reading separately from the post are increasingly rare and signal a particular kind of audience that has grown around the editorial vision over time gradually.

  38. Started taking notes about halfway through because the points were stacking up, and a look at stonebridgeoutlet added enough material that my notes file grew further, content that demands note taking from a passive reader is content with substance and the writers here are clearly producing that kind of work consistently across topics.

  41. Closed it feeling slightly more competent in the topic than I started, and a stop at goldenharborgoods reinforced that competence boost, real learning is rare in casual online reading but it does happen sometimes and this site managed to make it happen for me today which is genuinely worth pausing to acknowledge.

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

  45. Approaching this with the usual skepticism I bring to new sites and being slowly persuaded, and a stop at changeyourmindset continued that gradual persuasion, the careful path from skeptical reader to genuine fan is the only one I trust and this site has walked me along that path through patient consistent quality across pieces.

  46. Now planning a longer reading session for the archives, and a stop at smartshoppingmarket confirmed the archives are worth that longer commitment, sites with archives I want to read deliberately rather than just sample are rare and this one has clearly earned that level of interest based on the consistency of what I have already read.

  47. Probably going to mention this site in a write up I am working on later this month, and a stop at urbantrendmarket provided more material for that potential mention, content worth referencing in my own published work rather than just personal reading is content with the highest endorsement level and this site has earned that endorsement.

  48. Bookmark folder created specifically for this site, and a look at yourbuyinghub confirmed the dedicated folder was the right call, dedicated folders for individual sites are a level of organisation I rarely deploy and this site has earned that level of dedicated tracking based on the consistency I have seen so far across sessions.

  49. A piece that did exactly what it promised in the headline without overshooting or underdelivering and a look at oakpetalemporium continued that calibration alignment between promise and delivery is a basic editorial virtue that many sites fail at and this site has clearly mastered the matching of expectation and substance throughout pieces.

  50. Found this via a link from another piece I was reading and the click was worth it, and a stop at purestylecorner extended the value across more material, the open web still rewards clicking through citations when the underlying writers care about each other work and this site clearly belongs to that network.

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>