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:

14,056 thoughts on “JSIO Performance Results

  1. Nice and clean, that is the best way to describe the writing here, no clutter and no wasted words, and a quick visit to grebeflame kept that going, I appreciate when a site treats its readers like people who can think for themselves without needing constant hand holding through every paragraph.

  2. Speaking as someone who reads a lot on this topic this site has earned a high position in my source rankings, and a stop at discoverlimitlessideas reinforced that ranking, the informal ranking of sources for a topic is something I maintain mentally and this site has moved into the upper portion of those rankings clearly.

  3. Looking at the surface design and the substance together this site has both right, and a look at isebulb reinforced that integrated quality, sites where presentation and content reinforce each other rather than fighting are sites with full editorial coherence and this one has clearly invested in both layers in a balanced way.

  4. Now saved this in a way that I will actually find again rather than the casual bookmark approach, and a stop at globalqualitystore earned the same careful saving, organising my reading bookmarks so that high quality sources rise to the top is something I should do more of and this site triggered that organisation today.

  5. Most posts I read end up forgotten within a day but this one is sticking, and a look at thatchteapot extended that lingering effect, content that survives the immediate moment of reading rather than evaporating is content with genuine retention quality and this site has been producing memorable pieces at a rate notable across my reading.

  6. Closed the laptop after this and let the ideas settle for a few hours, and a stop at syxblue 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.

  7. Now setting up a small reminder to revisit the site on a slow day, and a stop at learncontinuously 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.

  8. Reading this on a difficult day was a small bright spot, and a stop at corlex extended that brightness, content that improves a hard day is content that has earned a particular kind of place in my reading habits and this site is occupying that uplifting role for me today which I appreciate clearly.

  9. Quality you can feel from the first paragraph the writer clearly knows the topic and how to share it and a quick look at discovernewpossibilities 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.

  10. Came in confused about the topic and left with a much firmer grasp on it, and after stridertorch I felt I could explain this to someone else without hesitation, that is the gold standard for any educational content and most sites simply fail to reach it ever which is unfortunate but true.

  11. High quality writing, no marketing speak and no buzzwords that mean nothing, and a stop at buildmeaningfulprogress 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.

  12. Now adjusting my expectations upward for the topic based on this post, and a stop at onionoval continued that bar raising effect, content that resets what I think is possible on a subject is doing real work in shaping my standards and this site is providing those bar raising experiences at a notable rate during sessions.

  13. Honestly slowed down to read this carefully which is not my default, and a look at discoverandgrow kept me in that careful reading mode, the kind of writing that demands attention by being worth attention is rare in a media environment full of content engineered to be skimmed not read with any real focus today.

  14. Speaking as someone who reads a lot on this topic this site has earned a high position in my source rankings, and a stop at turbansample reinforced that ranking, the informal ranking of sources for a topic is something I maintain mentally and this site has moved into the upper portion of those rankings clearly.

  15. Thank you for the genuine effort here, it shows in every paragraph and not just the headline, and after my visit to japarrow 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.

  16. Looking at this objectively the editorial quality is hard to deny even setting aside personal taste, and a stop at shoreviper maintained the same objective quality, the gap between what I personally enjoy and what is objectively well crafted exists and this site clears both bars simultaneously which is rarer than it sounds.

  17. Really liked the calm tone running through the post, no shouting and no urgency forced into the writing, and a look at jeqblue kept that quiet confidence going, the kind of voice that makes the reader feel respected rather than yelled at which is depressingly common across most modern blog content these days.

  18. Adding to the bookmarks now before I forget, that is how good this is, and a look at grohax confirmed the rest of the site is worth saving too, this is one of those rare finds that justifies the time spent searching the web for once which is a relief in the current environment.

  19. Reading this confirmed a small detail I had been uncertain about, and a stop at hekblade provided the source for further checking, content that supports verification through citations or links rather than just asserting facts is more trustworthy and this site has clearly built its credibility through that kind of verifiable approach consistently.

  20. Looking forward to seeing what gets published next month, and a look at scopeviceroy 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.

  21. Bookmark earned, calendar reminder set, share queued, all from one good post, and a look at huijax did the same, when a single reading session triggers multiple downstream actions you know the content has actually moved me beyond the page and this site is moving me at that higher level reliably.

  22. This actually answered the question I had been searching for, and after I checked sambavarsity I had a few more pieces I had not realised I needed, that is the sign of a site that knows what its readers want before they even know how to ask it which is impressive.

  23. Solid value for anyone willing to read carefully, and a look at createprogresspath extends that value across the rest of the site, this is the kind of place that rewards return visits rather than offering everything in a single splashy post and then leaving readers nothing to come back for later which is unfortunately common.

  24. Genuine pleasure to read, and that is not something I say often after a casual click through, and a quick visit to buildsuccessmindset kept the same feeling going across the rest of the site, finding writing that actually feels good to spend time with rather than just functional is increasingly rare on the open web.

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

  26. Found a couple of useful angles in here I had not considered before reading carefully, and a quick stop at syxbolt added more, this is one of those sites where the value compounds the more you read rather than peaking at one viral post and then offering nothing else of substance afterwards which is common.

  27. Reading this prompted me to dig into a related topic later and a stop at swiftswallow 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.

  28. Considered as a whole this site has developed a coherent point of view that comes through in individual pieces, and a look at itobout continued displaying that coherence, sites with a unified perspective rather than a grab bag of takes are sites with editorial maturity and this one has clearly developed that maturity through years of work.

  29. Now placing this in the small category of sites whose updates I would actually want to know about, and a stop at operalucid confirmed that placement, the difference between sites I want to follow and sites I just consume from is real and this one has crossed into the active follow category from the casual consumption side.

  30. Now sitting with the thoughts the post triggered rather than rushing on to the next thing, and a stop at towershimmer extended that reflective pause, content that earns time for thought after closing the tab is content of higher value than the merely interesting and this site has clearly produced that lasting effect today.

  31. Found the use of subheadings really helpful for scanning back through the post later, and a stop at crearena kept that reader friendly approach going, navigation is something many blog writers ignore but small structural choices make a noticeable difference for someone returning to find a specific point again days or weeks later.

  32. Reading this triggered a small change in how I think about the topic going forward, and a stop at modernlifestyleplatform reinforced that subtle shift, the rare content that actually moves my thinking rather than just confirming or filling it is the kind I most value and this site is providing that kind of impact today.

  33. Approaching this with the usual skepticism I bring to new sites and being slowly persuaded, and a stop at shiretrellis 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.

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

  35. Honestly this hits the sweet spot between detail and brevity, no rambling and no shortcuts, and a quick visit to startbuildingnow kept that going across the related pages, the kind of place that respects your attention without trying to grab it through cheap tactics or attention seeking design choices that get tired fast.

  36. Now setting up a small reminder to revisit the site on a slow day, and a stop at serifsorbet 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.

  37. Honest take is that this was better than I expected when I clicked through, and a look at sloganturban reinforced that, the bar for online content has dropped so much that finding something thoughtful and well constructed feels almost noteworthy now which says more about the average than about this site itself.

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

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

  40. Стрийські новини https://stryi.in.ua актуальні події міста Стрий та регіону. Оперативна інформація про події суспільне життя культуру економіку та важливі зміни. Слідкуйте за новинами які відбуваються поряд із вами.

  41. Quietly enjoying that I have found a new site to follow for the topic, and a look at sheentrundle reinforced the small pleasure of the find, the discovery of new high quality sources is one of the more durable pleasures of careful internet reading and this site has been generating that discovery pleasure at multiple points already today.

  42. Picked this up between two other things I was doing and got drawn in completely, and after unicorntiger my original tasks were completely forgotten for a while, content that derails a workflow in a positive way by being more interesting than what you were already doing is rare and worth recognising clearly.

  43. Now considering whether the post would translate well into a different form and a look at explorefuturepaths suggested similar versatility content that could move into other media without losing its substance is content that has been built around ideas rather than around format and this site reads as idea first throughout posts.

  44. Reading this triggered a small reorganisation of my own thinking on the topic, and a stop at jesaria furthered that reorganisation, content that affects the shape of my mental model rather than just decorating it with new facts is content with structural rather than informational impact and this site provides that.

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

  46. Well done, the kind of post that makes you slow down and actually read instead of skimming for keywords, and a look at orbitnomad kept me reading carefully too, that is a sign of writing that has been crafted rather than churned out for an algorithm to see today and tomorrow.

  47. Блог про бижутерию https://glamglam.ru и подарки с полезными статьями о модных аксессуарах украшениях и идеях для подарков. Обзоры трендов советы по выбору бижутерии рекомендации по сочетанию украшений и вдохновение для особых случаев.

  48. Liked the way the post got out of its own way, and a stop at vyxarc extended that invisible craft, the best writing you barely notice while reading because it is doing its work without drawing attention to itself and this site has clearly mastered that disappearing act across the pieces I have read.

  49. Picked this up between two other things I was doing and got drawn in completely, and after crecall my original tasks were completely forgotten for a while, content that derails a workflow in a positive way by being more interesting than what you were already doing is rare and worth recognising clearly.

  50. Reading this on the train into work was a better use of the commute than my usual choices, and a stop at itucox extended that commute reading well, content that improves transit time rather than just filling it is content with practical benefit and this site has earned its place in my morning commute reading rotation.

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>