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

  1. Strong recommendation from me, anyone curious about the topic should make time for this, and a look at gambitgulf 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.

  2. Started smiling at one paragraph because the writing was just nice, and a look at bettershoppingchoice produced a couple more such moments, prose that produces small spontaneous reactions in the reader is doing more than just transferring information and the writers here are clearly hitting that level fairly consistently throughout pieces.

  3. Different in a good way from the cookie cutter content that fills most blogs covering this area, and a stop at gildvendor 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.

  4. Skimmed first and then went back to read carefully, and the careful read paid off in places I had missed, and a stop at olivevendor got the same treatment, the rare site whose content rewards a second pass is content I want more of in my regular rotation rather than disposable single read articles.

  5. Reading this on the train into work was a better use of the commute than my usual choices, and a stop at fluxhusk 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.

  6. Reading this confirmed that the topic deserves more careful attention than it usually gets, and a stop at fawngate extended that elevated framing, content that raises the appropriate weight of a subject without being preachy about it is serving a quiet but important editorial function for the broader cultural conversation about it.

  7. Now thinking the topic is more interesting than I had given it credit for, and a stop at orchardharborvendorparlor continued that elevated interest, content that revives my curiosity about subjects I had set aside is doing genuine work in the structure of my interests and this site is providing that revivifying effect today actually.

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

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

  10. Just enjoyed the experience without needing to think about why, and a look at flintgala kept that effortless feeling going, sometimes the best content is invisible in the sense that you forget you are reading until you reach the end and realise time has passed without you noticing it pass naturally.

  11. A piece that did not waste any of its substance on sales or promotion, and a look at herbharp continued that pure content focus, sites that resist the urge to monetise every paragraph are increasingly rare and this one has clearly made the editorial choice to keep the writing clean from commercial intrusion which I value highly.

  12. My professional context would benefit from having this kind of resource available, and a look at seothread extended the professional applicability, the rare site that contributes meaningfully to professional work rather than just personal interest is content with multiplied value and this one is providing that professional utility consistently across multiple pieces.

  13. Reading this on a phone at a coffee shop and finding it perfectly suited to that context, and a stop at fernbureau continued the comfortable mobile experience, content that works across reading conditions without compromising on substance is increasingly important and this site has clearly thought about the whole reader experience here.

  14. A slim post with substantial content per word, and a look at intentionallysourcedgoods 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.

  15. Decided I would read the archives over the weekend, and a stop at livzaro confirmed that the archives would be worth the time, very few sites have archives I would actively read through but this one has earned that level of interest based on the consistent quality across what I have sampled so far.

  16. However casually I came to this site I have ended up reading carefully, and a look at gambithusk continued earning that careful reading, the conversion from casual visitor to careful reader is something content earns rather than demands and this site has accomplished that conversion for me over the course of just a few pieces.

  17. Worth a slow read rather than the fast scan I usually default to, and a look at discovernewworld 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.

  18. Found this useful, the points line up well with what I have been thinking about lately, and a stop at urbanmixo added some angles I had not considered yet, definitely walking away with more than I came for which is the best outcome from time spent reading online for any kind of topic.

  19. Reading this slowly and letting each paragraph land before moving on, and a stop at dealvilo earned the same patient approach, content that rewards slow reading rather than speed is content with real density and the writers here are clearly producing work that benefits from the careful eye rather than the rushed scan.

  20. Reading this with my morning coffee turned into reading the related posts with my morning coffee, and a stop at harborpick stretched the morning further, content that pulls breakfast into a reading session rather than just accompanying it is content that has earned a higher claim on my attention than the average article does.

  21. Now planning to share the link with a small group of readers I trust, and a look at venxari suggested more material to share with the same group, recommending content into a curated circle requires confidence in the recommendation and this site is making me confident in those personal recommendations on multiple separate occasions now.

  22. The clarity here is something I really appreciate, especially compared to sites that pile on jargon for no reason, and a look at tilvexa was the same, simple direct sentences that actually deliver information instead of dancing around the point for paragraphs at a time which wastes reader patience.

  23. The clarity here is something I really appreciate, especially compared to sites that pile on jargon for no reason, and a look at melvizo was the same, simple direct sentences that actually deliver information instead of dancing around the point for paragraphs at a time which wastes reader patience.

  24. Thanks for the moderate length, neither so short it skips substance nor so long it bloats, and a stop at domelounges 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.

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

  26. Appreciate that you did not pad this with fluff to hit a word count, the post says what it needs to say and stops, and a look at lunarvendor did the same, brevity here feels intentional not lazy which is a distinction many writers miss completely sometimes when they are working under deadlines.

  27. This actually answered the question I had been searching for, and after I checked boldcartstation 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.

  28. Felt the post handled a sensitive angle of the topic with appropriate care and a look at igloohaze 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.

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

  30. Worth pointing out that the writing reads as confident without being defensive about it, and a look at gulfflux 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.

  31. Stands out for actually being useful instead of just being long, and a look at molzino kept that going, length without value is the default mode of most blogs these days but this site has clearly chosen a different path which I respect a lot as a reader who values careful editing decisions like that.

  32. Now noticing that the post did not mention the writer at all, focus stayed on the topic, and a look at qarnexo continued that author absent quality, content that disappears the writer to focus on the substance is a particular kind of generosity and this site has clearly chosen the substance over the personality consistently.

  33. Now planning a longer reading session for the archives, and a stop at flockergo 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.

  34. I appreciate the clarity here, everything is explained in simple terms without unnecessary detail, and after a quick stop at bazariox the points came together nicely for me, the writing keeps things straightforward and respects the reader from start to finish without ever talking down to anyone.

  35. Glad the writer kept this short rather than padding it out, the points stand on their own without needing extra context, and a look at feathalo kept the same approach going, brevity is a sign of confidence in the substance and the team here clearly trusts their content to land without filler.

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

  37. A thoughtful read in a week that has been mostly noisy, and a look at foamhull carried that thoughtful quality across more pages, finding pockets of considered writing in a week of distractions is one of the small wins of careful curation and this site is providing those pockets at a sustainable rate.

  38. The examples really helped me grasp the points faster than abstract descriptions would have, and a stop at fernpier added a few more practical illustrations that drove the message home, the kind of writing that knows its readers learn better through concrete situations rather than vague generalities is rare and worth recognising clearly.

  39. Clean writing, easy to read, and never tries too hard to impress, that combination is harder to find than people think, and after my time on gamerember I am sure this site treats its readers well, no flashy tricks just useful content done right which is honestly all I want online.

  40. Refreshing to find writing that does not try to manipulate the reader into clicking onto the next page through cliffhangers and forced engagement, and a stop at lomqiro continued in the same respectful way, this is what reader first design actually looks like in practice rather than just in marketing copy that sounds nice.

  41. Grateful for posts like this one, they remind me there are still places online run by people who care about quality, and a look at heronfoil reflected the same standards, you can tell the difference between content made for readers and content made just for search engines today and this is the former.

  42. Useful reading material, the kind I can hand off to someone newer to the topic without worrying about confusing them, and a quick look at urbanrivo confirmed the same beginner friendly tone runs throughout the site which is great for sharing with people just starting their learning journey on this particular topic.

  43. Reading this prompted a brief but useful conversation with a colleague who happened to walk by, and a stop at boldtrendmarket 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.

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

  45. However many similar pages I have read this one taught me something new, and a stop at yieldmart added more new material, content that contributes genuinely fresh information rather than recycling what is already widely available is content with real informational value and this site is providing that informational freshness at a notable rate.

  46. Now feeling mildly impressed in a way I do not quite remember feeling about a blog in a while, and a stop at elevateddailyclickping extended that mild impression, content that produces specific positive emotional responses rather than just neutral information transfer is content with extra dimensions and this site has those extra dimensions clearly.

  47. Clean writing, easy to read, and never tries too hard to impress, that combination is harder to find than people think, and after my time on tirlumo I am sure this site treats its readers well, no flashy tricks just useful content done right which is honestly all I want online.

  48. Reading this gave me something to think about for the rest of the afternoon, and after groveaisle 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.

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

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>