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

  4. In the process of analyzing ecommerce marketplaces, I discovered a platform that focused on organized categories and smooth browsing performance across all sections BuyZone online marketplace hub embedded within the page structure – The site offers a diverse range of products and maintains a simple interface that makes browsing fast and enjoyable.

  10. Modern consumers increasingly rely on online platforms that reduce complexity and improve shopping efficiency Infinity Market Access so they can complete purchases faster while enjoying a more organized browsing experience overall – The website is appreciated for its structured layout and easy to use shopping flow

  11. Exclusive offers houses online are designed to provide members or visitors with special deals that are not always available on regular shopping platforms Exclusive Offers House This platform highlights limited availability promotions and member focused discounts ensuring users can access unique savings opportunities across a wide variety of curated products

  12. While exploring curated marketplace aggregators and online vendor systems I encountered HoneyCove storefront showcase hub which grouped listings into organized categories – overall the browsing experience felt smooth and the content was easy to follow with clear structure throughout the pages

  16. кухня на заказ спб от производителя недорого [url=https://kuhni-spb-58.ru]кухня на заказ спб от производителя недорого[/url]

  24. While scanning different ecommerce storefront examples I noticed a design that focused on usability and simple navigation flow Meadow Ink portal view Meadow Ink portal view The interface feels lightweight and easy to use making browsing fast and enjoyable for users exploring different sections without any unnecessary complexity or interruptions overall experience flow smooth

  28. Across online shopping evaluations, clarity and structure are repeatedly mentioned as key elements that improve user engagement and satisfaction, and within this platform Ivory Corner Commerce Hub the layout ensures that everything is easy to navigate, with well organized sections that help users quickly find what they are looking for.

  32. Shoppers frequently appreciate websites that reduce visual noise and complexity especially when they visit Foundry Icicle Trading Brook The simplicity is clear and nothing feels cluttered which makes browsing feel relaxed and straightforward across all sections of the platform.

  33. Many digital users enjoy e commerce sites that act as next cart stations offering smooth checkout and clear shopping flow for better user experience Next Cart Flow Style Hub making shopping efficient – The website is often appreciated for its structured layout and seamless navigation system

  35. Many users appreciate platforms where cart systems are optimized for speed and clarity, ensuring a seamless checkout experience without unnecessary complexity Royal Cart Smooth Flow Hub – offering intuitive browsing structure, fast-loading pages, and a clean interface that enhances overall shopping satisfaction and usability across all devices

  38. Many shoppers prefer platforms that provide intuitive navigation and simple cart systems especially when they explore Smart CartZone Hub – The interface supports a seamless shopping flow and enhances usability making product discovery and browsing more efficient and user friendly overall.

  42. People exploring online stores often value fast loading pages and simple layouts that allow them to find items without unnecessary searching effort RapidCart Market View making shopping feel more natural and less time consuming – The platform is frequently recognized for its efficient browsing system and clear product organization

  46. Ultimate deals galleries showcase a wide range of promotional offers and discounted items allowing shoppers to explore multiple categories in a visually appealing layout Ultimate Deals Gallery It acts as a comprehensive collection of the latest bargains helping users quickly identify valuable opportunities across various product types while enjoying a smooth browsing experience

  50. While scanning niche marketplace aggregators and digital vendor directories I came across studio vendor network portal which appeared within a structured commerce listing and after checking it briefly I found the layout readable – overall it seemed like a decent platform and the navigation experience was straightforward and uncomplicated

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>