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:

4,017 thoughts on “JSIO Performance Results”

  1. Online users often prefer e-commerce platforms that deliver clarity and smooth navigation especially when accessing Fern Cove Studio Commerce The site appears well maintained and reliable making browsing simple efficient and enjoyable for users who want a stress free shopping environment.

  8. Many online buyers value websites that provide a simple way to browse multiple product types without unnecessary distractions or clutter All-in-One Goods Corner making it easier to find relevant items quickly – The platform is often highlighted for its clean design and structured browsing experience

  11. Many online shoppers today prefer websites that provide clean interfaces and easy navigation for better deal exploration especially when accessing DealZone Smart Market – The browsing experience feels smooth and organized with quick access to deals making it easy for users to find what they need without confusion.

  15. Shoppers who prefer refined browsing experiences often appreciate platforms that maintain organization while showcasing stylish items in a clean interface Elite Style Goods Arena – This final variation highlights a refined shopping arena where curated stylish goods are presented in structured categories helping users enjoy smooth navigation and efficient product discovery

  26. Shoppers today prioritize platforms that combine efficiency with reliability, ensuring that every transaction is handled smoothly and without unnecessary complications Trust Cart Express Hub – This system ensures dependable checkout processes and consistent product handling, making online shopping more secure and user friendly for all customers involved.

  37. While browsing different online stores for something fresh and interesting, I came across check this stylish corner – It seems to offer a smooth and simple browsing experience, and the items look quite appealing without feeling overwhelming or unnecessarily complicated for casual shoppers.

  40. While analyzing ecommerce platforms designed for structured browsing and navigation improvement, I observed that route systems help users move through product categories more efficiently, which was clear when testing easy route shopping hub – The interface provides clear navigation paths that make browsing intuitive, logical, and easy to follow throughout the entire experience.

  43. Many users choose platforms that simplify access to updated goods through well structured stations, helping them browse faster and with greater clarity Smart Royal Station Goods Hub – focused on organized product listings, fast navigation, and a seamless shopping experience designed for improved efficiency and user satisfaction

  45. While looking into modern e-commerce solutions, I discovered web store control kit offering practical tools for managing online shops – it focuses on improving administrative efficiency, supporting flexible customization, and enabling businesses to maintain well-organized digital platforms that can adapt to changing market requirements and user expectations over time.

  46. Online shoppers often value platforms that provide easy navigation and minimal clutter especially when they land on Vendor Hub Fern Cove The experience is straightforward and I was able to find all important information without confusion or unnecessary effort while browsing.

  47. Across multiple evaluations of online retail platforms, usability specialists note that structured navigation and consistent layout design improve overall satisfaction and browsing efficiency significantly Jasper Visual Harbor Exchange – Everything is well organized, with a nice selection presented in a visually clear format.

  48. Digital shoppers frequently choose platforms that ensure reliable updates and clearly structured product listings so they can browse without unnecessary complexity or confusion Goods Navigator Central making selection easier – It is generally viewed as a stable marketplace offering organized categories and frequent updates for better user experience

  49. While reviewing several digital shop designs, I found a website that delivered both speed and aesthetic consistency across all pages Iron Petal retail page placed within the content area – The overall browsing experience is fluid and visually appealing, making product exploration straightforward.

  50. Many users prefer modern shopping platforms that prioritize both usability and fast page rendering to avoid interruptions during product searches especially when exploring large inventories with diverse product types and styles Modern Style Center Point – It serves as a central point for modern style goods, providing quick loading pages and an organized layout that helps users browse effortlessly through various collections

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>