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

  1. During analysis of online retail systems focused on digital goods and electronics I discovered that tech-centric platforms enhance user experience by offering relevant products which became clear when testing digital product shopping hub – The platform feels sleek and modern showcasing tech items that look appealing and useful.

  3. Online users often value e-commerce websites that reduce confusion and improve browsing clarity especially when they access Digital Cart Market Arena – The browsing experience is smooth and product presentation is clear helping users quickly locate items and navigate categories without unnecessary effort.

  6. Many users appreciate digital marketplaces that act as a central hub for modern trends offering daily updated product selections for easy browsing Neon Trend Express Center Hub making shopping smoother – It is frequently described as efficient and user friendly with organized product listings

  14. Many digital shoppers prefer rapid trend outlets that deliver outlet deals on trending products with simple and clean structure, helping improve shopping speed and overall usability across devices SmartBrowse Outlet Trend Hub Portal – Enhances clarity, speed, and responsive layout design

  15. Shoppers appreciate digital platforms that remove unnecessary steps and provide clear pathways to desired products quickly Direct Purchase Zone this marketplace focuses on usability improvements – ensuring that users can move through categories efficiently while experiencing stable performance and reduced loading times

  18. Users prefer e-commerce environments that offer clean interfaces and logical navigation structures for improved shopping efficiency and experience quality ZoneFlow Shopping Cart – the system provides a smooth browsing journey by keeping categories organized and helping users quickly locate desired products across all sections.

  21. Modern digital shoppers frequently search for websites that provide a balanced mix of usability and product variety to improve their online buying experience significantly Goods Discovery Zone helping them browse different sections easily while maintaining a smooth and enjoyable shopping flow – It is commonly noted for its organized structure that supports quick access to useful products without confusion or delays

  25. Modern shoppers demand platforms that are responsive, easy to navigate, and capable of delivering a wide range of products efficiently without unnecessary friction today SmoothWave Retail Space reflects the growing trend of streamlined e-commerce systems focused on usability – Wave market brings fresh goods paired with organized browsing tools that enhance user experience and simplify shopping processes

  27. During a general review of online shopping sites, I found a platform that focused on simplicity and usability, presenting content in a structured way with integrated elements such as a href=”//indigoharborstore.shop/](https://indigoharborstore.shop/)” />Harbor Indigo browsing portal link placed naturally in the interface – The overall browsing experience feels stable, minimal, and easy to navigate for everyday users seeking clarity and speed.

  28. During evaluation of online retail systems with hierarchical layouts, I observed a section labeled structured branch shopping index – The platform uses a tree based system that organizes products neatly, allowing users to navigate categories efficiently and understand product groupings without confusion or unnecessary complexity.

  34. While reviewing various ecommerce platforms that emphasize seamless navigation and structured browsing experiences I noticed that flow-based systems significantly improve how users move between categories and products which became clear when exploring smooth flow shopping hub – The flow-based shopping approach works very well offering smooth navigation across different sections that makes browsing feel natural continuous and easy for users.

  35. In many e commerce performance reports speed and clarity are identified as critical factors influencing user engagement and conversion rates across platforms Ivory Cove Shopping Network users report a very intuitive browsing flow with organized sections and fast loading pages overall

  36. During a light browsing session online, I visited click to view and gave it a quick look, noticing the site was clean and user friendly with a straightforward and easy-to-use layout.

  45. Online shoppers frequently value platforms that showcase a neon themed trend zone with fresh items and an intuitive browsing layout for convenience Neon Trend Flow Access Zone Hub making usability easier – It is commonly noted for its structured layout and easy navigation system

  46. Many online users prefer shopping sites that offer clear organization and fast navigation especially when they visit Cart Center Online Hub – The centralized structure helps users browse cart selections easily while ensuring a smooth and efficient shopping flow across all sections.

  47. Many users browsing digital stores value clarity and readable layouts especially when they visit Hazel Cove Atelier Market The content is well arranged and easy to read making browsing smooth and allowing users to quickly understand information without effort.

  50. Users benefit from platforms that provide instant access to trending items and simplified browsing structures for quick decision making needs Instant Trend Access Hub Direct – allowing faster engagement with new collections and smoother navigation across product categories effortlessly in a clean interface design flow system

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>