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

  2. While scrolling through various online shops I discovered a store that felt modern and tidy with well separated sections and simple navigation flow silver petal goods hub – The emporium feels well organized with many appealing items available now, making browsing straightforward and enjoyable.

  4. Online shoppers who value convenience often choose marketplaces that combine organized product listings with an intuitive interface that reduces browsing effort GF Online Market Space – It offers a seamless shopping journey with a broad selection of items presented in a clear and easy to navigate format for all users

  5. E commerce platforms increasingly highlight dynamic pricing and rotating offers to encourage users to revisit and explore new deals frequently Deal Wave Market this approach enhances engagement by presenting continuously changing opportunities that appeal to budget focused and value driven shoppers

  6. Users exploring digital marketplaces frequently appreciate creative branding that merges seasonal contrasts into a cohesive shopping experience across handmade and decorative product categories frost garden aesthetic shop link – This reflects a floral-winter inspired marketplace identity where curated goods are arranged in a soft and visually engaging design structure.

  7. Online shoppers exploring digital clothing platforms usually prefer clean interfaces that reduce friction and make browsing feel smooth and intuitive across categories Urban Trend Center portal – users benefit from a simple layout approach that highlights clarity, improves navigation speed, and supports easier decision making while viewing different products online experience

  8. While exploring online shopping sites, I came across click here to view – The product range looks good, and it appears they regularly refresh their inventory with fresh items for users to explore.

  9. During my usual browsing session I came across a site that felt calm and modern with a minimal design and clearly defined product sections twilight oak market – Store has calm aesthetic with easy browsing and clean layout, offering a simple and easy browsing experience.

  11. While browsing late at night I found a store that felt smooth and minimal in design making everything easy to check out radiant essentials hub – The browsing experience was easy and the items seem quite useful for everyday use and general convenience purposes overall.

  12. I wasn’t really searching for anything specific, but I ended up finding something that felt surprisingly nice to go through and worth sharing explore this online shop – The presentation is simple yet organized, giving it a polished feel that makes browsing more enjoyable than usual.

  15. As I explored different links online, I paused at see this option and found the layout refreshingly simple, with sections aligned in a way that supports clarity and keeps the overall experience user-friendly.

  16. Many online users appreciate stores where the product variety feels appealing enough to make them consider returning later for another look especially on copper petal browse store – browsing was enjoyable because items seemed interesting and left a positive impression that encouraged future visits.

  17. I was navigating through different websites when I found shop collection now and it looked minimal and clean – Nice selection of products and browsing here was simple and enjoyable, offering a calm and easy experience overall.

  21. I was exploring various marketplaces when I found have a look here – The site appears modern and clean, and I enjoyed going through different product sections today because everything felt well organized.

  22. Many digital shoppers enjoy platforms that highlight woodland and rustic themes, especially when browsing curated artisan products and handcrafted décor inspired by cold forest environments and natural materials frostgrove artisan goods portal – It suggests a forest-inspired marketplace identity where wooden crafts and handmade items are arranged in a calm, nature-rooted structure that emphasizes simplicity and authenticity.

  23. During my usual browsing session I came across a site that felt structured and minimal with a smooth interface and easy category access silver petal market – The store layout is simple and makes browsing very smooth experience, giving users a stress free navigation flow.

  24. Many shoppers appreciate how quickly images and product details load which makes comparing items easier and more efficient during browsing urban product speed contributing to a convenient experience where users can make decisions faster without being slowed down by performance issues or laggy transitions between pages.

  25. I was casually browsing online when I found shop link here and it stood out with its relaxed layout – The products seem thoughtfully selected, and the overall feel of the store is calm and pleasant to explore.

  26. During casual internet browsing I came across something that felt organized and minimal which made it easy to browse comfortably radiant field collective view – The layout is clean and navigation is simple, making the site pleasant to use today and very easy to understand at a glance.

  31. I don’t often share things I find online, but this one seemed interesting enough to mention here take a peek here – There are a few items that stood out, and it’s worth revisiting in the future.

  32. Digital shoppers often highlight that engaging product selections make browsing more enjoyable and increase the likelihood of returning to a site as seen on petal copper goods hub – the experience felt worthwhile since items looked appealing and made the platform feel like a place worth revisiting.

  35. While checking out different online stores, I came upon take a look and it gave a calm impression – Everything is well structured and easy to browse through quickly, making it pleasant and easy to explore at a steady pace.

  36. During a casual browsing session, I discovered check out this page – The overall experience feels nice, as items are shown clearly and the descriptions are helpful for quickly understanding products.

  38. Many online users enjoy platforms that highlight coastal winter imagery, making browsing more immersive when discovering curated aesthetic products and lifestyle goods inspired by frozen harbors frostharbor calm goods portal – It represents a peaceful digital marketplace identity where curated items are arranged in a soft, winter coastal structure that emphasizes relaxation and visual clarity.

  39. Many online fashion users tend to prefer stores that present new arrivals in a visually appealing and easy to understand format style trend station shopfront and this website appears to include plenty of trendy items that could attract users interested in updating their clothing style regularly

  40. While casually searching the internet I discovered a site that felt minimal and clean with a fresh layout and intuitive navigation flow silver sprout goods store – Nice selection of products here with a fresh and modern look, making it easy to find items quickly.

  41. I found this site while browsing online and it immediately felt like something that breaks away from the usual store templates radiant grove goods store – It offers an interesting selection that feels different from standard online stores, giving it a more unique browsing experience overall.

  49. During some casual online exploration, I discovered explore this page and it gave off a respectable impression, making me think it might be worth another visit when I have additional time.

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>