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:

21,956 thoughts on “JSIO Performance Results

  1. Bookmark folder reorganised slightly to make this site easier to find, and a look at rosecovecraftcollective earned the same accessibility upgrade, the small organisational moves I make for sites I expect to return to often are themselves a signal of how much I trust them and this site triggered those moves naturally.

  2. Found this via a link from another piece I was reading and the click was worth it, and a stop at flintimpala 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.

  3. A piece that suggested careful editing without showing the marks of the editing, and a look at shopfieldmarket continued that invisible polish, the best editing disappears into the prose and this site reads as having been edited with skill that does not announce itself which is the highest compliment I can offer any blog content.

  4. A piece that demonstrated competence without performing it, and a look at kettlecrestartisanexchange maintained the same self assured but unshowy register, the gap between competence and performance of competence is one I track and this site has clearly chosen to demonstrate rather than perform which I find much more persuasive as a reader.

  5. A relief to read something where I did not have to fact check every claim mentally, and a look at jadburst continued that reliable feeling, sites where I can lower my guard and trust the content are rare and this one is earning that trust paragraph by paragraph through consistent careful work behind the scenes.

  6. Even just sampling a few posts the consistency is what stands out, and a look at falconcameo confirmed the broader pattern, sites where every piece I sample lives up to the standard set by the others are sites with serious quality control and this one has clearly invested in whatever editorial process produces that consistency reliably.

  7. Worth a slow read rather than the fast scan I usually default to, and a look at singersorbet earned the same slower pace from me, content that resets my reading speed downward is content with substance worth absorbing and this site has produced that effect on me multiple times now over the last week here.

  8. Decent post that improved my afternoon a small amount, and a look at shopaxismarket added a bit more to that, sometimes the small wins online add up over time and a useful site like this one is the kind of place that contributes consistently to those small wins for me lately across many different topics I follow.

  9. After reading several posts back to back the consistent voice across them is impressive, and a stop at sofatavern 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.

  10. Picked up several practical tips that I plan to try out this week, and a look at atticcondor added a few more I will be testing alongside, content with practical hooks that connect to my actual life is the kind that earns my repeat attention rather than the merely interesting that I forget within a day.

  11. Honestly the simplicity is what makes this work, the topic is not buried under filler words or overly complex examples, and a quick look at topaztower showed the same sensible style, I left with what I came for and no headache from over reading which is a real win these days.

  12. Closed the tab feeling I had spent the time well, and a stop at pebblecreekcommercegallery 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.

  13. Now appreciating that the post did not require me to agree with the writer to find it valuable, and a look at holbook maintained the same useful regardless of agreement quality, content that informs even when it does not convince is content with broader utility and this site reads as useful even when I disagree.

  14. Took something from this I did not expect to find, and a stop at autumnmeadowcommercegallery 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.

  15. Skipped past the first paragraph thinking it was setup and had to come back when the rest referenced it, and a stop at scrolltower 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.

  16. Looking for similar voices elsewhere has come up empty in my recent searches, and a stop at jinblob extended the search frustration, the rare site that does what no other does in quite the same way is precious and this one has clearly developed a particular approach that I have not been able to find duplicates of.

  17. Thank you for keeping the writing honest and the points easy to verify against your own experience, and a stop at jinvex reflected the same approach, no exaggeration just steady useful content that I can take with me into my own work without second guessing every sentence I happen to read here.

  18. Now noticing the post fit a particular gap in my reading without my having articulated the gap before and a look at scrollturtle extended that gap filling effect content that meets needs I had not consciously formulated is content with reader insight and this site has clearly developed that anticipatory editorial sense across many pieces.

  19. Honestly this was the highlight of my reading queue today, and a look at pineharborcraftcollective 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.

  20. Felt the post was written for someone like me without explicitly addressing me, and a look at premiumpickzone produced the same fit, when content lands on its target without pandering you know the writer has done careful audience thinking rather than relying on demographic targeting or interest signals to do the work of editorial decisions.

  21. Came in skeptical and left mostly convinced, that is the highest praise I can offer, and a look at rubyorchardartisanexchange pushed me further in the same direction, content that survives a critical first read is rare and worth recognising because most blog posts crumble under any real scrutiny these days when you actually pay attention closely.

  22. A piece that suggested careful editing without showing the marks of the editing, and a look at gypsyaspen continued that invisible polish, the best editing disappears into the prose and this site reads as having been edited with skill that does not announce itself which is the highest compliment I can offer any blog content.

  23. Ударно-волновая терапия https://novogireevo-klinika.ru в Пушкино — эффективный метод лечения хронической боли воспалений сухожилий и суставов. Консультация врача подбор курса процедур современное оборудование комфортные условия и профессиональный подход к восстановлению здоровья.

  24. Thanks for the practical examples scattered through the post rather than abstract theory only, and a look at shorevolume continued that grounded style, abstract points are easier to remember when paired with concrete situations and the writers here clearly understand how readers actually retain information from blog content reading sessions.

  25. Now thinking about this site as a small example of what good independent writing looks like, and a stop at dyleko 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.

  26. Reading this gave me a small refresher on something I had partially forgotten, and a stop at cargofeather extended the refresher, content that strengthens existing knowledge rather than just adding new is content with a particular kind of consolidating value and this site is providing that consolidating function across multiple visits.

  27. Liked that there was nothing performative about the writing, and a stop at almondeider continued that genuine quality, performative writing tries to be witnessed rather than read and the difference between performance and substance is huge for the careful reader and this site has clearly chosen substance every time clearly.

  28. Closed and reopened the tab three times before finally finishing, and a stop at bayougourd held my attention straight through, sometimes content fights for time against my own distraction and the times it wins say something positive about its quality and this post clearly won that fight today afternoon for me.

  29. Started taking notes about halfway through because the points were stacking up, and a look at shopplusstore 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.

  30. Halfway through I knew I would finish the post, and a stop at cloverdahlia also held me through to the end, content that signals its quality early and then sustains it is content with real internal consistency and this site has clearly figured out how to maintain quality from opening sentence through to closing thought.

  31. Took me back a step or two on an assumption I had been making, and a stop at vitalsnippet pushed that reconsideration further, writing that gently corrects the reader without being aggressive about it is a rare diplomatic skill and the team here clearly knows how to land critical points without turning readers off.

  32. Polished and informative without feeling overproduced, that is the sweet spot, and a look at borealbarley hit it again, you can tell when a site has been built with care versus thrown together for the sake of having something to put online and this is clearly the former approach taken by the team.

  33. Genuine pleasure to read, and that is not something I say often after a casual click through, and a quick visit to kettlecrestcraftcollective 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.

  34. A thoughtful piece that did not strain to be thoughtful, and a look at jadkix continued that effortless quality, when thinking shows up in writing without the writer drawing attention to it you know you are reading something genuinely considered rather than something performing the appearance of consideration which is also common online.

  35. Honestly enjoyed reading this more than I expected to when I first clicked through, and a stop at swansignal 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.

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

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

  38. Just one of those reads that left me feeling slightly more capable rather than overwhelmed, and a look at berryharborcommercegallery kept that empowering feel going, the difference between content that builds the reader up and content that intimidates them is huge and this site clearly knows which side of that line to stand.

  39. Different in a good way from the cookie cutter content that fills most blogs covering this area, and a stop at quickharbormerchantgallery kept showing me why, original thoughtful writing exists if you know where to look and this site has earned a place on my short list of those rare exceptions worth defending.

  40. Time spent here today felt productive in the way that good reading sessions sometimes do, and a stop at caramelcovemerchantgallery extended that productive feeling across the rest of the morning, the difference between productive reading and merely passing time is real and this site is consistently on the productive side for me lately.

  41. Decided not to comment because the post said what needed saying, and a stop at summitshire continued that complete feel, content that does not invite obvious additions or corrections from readers is content that has been carefully considered and this site appears to consistently produce pieces that satisfy rather than provoke unnecessary follow ups.

  42. Honest opinion is that this is the kind of post that builds long term trust with readers, and a look at syrupspire reinforced that perception, the slow accumulation of trust through consistent quality is the only sustainable way to build a real audience and this site is clearly playing that long game.

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

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>