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

  1. While browsing through several online stores earlier today, I came across amber lane collective and it immediately gave a clean impression with its layout – I really enjoyed browsing because everything looks well organized and visually appealing in a simple and easy to follow way.

  2. I was navigating through different websites when I found shop collection now and it looked minimal and clean – Essentials here seem practical and nicely displayed across the site, creating a calm and smooth browsing experience overall.

  3. During a random online search, I encountered explore more here – The store looks legit, with a clean layout and a product variety that is quite impressive and simple to browse through.

  4. Digital shoppers value platforms that maintain consistency in design and allow seamless movement between pages and product listings without interruptions CartStream Vivid Store – It delivers a smooth and visually appealing interface with intuitive navigation that helps users browse products efficiently while maintaining a modern and engaging online shopping experience throughout the site

  5. Many shoppers enjoy online stores that feel connected to seasonal transitions, especially when browsing curated decorative items and natural craft collections across structured layouts frostharvest artisan harvest hub – It suggests a balanced marketplace where rustic goods are presented in a warm-and-cool aesthetic designed to enhance browsing clarity and comfort.

  6. Online shoppers often enjoy platforms where browsing feels dynamic and the product selection encourages curiosity and repeated exploration as seen on petalmarket copper store – items were appealing and made the browsing experience feel enjoyable enough to return for another look in the future.

  7. During a casual browsing session I stumbled upon a store that immediately stood out due to its clean presentation and unusual item selection radiant maple shop collection – I found some unique items while exploring this site earlier today, and it felt like there was more to discover than expected.

  10. While exploring online stores I found something that felt clean and artistic with stone inspired textures and smooth navigation design stone light browse hub – Stone inspired designs give this shop a unique aesthetic appeal, making exploration feel intuitive and relaxing.

  11. People often choose rapid buy markets because they offer fast shopping markets with easy access to everyday useful products for better clarity and organization Rapid Buy Market Smart Hub Explorer – The platform ensures intuitive navigation and organized categories

  12. Fashion enthusiasts who spend time exploring online shops typically appreciate sites that highlight trending apparel in a simple and accessible way fashion station browse page and the store gives a decent impression with plenty of fashionable items that seem relevant for current style trends and casual browsing interest

  14. I was casually browsing through a few different online shops earlier today when I came across something that felt easy to explore and worth sharing here check this store out – The selection looks well arranged, and I really like how simple and smooth the navigation feels overall.

  17. During my online browsing time, I stumbled upon browse meadow items and it felt very gentle – The calm layout made browsing feel relaxed and quite smooth, giving a smooth and simple browsing flow.

  18. Digital consumers frequently prefer platforms that provide seamless navigation and maintain a consistent design structure across all pages and features VividTrend Flow System – The platform ensures a smooth and intuitive experience with fast loading times and neatly organized sections that help users explore content effortlessly without facing visual clutter or performance issues

  19. Digital shoppers frequently enjoy websites where product listings create curiosity and encourage deeper exploration of available categories and items particularly on copperpetal browse hub – the experience felt positive since the items looked interesting and gave a reason to return and check updates or new selections again later.

  20. Users browsing online stores often enjoy platforms that evoke cozy boutique experiences, especially when exploring curated winter-themed goods and artisan decorative collections frost lane winter shop hub – The idea suggests a charming emporium where products are displayed in a soft, seasonal structure that enhances browsing comfort and visual appeal.

  22. While browsing online earlier I came across a site that immediately felt calm and easy to explore which made me stay longer than expected radiant pine collective hub – Everything appears well organized overall, and the browsing experience feels simple, smooth, and free from confusion while moving through different sections.

  24. While checking out online shops for fun, I discovered visit this page and it looked simple and organized – The modern design makes browsing smooth and comfortable, giving a relaxed and enjoyable user experience.

  26. I found a website while exploring online that felt minimal and organized with a smooth layout and easy navigation structure sun haven item hub – Essentials here feel practical, useful, and nicely presented for shoppers, making everything easy to locate and view.

  27. Many shoppers appreciate rapid cart centers offering quick cart systems designed for smooth and efficient checkout processes supporting faster browsing and checkout completion Rapid Cart Center Clean Flow Hub – The interface provides minimal design and efficient checkout tools

  28. As I navigated through different websites out of curiosity, I stopped at explore here and noticed how straightforward the design felt, allowing information to be absorbed naturally without feeling overwhelmed.

  29. People who enjoy bargain hunting online often prefer platforms that allow them to quickly identify discounted items and compare basic pricing information affordable picks hub and this website seems to provide a practical environment for such users by focusing on value oriented products that fit different everyday needs and budgets.

  30. I was casually scrolling through the internet when I found something that looked structured and reliable enough to mention here visit this site – The overall presentation feels consistent, and everything appears to be well arranged.

  31. I came across several online stores before landing on click to explore – The store seems decent, and browsing is smooth with categories that are easy to navigate and clearly arranged.

  33. Users interacting with digital platforms usually appreciate websites that focus on ease of use and clear organization of content for better navigation efficiency StationVivid Access Center – It provides a simple layout with fast loading pages and intuitive navigation that allows users to move smoothly between sections while maintaining a comfortable and frustration free browsing experience across all features

  34. While casually browsing online shops, I discovered check items here and it felt light and elegant – The aesthetic is soft and pleasant, and the items look carefully chosen, making the entire browsing experience smooth and very comfortable.

  38. Users exploring digital marketplaces frequently appreciate soft, nature-inspired branding, especially when browsing curated eco-friendly products and handmade lifestyle goods across organized categories frost meadow eco lifestyle hub – This reflects a peaceful meadow-themed marketplace identity where products are arranged in a frosty, green-conscious aesthetic designed for clarity and relaxation.

  40. I stumbled upon this site during browsing and it felt very responsive, which made exploring different categories quite effortless radiant shore essentials hub – The experience is smooth overall, and pages load quite fast here, giving a consistent and enjoyable flow.

  41. I had been checking multiple online stores when I stumbled upon browse this floral market – The platform feels pleasant overall, with an easy-to-understand structure that makes exploring different sections smooth and natural.

  43. Digital shoppers appreciate platforms that emphasize clarity and structured product presentation style Online Style Bazaar – Clear organization of products allows users to navigate effortlessly while discovering items that match their preferences and maintaining an enjoyable browsing experience across all categories

  44. In researching online shopping assistance tools, I discovered web deals organizer which structures listings clearly – this shopnetmarket.shop platform focuses on usability, helping users quickly identify useful deals while reducing browsing time and making the entire shopping process more efficient and straightforward for all types of users.

  47. Online consumers frequently choose rapid cart hubs that act as central hubs for fast cart handling and convenient online shopping providing better organization and smoother purchasing experiences Rapid Cart Hub Express Access System – The interface ensures quick transitions between cart and payment stages with optimized performance

  48. Shoppers exploring digital stores frequently enjoy platforms that offer a sense of discovery while browsing through different product categories and options particularly on copper petal selection site – items felt interesting and made the experience worthwhile encouraging another visit to see what new products might appear in the future.

  50. People who shop online regularly appreciate when websites maintain a clean layout and avoid unnecessary distractions Value goods browse link – this helps improve focus on products and makes navigation easier for users searching for affordable items online experience flow smoother.

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>