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:

3,536 thoughts on “JSIO Performance Results”

  1. While looking through child learning support platforms and therapy-focused resources, I came across sensory learning hub – The material is practical and clearly written, making it useful for both classroom teachers and parents supporting children with sensory challenges.

  9. During a UX comparison of various ecommerce environments focused on performance and layout clarity I examined a shopping interface featuring Stone Vendor Velvet Hub placed within a category grid layout, – the information was presented in a reliable and structured manner making it easy to browse while maintaining a consistent and professional feel throughout navigation.

  10. As I searched through random celebrity fan pages and sports-themed curiosities, I discovered quirky volleyball link – The mix of celebrity culture and volleyball fandom feels unexpected and humorous in a way that doesn’t take itself seriously at all.

  13. While testing various ecommerce demo platforms for usability flow and performance consistency across different layouts, I navigated a product listing page containing Silk Market Lakefront Exchange within a grid system, and – the interface felt calm and well organized, with a clean design that kept attention on the content and made browsing pages feel effortless and distraction-free.

  14. While browsing through several pages earlier without much expectation and casually checking different options, I found myself pausing midway when I encountered a vibrant vendor space which looked inviting, and I genuinely enjoyed scrolling because the content presentation felt attractive and engaging throughout.

  18. During comparative analysis of multiple online retail platforms designed for UX benchmarking and interaction testing I navigated a product section where Quick Coast Cart Bazaar was highlighted and observed that browsing felt intuitive with clearly separated categories that made exploration simple and efficient overall.

  20. I had been checking multiple pages without much interest, but somewhere in the middle I landed on a cool shopping corner and it gave me a refreshing feeling, as everything looked organized and made a strong positive impression right away.

  22. As I explored safe entertainment guides and family movie platforms, I stumbled upon family safe films hub – The content is refreshingly direct and focused, avoiding any hidden agendas while keeping everything centered on safe viewing choices.

  23. While testing different marketplace prototypes for responsiveness and structural clarity during a UX analysis session I opened KBC Hub Online – and found the interface responsive with consistent layout behavior and quick loading across all major sections of the platform overall user experience.

  30. As I explored bakery inspiration websites and dessert photography pages, I stumbled upon french sweets link – The Paris bakery aesthetic is very noticeable, and the macarons appear so perfect that they almost look digitally enhanced in their presentation.

  31. ruby fortune online pokies canada, european roulette hints
    uk and pokie machines in united states, or top 5 online pokies united states

    My page – amo casino (Stephanie)

  35. While exploring different online boutique directories for design inspiration and layout clarity, I reviewed several platforms and came across harbor ridge boutique overview page during my comparison session – The overall structure felt neat, well organized, and created a positive first impression with smooth navigation and clearly separated sections that made browsing feel effortless and intuitive from the start.

  37. During a search for sports therapy and athlete rehabilitation resources, I discovered athlete recovery page – The blend of football training culture with healing methods feels quite innovative and unexpected, making it stand out among typical sports-related wellness websites.

  39. During a casual scroll through some recommendations, I came across a mention that stood out quite clearly, click for details, and after briefly reviewing it, I think it might offer some interesting value that makes it worth checking more thoroughly later on

  40. While reviewing a mix of different online platforms, I came across something that seemed worth noting, open and see, and it gives a fresh feel with easy navigation that makes browsing smooth and enjoyable

  41. While exploring a range of online marketplace layouts for usability evaluation and interface structure comparison, I reviewed multiple sections and noticed a smooth interaction pattern when I came across Collective Rade Store – everything loaded in a steady manner, and the browsing experience remained simple and easy to follow from one category to another.

  44. While going through multiple informational project platforms, I found something naturally embedded in the flow, see project details, and it shows a structured layout with informative content that is easy to follow overall

  45. While looking through city living resources and apartment rental guides, I came across urban rental guide – The tips feel practical and easy to understand, making it useful for newcomers who need real-world advice about living in a busy city environment.

  47. During browsing sessions across editorial websites and magazine collections, something stood out within the article body, JJ magazine story section, and it feels organized and calm, making the content easy to read and follow comfortably

  49. I was going through a range of different pages when something unexpectedly caught my attention in between everything else, have a look, and it seems like the material there is reasonably good and worth a deeper review

  50. As I was reviewing different charity and community aid platforms, I found something embedded in the text hope action network and it stands as a great initiative supporting community causes and encouraging positive impact in local areas

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>