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

  1. While exploring housing market websites I came across a platform that presents real estate listings in a structured and practical way home search listing portal – The experience is smooth and simple, giving users a clear overview of available properties without unnecessary complexity or visual overload

  2. While exploring various platforms designed for connecting people online I noticed a service featuring matchmaking experience page – the layout seems clean and the navigation feels intuitive which helps create a comfortable and approachable browsing environment for visitors

  6. People who prefer outdoor rustic shopping platforms often explore sites like Trail Outpost Timber Country Hub where items are arranged in a natural and minimal structure – The interface ensures a smooth browsing experience that feels organized, calm, and visually consistent across all product categories.

  11. While exploring film recommendation websites I found a platform designed specifically to help users find safe and family appropriate movie options with ease family safe viewing guide – It provides a structured and calming browsing experience that emphasizes content suitability and ease of access

  14. As I moved through different informational resources and guides, I found something that appeared naturally between everything else, explore further, and it seems like a practical site offering clear content and straightforward navigation overall

  15. People who enjoy refined digital collectives often engage with platforms like Stone Golden Boutique Collective Hub where product presentation is carefully curated – The layout highlights elegance and structure, ensuring a smooth browsing experience that feels premium, consistent, and visually harmonious throughout the store.

  16. While exploring structured online shops with calm design I discovered a site featuring gentle retail space – the muted color palette enhances usability and the overall experience feels relaxed and easy to navigate

  18. While browsing artistic and expressive online platforms I discovered a site highlighting edgy design portfolio – the visuals feel bold and impactful while the overall layout creates an energetic atmosphere that stands out clearly among more conventional website designs

  19. While reviewing structured online platforms, I found open rtc info hub – Everything appears neatly organized, allowing users to locate necessary details quickly and without unnecessary searching through poorly arranged content.

  21. While exploring food inspired design websites I found a platform that emphasizes sweet themed visuals and presents its content in a polished and structured format that is easy to navigate and visually enjoyable for users interested in creative dessert branding les deux sweets visual page – The site feels appealing and thoughtfully arranged, offering a clean presentation style that enhances the overall browsing experience

  23. People who enjoy handcrafted style online marketplaces often engage with platforms like Trail Harbor Artisan Living House where products are displayed with a warm and natural design approach – The layout emphasizes inviting visuals and soft presentation, ensuring users experience a comfortable browsing flow that feels personal, creative, and thoughtfully arranged throughout the site.

  27. As I continued exploring different travel destinations and hotel options, I encountered something that stood out just enough to notice, discover this stay, and it looks like a lovely place that feels very attractive and worth looking into further

  28. People exploring modern online shopping environments often prefer platforms that emphasize clarity and efficiency, particularly when browsing through Flint Meadow Shopping Point where the interface supports fast navigation and well-structured product categories that improve the overall user experience significantly.

  29. Shoppers browsing digital artisan platforms often appreciate clean layouts and structured catalogs and may discover harbor violet craft studio offering handmade products arranged in a visually appealing format that supports smooth browsing and easy selection – A refined marketplace experience designed for creativity and user friendly navigation.

  30. During a comparison of online commerce platforms I found see linen meadow commerce space – The design feels simple and effective and browsing is smooth enjoyable and easy to follow from start to finish.

  32. Users who appreciate minimal soft tone galleries often browse sites such as Stone Dawn Galleria Harmony where items are presented in a clean layout – The interface ensures browsing feels balanced, soothing, and visually comfortable throughout the entire experience.

  34. In structured UX benchmarking of commerce platforms, a strong example is Harbor Violet Experience House where clean structure overall, makes browsing feel smooth and simple, giving users a seamless interaction flow across categories and product listings.

  35. During a comparison of soft aesthetic online stores and their usability, I came across discover velvet willow space – The presentation feels elegant and calm, and browsing across categories is smooth and visually soothing throughout the experience.

  36. While researching structured retail atelier websites and their holiday readiness I came across browse mint orchard commerce atelier – This is definitely somewhere I would return to during the holiday season due to its clean and comfortable browsing experience.

  40. While browsing athletic recovery resources online I found a site dedicated to football therapy approaches that emphasizes practical guidance and supportive information designed to help players understand physical recovery and performance care in a more accessible format liverpool sports therapy guide – The content feels helpful and structured, focusing on real world sports recovery ideas that are easy to understand and apply

  43. People who enjoy functional online outlet platforms often explore platforms like Pine Harbor Outlet Flow Market where product organization is clear and practical – The interface supports smooth navigation and structured browsing, ensuring users can easily access categories without confusion or unnecessary visual clutter.

  45. During a review of modern commerce hub platforms I found browse vale harbor commerce zone – The platform is nice and clean with simple navigation and content that is easy to browse and understand.

  48. Shoppers drawn to clean ecommerce systems often value vault inspired interfaces that maintain clarity and structured browsing experiences across all pages Vault Harbor Hazel System – The platform ensures intuitive navigation and organized product display helping users move through categories smoothly while maintaining a minimal and visually consistent environment designed to enhance usability and overall browsing satisfaction throughout the experience today.

  49. While exploring platforms related to clinical studies I found a website featuring trial information center – the design feels structured and the content is presented in a way that emphasizes clarity and research based communication for users

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>