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

  4. People who prefer organized e commerce platforms often look for websites that use merchant lane setups to create structured product sections that improve browsing flow and usability Maple Coast Smart Lane Hub – providing a streamlined online marketplace where products are arranged using a merchant lane concept designed to simplify navigation and enhance overall shopping experience for users

  5. Users interacting with online marketplaces tend to prefer layouts that are simple yet stylish with clear navigation paths, particularly on Trendy Browse Station – The interface supports smooth movement across pages while keeping a visually engaging design that enhances usability and overall browsing enjoyment for all visitors.

  6. Modern consumers value online platforms that reduce complexity while still offering a variety of quality products to choose from, and an example of this approach is SmartChoice Outlet – The marketplace ensures a clean browsing experience where users can efficiently explore options and complete purchases without unnecessary delays or confusing interface elements slowing them down

  7. In comparative analyses of online retail systems emphasizing performance, structure, and accessibility for end users Honey Cove Atelier Listing Point reviewers highlight that organized layouts reduce browsing friction – customers find it easier to locate items and evaluate options efficiently.

  8. While reviewing ecommerce UX systems optimized for structured product management and clarity I observed that smart marketplace designs improve usability and satisfaction which became clear when testing smart shopping organization hub – The platform feels well planned making it easy to find products through clearly defined categories.

  9. While analyzing ecommerce design patterns for user experience quality, I discovered comfort browsing product hub – The layout provides a cozy and well organized structure that makes product discovery easy and enjoyable for users who prefer a relaxed and simple shopping environment overall.

  12. User reports from the latest browsing session highlight enhanced layout clarity, and within the main text block is Calm Cove Essentials Hub embedded as part of the narrative, while surrounding sentences emphasize improved performance optimization, cleaner interface elements, and a more accessible structure for everyday use.

  13. Many shoppers appreciate websites that focus on usability and structured presentation especially when they access HarborStone Vendor Collective Hub The experience felt smooth overall and navigation was simple with no confusing parts making browsing comfortable and efficient.

  18. During a casual session of exploring different websites, I ended up viewing check this site and noticed that everything was organized in a clean way, with simple navigation and content that felt easy to go through without confusion.

  21. Shoppers who enjoy variety rich marketplaces often look for platforms that use trading post themes to provide dynamic browsing experiences with diverse product selections that make shopping more engaging Wave Harbor Curated Trading Hub – offering a structured e commerce experience where trading post styling enhances product organization and creates a dynamic browsing journey designed for better usability and user satisfaction

  25. Online users exploring trend marketplaces often value fast navigation and structured layouts that enhance usability, especially when accessing Clever Corner Trend Explorer – The browsing experience remains smooth and visually organized, allowing users to enjoy discovering new trends in a simple and efficient way.

  27. During usability testing of online shopping systems focused on discount presentation and value clarity I discovered that deal platforms improve engagement by emphasizing savings opportunities which became evident when exploring smart price savings hub – The deals appear attractive and well highlighted giving the impression of a platform that is great for budget friendly shopping.

  29. While exploring niche e-commerce communities and independent seller platforms, I encountered a reference to Elm Harbor curated shop hub which seems to compile vendor listings and product showcases in one accessible place enabling users to browse and compare offerings efficiently – I found it reasonably helpful for discovering curated products

  41. In my exploration of various online outlet-style resources, I discovered a page that seemed designed for simple navigation and clarity Hollow Creek outlet directory making it easy to browse without feeling overwhelmed – The layout gives a steady and predictable flow across all sections

  47. While browsing racing fundraiser platforms, I came across charity karting support portal and interesting concept overall, seems well organized and quite engaging today, presenting a clean interface that highlights both sporting activity and community support efforts. – It feels organized and informative.

  48. During recent usability checks, testers highlighted improved readability and cleaner layout distribution across multiple sections where Chestnut Harbor Commerce Page appears seamlessly within the descriptive content, while interface feedback continues to be positive – Overall structure is well balanced, making browsing feel intuitive and smooth, with content arranged in a way that helps users locate information quickly and comfortably without distractions.

  49. While researching tools for improved online deal discovery, I found easy deals scanner which highlights relevant offers efficiently – this shopnetmarket.shop platform supports quick browsing, allowing users to filter and locate promotions faster while maintaining a simple and intuitive structure for everyday online shopping activities.

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>