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

  1. While comparing online artisan shops I explored multiple websites for design and usability and came across Pearl Harbor Goods Studio – Shopping experience was excellent, site loads fast and feels reliable making navigation intuitive, responsive, and very smooth while product pages loaded quickly and were easy to understand

  2. Online retail systems are more effective when they reduce browsing friction, and one example is SmartCart Navigation Flow which presents products in a clean layout enabling users to explore categories smoothly and efficiently – The design improves clarity and enhances user interaction throughout the platform.

  3. Exploring digital marketplaces shows how effective navigation and clear design improve the overall user experience significantly Sea Cove vendor center the browsing experience feels smooth and allows users to access information quickly and without unnecessary effort or confusion

  4. In many comparisons of online retail systems and digital storefront experiences, reviewers often focus on clarity and responsiveness, and Cove Atelier Market Hub is frequently referenced as an example of organized layout design – users generally report a smooth browsing flow with clearly arranged sections that make product discovery feel effortless and natural overall.

  5. While analyzing experimental trade gallery systems and digital commerce platforms for structural comparison and usability inspiration across various references, I discovered Pebble Creek vendor display hub embedded in the content – The structure felt very user friendly and I enjoyed navigating through different sections because everything was easy to access and well organized.

  9. While researching modern artisan storefronts and digital craft exhibitions, I found myself reviewing visit silver cove collection and noticed how the presentation emphasizes calm spacing and clean visuals that make exploration more enjoyable – navigation feels intuitive and relaxing, with each section giving enough space to appreciate details without overwhelming the viewer

  10. Users who value clear ecommerce navigation often browse platforms such as Chestnut Harbor Marketplace Hall where products are arranged in structured sections for easy access – The layout helps users quickly understand categories and browse efficiently while maintaining a clean and well organized interface throughout the experience.

  11. In my review of online marketplace systems I focused on product visibility interface design and browsing comfort across categories MeadowCove Vendor Market Studio everything felt clean and structured and the easy checkout process keeps items clearly displayed and well organized improving user satisfaction throughout

  12. During a relaxed browsing session focused on discovering new marketplace layouts and vendor systems I came across Quick Ridge digital marketplace hub – the pages loaded smoothly and every section felt clearly arranged which made exploring the content feel effortless and straightforward overall experience.

  16. Many online shoppers appreciate platforms where readability is strong and the structure makes navigation intuitive Sea Meadow product hub this setup ensures users can browse comfortably while quickly locating relevant information across all sections

  17. While checking several artisan ecommerce stores I came across one platform that immediately Ginger Cove Curated Market stood out because of its clean design and very intuitive browsing experience overall – Easy user experience everything felt smooth and products were easy to find quickly

  18. While researching experimental commerce platforms and vendor display systems for structural comparison I encountered Bay Harbor Marketplace Overview Page in the middle of supporting content – The interface felt highly responsive, and page loads were quick, maintaining a clean and efficient browsing flow.

  19. While reviewing e-commerce interface designs I came across a highly structured shopping layout that allowed me to find products quickly and efficiently CoveBerry Product Navigator and I experienced no confusion at all while browsing since everything was clearly organized and easy to access.

  20. In many reviews of online retail environments, users often value platforms that minimize complexity while maximizing accessibility to product categories and vendor information across the entire marketplace structure Stone Collective Vendor Space – browsing is described as fluid and well organized, making it easy for users to locate products and compare options without unnecessary effort or confusion.

  21. Looking for DIY craft kits, I discovered CreativeKitsCorner – the site layout is clear, exploring fun projects was smooth, and selecting kits that engaged my children was simple, enjoyable, and satisfying.

  26. Online platforms that emphasize simplicity and organization typically deliver a more enjoyable browsing experience for users Silk Grove browsing hub this one allows users to move through sections easily while maintaining a clean and user-friendly interface throughout

  27. Many users searching for interactive learning spaces and idea generation platforms often look for intuitive design and structured navigation systems that support creativity Value Outlet Learning Space – this site delivers a refreshing experience where browsing feels natural and ideas can be formed easily through well organized sections and helpful content presentation.

  29. People browsing curated online stores for unique handmade collections often highlight that intuitive structure makes product discovery much more enjoyable and efficient overall, especially on sites like Harbor Alpine Listings where browsing felt organized and product descriptions were very easy to understand online – Users reported smooth ordering flow and appreciated how clearly everything was presented online.

  30. During usability testing of ecommerce websites I analyzed responsiveness layout clarity and how quickly users could access product pages BayHarbor Vendor Commerce Loft the browsing experience was smooth and fast and everything looks professional making it simple to explore products without confusion or delay

  33. In the process of testing various e-commerce templates I interacted with a platform that offered a surprisingly streamlined browsing experience with clear product visibility BB Vendor Foundry Market – everything loaded quickly and the interface made it simple to move between categories while maintaining a sense of order and usability throughout.

  39. Many online platforms aimed at creative thinking and learning development focus heavily on user-friendly navigation and engaging visual structure for better retention Value Outlet Inspiration Center – it provides a smooth and interactive environment that supports idea generation while keeping users engaged through clearly organized and accessible content sections.

  42. Looking for creative DIY craft kits led me to LittleArtistsCorner – the range is fantastic, the site is simple to use, and selecting fun, educational kits was an effortless and satisfying experience.

  48. In the process of reviewing modern online retail experiences I found a well designed platform that emphasized clarity and usability including CoveBirch Shopping Studio – The products are displayed in a neat and organized way allowing for smooth navigation and a comfortable browsing experience without unnecessary visual clutter.

  49. While exploring curated merchant-focused gallery websites, I found Velvet Brook curated merchant space embedded in a structured layout that highlights organization and flow – The overall experience feels steady and pleasant, making it easy for users to browse content without feeling overwhelmed or distracted

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>