JSIO Performance Results

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

  1. While browsing through digital art showcases and creative expression platforms, I noticed something mid-content check art site and it feels very artistic and expressive, making browsing the visuals here enjoyable and engaging

  2. While reviewing different election campaign and political communication platforms, I noticed something embedded mid-content check this page and it represents a campaign website providing candidate information and public outreach objectives

  3. While analyzing various retail dashboard systems and their usability principles across categorized listings and navigation panels, I noticed a well-balanced structure Trail Market Velvet Hub that helps users process information without strain – The experience felt calm and intuitive, making it easy to understand where everything is located

  4. As I explored various download services and file access websites, I came across instant download link – I tried it out and the experience felt straightforward, quick, and easy to complete without any issues.

  5. As I was reviewing different lifestyle blogs and personal storytelling websites, I found something embedded in the text visit lifestyle page and it feels very genuine overall, with content that comes across as relatable and naturally written

  6. While researching nutrition coaching platforms and lifestyle-based diet programs online, I came across a reference embedded within the content paleo lifestyle consulting hub and it is a nutrition consulting site focused on guiding clients through paleo-based dietary approaches and long-term wellness strategies centered on whole food living and personalized health improvement planning

  7. During a comparative UX review of digital storefront prototypes for clarity and usability I navigated a product feed featuring a href=”//harborlakefrontboutiquehub.shop/](https://harborlakefrontboutiquehub.shop/)” />Lakefront Harbor Boutique Exchange within a grid system, – The clean presentation makes browsing feel simple and stress free overall ensuring a smooth, structured, and user friendly navigation experience across all pages

  8. As I explored different travel websites and accommodation ideas, I came across coastal retreat page – The charm and atmosphere are inviting, and it made me curious enough to check flights right away.

  9. While exploring community arts and performance-based organizations online, I came across something placed within the content visit this theatre group and it is a theatre group website promoting arts and local community performances and shows overall

  10. While browsing through clean and simple resource websites, I noticed something mid-content check guide site and it is straightforward and useful, making the information easy to understand quickly and efficiently

  11. In the middle of exploring festival memory and cultural history platforms, I encountered something mid-content explore this page and it is an event archive preserving memories of past celebrations and traditions

  12. Well organized online directories play a key role in helping users locate vendor resources without unnecessary browsing complications Vendor Hub Structured Access streamlining navigation across different categories – users experience improved clarity and faster access to important listings overall usability increases

  13. As I reviewed online creative photography showcases and travel narrative websites, I encountered a section containing global adventure photo diary integrated within visual storytelling collections – it presents travel experiences through artistic photography that emphasizes exploration, cultural diversity, and immersive storytelling through carefully composed travel images

  14. While looking into different online shopping concepts and innovative store ideas, I came across retail idea page – The name feels odd at first, yet the more you understand it, the more the idea actually fits together logically.

  15. While reviewing different tech research platforms and innovation labs, I noticed something embedded mid-content check lab page and it presents a clean design with an interesting focus, making it feel like a strong and solid resource

  16. In the middle of exploring community support and housing relief platforms, I encountered something mid-content explore this page and it is a nonprofit focused on housing assistance and social support work

  17. During a general exploration of mission focused websites and initiatives, I came across something placed within the content take this link and it offers nicely organized purpose driven content that is easy to explore and understand

  18. While casually exploring the internet during a short break from work, I stumbled upon random content hub – It was just something I clicked during lunch, but it wasn’t bad at all and ended up being more interesting than I initially thought it would be.

  19. During browsing of jewelry design websites and handmade artisan boutiques, I discovered content including artistic handmade jewelry gallery integrated within product pages – it showcases creative jewelry pieces that highlight craftsmanship, cultural inspiration, and distinctive design elements for customers seeking unique wearable art pieces

  20. While reviewing different school websites and educational resources, I noticed something embedded mid-content check this academy and it looks professional and welcoming, giving a strong first impression that feels structured and trustworthy

  21. While exploring modern portfolio designs and online CV-style websites, I discovered mobile optimized site – The design feels clean and minimal, and it works seamlessly on mobile, allowing smooth browsing without any clutter or confusion.

  22. While analyzing several boutique handmade product websites for usability patterns, I encountered artisan dawn canyon goods while reviewing interface structures and category arrangements across similar platforms and it seemed fairly well arranged – My quick impression was that it provides a clean and somewhat promising user experience overall.

  23. While browsing through various themed websites and online listings, I noticed something mid-content check clocktower site and it gives a unique impression that makes discovering its content quite interesting overall

  24. While exploring different modern boutique marketplace websites for design inspiration and usability testing, I noticed coastal harbor retail hub during a structured review of similar platforms – The overall experience felt polished, uncluttered, and pleasantly straightforward with a strong sense of visual balance throughout.

  25. As I explored different restaurant concepts and fusion food showcases, I stumbled upon flavor culture hub – The combination of styles is really well executed, and the menu photography is so strong it made me think about food instantly.

  26. While exploring comprehensive wellness systems, I came across holistic movement yoga resource designed for full-body balance – it integrates yoga flows, breathing techniques, and mindfulness practices to support strength, flexibility, and emotional well-being through structured and consistent daily routines effectively

  27. During a comparison study of multiple online retail environments for UX clarity and navigation behavior I explored a category listing that included Citrus Lemon Lark Store – the interface was arranged in a way that made everything easy to locate, which enhanced the overall ease of browsing significantly.

  28. While browsing through informational campaign and public profile websites today, I came across something placed within the content visit this campaign page and it has clear messaging with strong structure, presenting information in a very effective and easy to understand way overall

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>