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

  1. Thanks for the breakdown, it gave me a clearer picture of something I had been confused about for a while now, and a stop at startyournextmove closed the remaining gaps in my understanding nicely, no need to hunt around twenty other articles to put the pieces together which is a real time saver.

  2. I learned more from this short post than from longer articles I read earlier today, and a stop at findyournextphase added even more useful detail without going off topic, this site clearly knows how to keep things focused without sacrificing depth which is a hard balance to strike for any writer.

  3. A piece that handled multiple complications without becoming confused, and a look at createimpactforward continued that organisational clarity, holding multiple threads in a single piece without losing any of them is a sign of skilled writing and this site has clearly developed the editorial discipline to manage complexity without sacrificing readability throughout.

  4. Got something practical out of this that I can apply later this week, and a stop at discovernewdirectionpathsnow added more details to think about, this is exactly the kind of content I bookmark for future reference rather than the throwaway listicles that dominate most search results these days for almost any common topic.

  5. Reading this in a moment of low energy still kept my attention, and a stop at explorefuturepathways continued that engagement under suboptimal conditions, content that survives the reader being tired is content with extra reserves of pull and this site has the kind of writing that holds up even when I am not at my reading best.

  6. Once I had read three posts the editorial pattern was clear, and a look at ivebump 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.

  7. центр подбора персонала услуги в области кадров

  8. Came across this through a roundabout path and now it is on my regular rotation, and a stop at claritydrivenexecution 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.

  9. A slim post with substantial content per word, and a look at startyourgrowthpath maintained the same density, the content per word ratio is something I track informally and this site scores high on that ratio compared to most sources I read regularly which is a quiet indicator of careful editorial work behind the scenes.

  10. Came away with a slightly better mental model of the topic than I started with, and a stop at discovernextdirection sharpened that further, content that improves the reader thinking apparatus rather than just dumping facts into it is the rare kind I genuinely value and seek out when I have time to read carefully.

  11. Will share this on a forum I am part of where it will be appreciated by others working in the same area, and a look at findyournextgrowthstage suggests there is more here worth passing along too, definitely a generous resource that deserves a wider audience than it probably has today across the open internet.

  12. Now adding this site to a small mental group of recommendations I keep ready for specific kinds of inquiries and a stop at findgrowthopportunitiesnow extended the recommendation readiness content that I can confidently point friends and colleagues toward in specific contexts is content with real social utility and this site has that utility clearly.

  13. Thank you for the genuine effort here, it shows in every paragraph and not just the headline, and after my visit to forwardthinkingengine I was sure this site cares about getting things right rather than chasing clicks, which is the main reason I will come back later this week to read more.

  14. Most of the time I bounce off similar pages within seconds, and a stop at createimpactfocuseddirection held me longer than I would have predicted, the ability to convert a likely bouncing visitor into an engaged reader is a quality signal and this site has demonstrated that conversion ability across multiple visits where I expected to bounce.

  15. Now recognising the editorial wisdom of letting some questions remain open at the end, and a look at clearpathcreation continued that intellectual honesty, content that does not force closure on contested questions is content that respects the limits of knowledge and this site has clearly developed the maturity to know when to leave space.

  16. A piece that did not lecture even when it had clear positions, and a look at seoloom maintained the same teaching without preaching tone, finding the line between informing and lecturing is hard and most sites land on the wrong side of it but this one has clearly figured out how to inform without becoming preachy.

  17. Came in tired from a long day and the writing held my attention anyway, and a stop at shoreskipper kept that going, content that can engage a fatigued reader is doing something right because most online reading happens in suboptimal conditions like that one and quality content adapts to it without complaint.

  18. Felt the post handled a sensitive angle of the topic with appropriate care, and a look at learnandgrowforward extended that careful handling across related material, sites that can navigate delicate territory without causing damage are rare and require a level of judgement that comes from experience rather than from following any clear playbook.

  19. Easily one of the better explanations I have read on the topic, and a stop at explorefuturepathwaysfast 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.

  20. Now thinking I want more sites built on this kind of editorial foundation and a stop at buildstrongfoundations extended that wish into a broader hope sites built on substance and care rather than on metrics and growth are the kind of sites I want to see more of and this one is a small example worth supporting.

  21. Reading this prompted me to subscribe to my first newsletter in months, and a stop at buildlongtermdirection confirmed the subscribe was the right call, content that earns a newsletter signup is content that has cleared a higher trust bar than a casual visit and this site has clearly earned that level of commitment from me.

  22. Worth flagging this site to a few specific friends who would appreciate the editorial sensibility, and a look at learnandprogressconsistently added more pages I will mention to them, recommending sites to specific people requires understanding both the site and the person and this site is making those personalised recommendations easy and natural for me.

  23. A memorable post for me on a topic I had thought I was tired of, and a look at buildpositiveforwardmotion suggested the same site can refresh other tired topics, sites that can revive my interest in subjects I had written off as exhausted are doing rare work and this one is clearly doing that for me today.

  24. Worth recognising the absence of the usual blog tropes here, and a look at growstepbyintent continued that fresh quality, sites that avoid the standard moves of the medium read as more original even when the content is on familiar topics and this one has clearly chosen its own path through the conventional terrain skilfully.

  25. Reading this confirmed a hunch I had been carrying about the topic without having articulated it, and a stop at stencilveto 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.

  26. Refreshing change from the usual sites covering this topic, no clickbait and no padding, and a stop at discovergrowthdirectionpaths confirmed the difference, this place clearly has its own voice rather than copying the formulas everyone else uses to chase clicks online which is becoming increasingly rare these days across nearly every popular subject.

  27. Well done, the writing is professional without being stiff, and the topic is treated with care, and a look at findgrowthchannelsnow reflected that approach, the kind of site I would point a colleague to if they asked for a reliable starting point on this topic in the future without any hesitation at all.

  28. Honestly enjoyed not being sold anything for the entire duration of the post, and a look at learnandrefineprogressnow 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.

  29. Now setting up a small reminder to revisit the site on a slow day, and a stop at createforwardsteps confirmed the reminder was a good idea, planning return visits is a small organisational act that signals trust in ongoing quality and this site has earned that planned return through consistent performance across the pieces I have read so far.

  30. Reading this gave me something to think about for the rest of the afternoon, and after createclarityframework I had even more to mull over, the kind of post that lingers in the background of your day rather than evaporating immediately is genuinely valuable in an attention economy that punishes depth rather than rewarding it.

  31. услуги агентства по подбору персонала компании по подбору персонала

  32. Will be back, that is the simplest way to say it, and a quick visit to pebbletrailvendorstudio reinforced the decision, this site has earned a spot in my regular rotation alongside a few other reliable places I check when I want something genuinely informative without all the usual modern web noise getting in the way.

  33. Now appreciating that the post did not try to imitate any other style I might recognise, and a stop at discoveropportunitypathways 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.

  34. Now considering writing a longer note about the post somewhere, and a look at executewithfocus 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.

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

  36. Solid endorsement from me, the writing earns it, and a look at ixaqua 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.

  37. Felt like I was reading something written by someone who actually thinks about the topic rather than reciting it, and a look at discovernewfocusareas reinforced that impression, the difference between recited content and considered content is huge and this site clearly belongs to the latter category which I appreciate as a careful reader looking for substance.

  38. After reading several posts back to back the consistent voice across them is impressive and a stop at findyourcorestrength continued that voice consistency sites that maintain a single coherent voice across many pieces by potentially many writers represent serious editorial discipline and this one has clearly developed the institutional consistency needed for that.

  39. Liked that the post acknowledged complications rather than pretending they did not exist, and a stop at buildsustainableforwardmomentum 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.

  40. Closed the tab feeling I had spent the time well, and a stop at startbuildingvision extended that feeling across more pages, the test of whether time on a site was well spent is one I apply silently after closing tabs and very few sites pass it but this one passed it cleanly today afternoon clearly.

  41. Appreciated the way each section connected smoothly to the next without abrupt jumps, and a stop at mythmanors kept that flow going nicely, transitions are something most blog writers ignore but the difference is huge for the reader who is trying to follow a sustained line of thought today across many different topics.

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

  43. After reading several posts back to back the consistent voice across them is impressive, and a stop at growfocusedexecutionnow continued that voice consistency, sites that maintain a single coherent voice across many pieces by potentially many writers represent serious editorial discipline and this one has clearly developed the institutional consistency needed for that.

  44. Found this really helpful, the explanations are simple but they actually answer the questions a normal reader would have, and after I followed buildwithdirection I had a clearer sense of the topic, no extra fluff just useful points laid out in a sensible order that made the time worth it.

  45. Compared to the usual results for this kind of search this site stands well above the average, and a quick visit to discoverpowerfuldirections 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.

  46. Now adding the homepage to my regular check rotation rather than waiting for individual links to find me, and a stop at explorefreshpossibilities confirmed the rotation upgrade, the move from passive discovery to active checking is a vote of confidence in a sites ongoing quality and this site has earned that active engagement clearly.

  47. Worth marking this site as one to come back to deliberately rather than by accident, and a stop at startmovingupward 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.

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>