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:

15,156 thoughts on “JSIO Performance Results”

  6. During browsing sessions focused on inspiration platforms and life opportunity resources, I came across Possibility Path Finder Hub placed within the article structure – Opens up so many doors, and I never thought I’d find this, since it gave me a fresh perspective on how many options are actually available in everyday life decisions

  7. While looking for engaging online resources for my child, I found a platform that delivers educational content in a very interactive way, making it suitable for consistent learning at home without losing interest Fun kids study hub online – My daughter enjoys the kids section immensely because it offers creative challenges and educational games that help her develop problem-solving skills while having a lot of fun every day.

  10. While exploring informational websites focused on choices, I discovered Options Clarity Portal which had a simple layout and well grouped content, making browsing easy – the information appeared clear and practical, supporting quick understanding of different available alternatives

  11. Individuals interested in building meaningful ideas often rely on platforms that encourage experimentation and innovation, and new idea spark – delivers inspirational content that helps users take initiative and begin shaping creative concepts into practical and achievable projects overall.

  12. While checking different online apparel stores and minimalist outfit platforms focused on daily fashion, I came across Bright Wear Style Hub embedded within the content flow – Simple elegant picks here are perfect for everyday casual wear, making it easy to choose outfits that feel light, comfortable, and consistently stylish

  13. A colleague shared a list of fashion resources earlier, and after reviewing them I found casual style network – The website maintains a fresh and appealing presentation, content updates look timely and informative, and browsing between pages feels natural and efficient without any noticeable usability concerns today.

  14. While browsing online idea hubs and creative concept repositories, I came across Innovation Concept Hub – There are unique concepts everywhere, and I keep coming back for more daily because it consistently delivers engaging ideas that help fuel my creative process in meaningful ways.

  17. People who prefer user friendly shopping platforms often appreciate websites that make transactions and returns feel effortless and quick to complete Everyday Shop Ease Center – checkout happens quickly without stress, returns are easy and straightforward, and I can see myself shopping here weekly because everything works smoothly and reliably

  18. While checking various online deal and savings platforms, I noticed best offers corner placed within curated content, and the browsing session felt great overall as visitors can easily navigate different categories without confusion or frustration.

  20. While browsing multiple urban lifestyle and fashion inspiration sites, I noticed streetwear style hub placed within curated content, and I enjoyed exploring it recently because the design feels modern and extremely comfortable across all pages and sections.

  21. People who appreciate durable home goods often search for shelving that balances strength and modern design, ensuring long lasting performance and visual appeal Durable Home Style Hub – I finally found shelves that don’t look cheap and feel incredibly sturdy, making them a reliable and stylish addition to my home interior setup

  23. People who appreciate premium handmade inspired collections often explore curated online stores that emphasize deep tones and durable materials in every product detail Garnet Stone Craft Collective offers a refined visual experience and the impression of rich colors paired with solid craftsmanship that feels consistently impressive and thoughtfully designed for long term use

  25. Earlier today I was checking different trading knowledge platforms before opening modern trading hub – The platform felt clean and informative, and everything was updated and easy to access, making navigation smooth and quick without clutter or distracting visuals online.

  26. After spending time reviewing multiple online platforms, I eventually visited creative ideas collection and appreciated how the content feels fresh and organized, with everything appearing professionally managed and updated frequently enough to keep visitors interested and engaged across different categories.

  27. During exploration of streetwear marketplaces and urban clothing platforms focused on affordable fashion trends, I found Street Urban Style Outlet Hub naturally included in the article – Cop some nice streetwear pieces, prices are actually fair too, and it feels like a great place to shop without worrying about overspending

  29. Over time I became more intentional with money management, especially after reading insights on thrift strategy page which taught me how to prioritize essential spending and reduce wasteful purchases that previously went unnoticed in my everyday routine with consistent practical application results.

  30. I used to rely on guesswork when picking outfits until I visited Style Snapshot Tool and followed the quiz structure – it gave me instant clarity on what works for me, making my daily styling routine significantly faster and more consistent than before.

  31. While looking for inspiration to improve creative thinking, I came across creative flow space – a site that motivates users to keep their imagination active and approach everyday challenges with fresh and original ideas.

  32. While searching for exploration themed websites, I discovered Awaits The World Hub which features a simple and clean layout that supports easy navigation – the content feels inspiring today and gently motivates visitors to consider new opportunities and possibilities worth exploring further

  33. In reviewing digital planning and vision oriented websites, I discovered Vision Clarity Insight Hub featured within similar platforms – Helpful platform here, with smooth navigation and very convenient access to different sections that are clearly organized and easy to browse today.

  36. While searching across various price comparison and deal alert websites, I discovered Bargain Alert Zone – Managed to find a superb offer earlier, and it definitely made my shopping experience smoother and more cost effective than usual.

  37. Travel enthusiasts who enjoy smart planning often rely on platforms that combine affordability with practical tools for improving overall trip organization and travel satisfaction Explore Passion Budget Hub – the travel guides helped me design an amazing budget trip that felt simple, exciting, and very cost effective while still allowing me to experience everything I wanted without compromise

  39. Online visitors searching for stylish clothing options tend to prefer platforms that focus on presentation and usability while keeping everything accessible during their shopping experience on urban fashion store – the interface feels modern and practical offering easy navigation and a visually appealing structure that supports fast browsing and comfortable exploration of products

  40. Users who like feel good content often search for websites that provide small daily reminders of positivity, helping them feel more relaxed and uplifted during ordinary moments online Positive Vibes Content Hub – I smiled at least three times while reading their posts because the simplicity of the content makes it feel genuine and unexpectedly effective in a comforting way

  42. Users interested in idea generation often prefer platforms that combine inspiration with easy navigation, and creative thought guide – offers a structured environment where users can explore unique concepts effortlessly while enjoying a visually appealing and well-organized browsing experience overall.

  43. During my search for beauty shopping platforms, I discovered exclusive beauty outlet – The website design felt beautiful and clean, and browsing products was smooth and enjoyable every visit, allowing easy exploration without clutter or confusing layout elements online.

  44. During browsing sessions focused on daily productivity strategies and personal growth systems, I came across Innovation Habit Builder Network placed within the article structure – Small smart changes daily makes a huge difference over time, and I started noticing how even minor adjustments in routine can lead to major long term improvements

  45. Users who enjoy calm rustic floral designs often prefer online boutiques that emphasize soft tones and nature inspired artistic details in every product Calm Rustic Petals Hub the atmosphere feels gentle and aesthetically balanced – it provides a tranquil browsing experience where rustic textures and soft floral petals blend together to form a visually calming and creatively inspiring shopping journey

  47. While updating my personal development journal I came across ideas related to Peak Performance Planner and it smoothly influenced my reflections, changing my outlook – I left the session with stronger motivation and a desire to set higher standards for myself.

  48. While checking various online trend and fashion inspiration platforms, I noticed modern trend hub included in a curated paragraph, and the browsing experience felt great overall since content loaded quickly across all devices and remained stable during navigation.

  49. Creative makers often use inspiration guides to turn simple materials into handmade gifts that look polished, elegant, and professionally crafted Inspire Craft Studio I made handmade gifts for friends and they genuinely believed I purchased them because they looked so well made – Made handmade gifts for friends, they thought I bought them professionally

  50. During an afternoon of browsing e-commerce platforms, I came across quick product hub and appreciated how clean the structure feels, making browsing convenient and allowing users to explore products quickly without unnecessary complexity or cluttered design.

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>