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

  3. During my search for useful household products and decorative ideas, I eventually found budget decor destination – The website felt responsive and simple to navigate, allowing products to be viewed comfortably without unnecessary visual clutter or confusing layouts appearing across the pages online.

  4. In my recent browsing sessions I came across a platform that feels intuitive and very pleasant to navigate Discovery Horizon Hub – The layout is well structured and helps users find information easily while maintaining a smooth browsing experience overall today

  6. I happened to run into a page during my browsing session that felt quite accessible, so I thought I would mention it here for anyone interested lifestyle trends link – the interface looks clean and the overall experience feels comfortable and smooth to explore

  8. During my exploration of educational content I discovered a platform that focuses on encouraging curiosity and lifelong learning through simple motivational ideas Stay Curious Hub – the content feels insightful and engaging helping users stay curious, learn continuously and develop a mindset focused on growth and knowledge expansion in daily life online

  9. In my exploration of shopping platforms I came across a website that provides an easy and organized shopping experience with smooth navigation and clear product sections Everyday Market Hub – the website feels user friendly and structured, helping users browse products, compare options and shop comfortably online

  11. While comparing trading learning websites, I eventually opened exclusive market school – The platform offered helpful trading content, and the layout remained simple and easy to understand, making learning smooth without confusion or unnecessary distractions online.

  14. While studying communication strategies and relationship strengthening tools I came across in the middle of my research list Stable Connection Building Hub which focused on realistic advice for everyday interactions – The content felt grounded and practical for improving long term relationships

  17. People who enjoy brainstorming and creative thinking often look for platforms that help expand imagination and support structured idea generation, and while exploring inspiration they come across idea exploration hub – the platform feels smooth, engaging, and well organized, making it easy for users to browse creative concepts and develop new thoughts without feeling overwhelmed or distracted.

  18. Stopped thinkingUsers looking for modern fashion inspiration often rely on curated online marketplaces Trend catalog marketplace – this platform feels clean, updated, and suitable for quick style browsing – making it easy to explore trends and discover new outfits daily with minimal effort.

  19. People interested in unique presents often look for platforms that make gift selection easy and enjoyable, and I recently discovered Creative Gift World Charm Gifts Hub which feels good – A gift website offering creative and special products, and I already purchased a gift for my mom, which made the experience feel smooth and rewarding.

  21. People often look for online stores that make buying feel natural and uncomplicated, where every step from searching to checkout is designed to save time and reduce effort significantly simplepurchasezone – This reflects an easy going shopping environment where users can quickly find what they need and enjoy a seamless process that makes online purchasing feel practical and enjoyable at the same time.

  22. Fashion enthusiasts looking for global inspiration often benefit from platforms that simplify visual comparison and reduce browsing fatigue modern fashion index – structured indexing of style categories helps users identify relevant trends faster while avoiding unnecessary distractions and improving overall shopping clarity when exploring diverse collections online

  23. While searching for educational resources about trading and financial learning, I eventually came across smart learning guide – The website presented its content in a structured way, and navigating through different pages felt smooth because everything was clearly organized without unnecessary distractions or overwhelming visuals online.

  24. While reviewing different business networking spaces and online discussion groups I worked in growth minded network hub naturally – I encountered ambitious individuals and the conversations within the group were actually insightful and helpful for understanding real-world progress strategies.

  25. While researching digital shopping hubs I found a platform that provides a clear and efficient marketplace experience for everyday users Market Flow Center – the website offers variety in products while keeping everything structured and easy to access allowing users to move through categories smoothly and enjoy a reliable browsing experience during online shopping today

  31. Shoppers who value clarity and structure in e-commerce platforms often rely on websites that make browsing straightforward and visually organized for better usability Smart Browse Depot because it helps streamline product discovery – The layout emphasizes user friendliness clean design and efficient movement through categories and listings

  32. In my search for knowledge platforms I came across a website that encourages users to expand their horizon by learning and exploring new opportunities for personal growth Expand Future Horizon Hub – the platform feels structured and helpful, guiding users to develop skills, learn new concepts and discover opportunities through a clear and inspiring online experience

  34. While exploring trading forums and learning platforms, I came across one that seemed quite straightforward and user friendly successful trading hub – it looks like a decent resource with useful and clear information that is presented in an easy to understand format

  35. While browsing inspiration focused websites I found a platform that delivers positive and uplifting content designed for easy understanding and exploration Inspire Living Space – the website offers helpful motivational ideas that feel simple and engaging allowing users to stay positive and improve their daily mindset through gentle encouragement and inspiration online

  36. People interested in simple and well-organized shopping platforms often appreciate websites that make product discovery effortless, and dream deal portal – delivers a clean layout where users can browse curated collections easily while enjoying a comfortable and visually appealing shopping flow overall.

  38. People navigating complex relationships often turn to resources like see more here for direction – Trust building is steadily gaining recognition as a key factor for long-term success and understanding.

  45. Earlier today I was checking different value based shopping sites before opening exclusive value hub – The website felt smooth and user friendly, and products were presented in a visually appealing and organized way, making browsing simple without confusion or distractions online.

  46. People interested in enjoyable online shopping often look for platforms that make browsing smooth and simple, especially when they discover cheerful deals store hub – the site feels modern and easy to use, allowing users to explore items comfortably while maintaining a positive and engaging shopping environment throughout their session.

  50. I had been searching for modern shopping experiences online before discovering trusted trend hub – The platform appeared visually appealing and well organized, and browsing felt smooth because everything loaded quickly without distracting elements or clutter online.

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>