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

  5. Consumers exploring modern e-commerce solutions can enjoy a more streamlined browsing experience when visiting platforms that include Smart Cart Marketplace positioned within a wide selection of product categories, allowing users to compare items, access organized listings, and benefit from a simplified and efficient online shopping environment designed for daily needs and better decision making.

  6. In the process of analyzing digital retail systems focused on cart flow and usability, I found that corner cart designs enhance clarity and reduce friction during checkout, which became evident when reviewing efficient checkout cart hub – The cart corner layout feels practical and structured, making the checkout process simple and easy to follow overall.

  23. When exploring modern online marketplace designs focused on speed optimization and improved browsing flow for large product inventories, Jasper Commerce Rapid Hub is often praised because fast loading pages make shopping feel smooth, responsive, and reliable for users moving quickly between different product categories.

  30. Users appreciate deal websites that maintain clean layouts and smooth navigation systems, helping them quickly locate the best offers available online Elegant Royal Deal Navigator Hub – providing intuitive browsing structure, organized promotional listings, and seamless interaction flow for a better online shopping experience across all platforms

  32. Many users enjoy e commerce platforms that act as next generation buy hubs offering smart deals and extensive product variety for seamless shopping Smart Next Gen Buy Access Hub improving browsing – The platform is known for its sleek design and fast navigation that supports efficient product discovery

  34. Shoppers frequently appreciate platforms that offer clarity and efficient navigation systems especially when they visit Drift Orchard Supply Market Pages load fast and content is shown in a well structured layout making browsing simple easy and enjoyable for users who want a seamless shopping experience overall.

  35. Shoppers who prioritize convenience in digital environments usually appreciate platforms that minimize friction while keeping navigation extremely straightforward Shop Portal Access – This service focuses on quick interactions, reducing unnecessary steps and ensuring users can complete purchases without confusion or delays

  40. Many users browsing e-commerce platforms value clarity and simplicity in design especially when they visit Trend Corner Browse Zone – The trend section feels organized and easy to navigate making browsing smooth and helping users discover content efficiently across the platform.

  43. Many consumers rely on online deal hubs that simplify the process of finding seasonal promotions and limited time discounts effectively Deal Alert Zone making it easier to act quickly on good offers – It is often highlighted for its real time updates and organized promotional categories

  49. Users exploring online shopping platforms often look for smooth navigation and appealing discount structures that make browsing enjoyable and efficient for everyday purchases Stylish Deal Zone Hub – This version of the platform emphasizes a refreshed browsing experience where deals are displayed in a simplified layout helping visitors quickly identify useful savings across multiple categories without unnecessary complexity or distraction

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>