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

  1. While browsing through various humanitarian and informational websites earlier today, I came across something placed naturally within the content flow, check this platform, and the interface feels very clean, making reading and browsing a smooth and comfortable experience overall

  3. During a routine search across dessert websites, I noticed something embedded in content, go to page, and the platform feels visually delicious with rich and engaging design overall

  7. While exploring different online business support directories and informational platforms today, I spent some time reviewing useful resources and came across helping hand hub – The platform feels genuinely practical, offering clear and easy guidance that helps users understand solutions quickly without unnecessary confusion or complexity overall.

  8. Shoppers who prefer curated online spaces often appreciate clean gallery inspired layouts that prioritize clarity and aesthetic flow Galleria Cove Gold Market – Designers focus on maintaining a cohesive visual rhythm where products are displayed with consistent spacing soft transitions and intuitive grouping allowing users to browse comfortably while discovering items without cognitive overload or unnecessary visual clutter across sections for a premium feel

  9. As I examined various credibility-focused platforms, I came across discover more here – The content feels well organized and trustworthy, providing useful information that appears valuable and easy to follow.

  12. People exploring online craft stores frequently value intuitive design and curated selections and may come across violet craft harbor hub offering structured product categories and engaging browsing experiences for handmade item discovery – The marketplace is designed to streamline navigation while showcasing creative artisan work.

  15. Local football supporters often depend on club websites to follow match information and team announcements consistently community_fan_hub – The site offers updated schedules results and player news ensuring followers remain aware of the club’s seasonal progress and competitive performance

  19. While reviewing business care and support systems online, I found helpful resources and came across business care assistance hub – The content is well organized and practical, helping users easily understand key points and apply them effectively.

  20. Across multiple e-commerce usability comparisons, a standout example is Frost Lakefront Vendor Hub Vault where clean interface and everything is easy to navigate without effort, making it easier for users to locate items through a clean and intuitive layout design.

  21. During a long session of exploring food-related websites and dining pages, I noticed something appearing right in the middle of everything else, visit this restaurant, and it seems like very interesting content that I would happily come back to and explore again soon

  22. Users who prefer easy navigation in ecommerce outlets often engage with platforms such as Harbor Stone Outlet Trade Hub where items are organized logically for quick access – The design ensures a smooth browsing experience that feels practical, simple, and user friendly from start to finish.

  23. While exploring creative cultural websites, I discovered a platform that combines different world influences into a unified and engaging layout jeddah brooklyn fusion site – The experience feels culturally diverse and interesting, offering a smooth and visually engaging presentation of mixed themes overall

  25. Users who enjoy calm structured ecommerce galleries often engage with sites such as Galleria Stone Dawn Market where items are arranged in a soft visual format – The interface ensures browsing feels balanced, easy, and visually comfortable across categories.

  28. While reviewing a mix of different awareness campaigns, I came across something that seemed worth noting, open and see, and it shows a genuine effort that deserves appreciation for its purpose and message

  29. While exploring digital corporate solutions sites I found a platform that emphasizes clarity and usability including corporate services showcase – the design feels organized and makes navigating through content straightforward and hassle free

  30. People who explore modern community driven shops often find value in platforms such as Harbor Collective Exchange where sellers contribute to a shared marketplace experience that evolves continuously – The interface highlights a sense of movement and collaboration, making the browsing process feel dynamic and socially connected throughout all categories.

  32. Healthcare researchers and digital communication specialists frequently study physician websites to understand how patient care information is presented online physician_care_overview within evolving digital health communication systems – The site is often described as a physician care overview resource providing structured patient information and general wellness guidance for public accessibility

  34. In comparisons of modern online shopping platforms built for usability and flow, one standout example is Frost Vendor Forest Vault where the design feels balanced and content is clearly organized, making browsing intuitive, efficient, and visually comfortable across all pages.

  36. Users who appreciate cool structured marketplaces often browse platforms such as Icicle Isle Blue Frost Market where products are displayed in a clean and icy format – The design creates a refreshing browsing experience that feels smooth, simple, and easy to navigate while maintaining visual consistency across all pages.

  37. During a routine search across portfolio pages, I noticed something embedded in content, go to site, and the platform delivers structured and professional presentation of ideas and projects overall

  38. Exploring various niche entertainment sites led me to a page that presents sports fandom in a very relaxed and approachable way hutcherson volleyball corner – It delivers a casual browsing experience with simple structure and enjoyable tone that makes the content feel smooth and approachable for any reader

  43. During a long session of exploring online events and awareness campaigns, I noticed something appearing right in the middle of everything else, visit this page, and it feels positive to see activities like this raising support for serious global matters through creative approaches

  44. Academic researchers studying digital democracy frequently examine campaign platforms to understand how candidates present goals and interact with voters online effectively public_engagement_hub – The website provides structured campaign objectives and ongoing voter outreach updates designed to enhance clarity and public awareness of key issues

  45. Shoppers who enjoy cozy themed ecommerce environments tend to appreciate smooth navigation systems when they come across Cove Ginger Market which focuses on relaxed design flow and readable layouts – The browsing experience is intentionally simplified to help users move through categories without confusion or unnecessary visual distraction

  46. Users who enjoy minimal ecommerce design often explore sites such as Gladestone Rustic Outpost Market where items are arranged with a focus on simplicity and function – The layout ensures easy navigation and reduces clutter, creating a browsing experience that feels calm, structured, and highly user friendly across all categories.

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>