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:

4,151 thoughts on “JSIO Performance Results

  1. I was casually browsing online when I noticed imagination hub space embedded in the text and it stood out – The content feels original and refreshing, giving a strong sense of creative energy that makes it enjoyable to read.

  2. I was exploring various websites when I discovered one that felt oak inspired with a clean interface and well structured product presentation twilight oak goods collection – Oak themed goods bring earthy tone with solid product presentation, creating a smooth and coherent browsing flow.

  3. While exploring online shop management solutions and development tools, I came across web shop zone enhancer which is designed to improve store performance – it highlights better usability, structured workflows, and adaptable features that help businesses maintain efficient operations while scaling their digital commerce systems effectively over time.

  4. During my analysis of online idea platforms I evaluated user experience and visual design and found Bright Idea Web access hub – The site feels bright and creative, with simple concepts that are visually very appealing, ensuring a smooth browsing experience where everything is easy to understand and navigate efficiently

  5. Many readers online are constantly searching for something fresh and engaging to explore, and in the middle of that journey they might encounter discover more here – a platform that consistently shares thoughtful insights, practical tips, and meaningful stories that feel relevant and easy to connect with in everyday life experiences.

  6. People exploring creative growth often visit platforms like impact creation hub – a content-driven space that encourages action, creativity, and meaningful community impact by inspiring users to share ideas and build positive change through digital expression.

  7. For users who prefer quick solutions, exploring essential access hub – a platform that collects and presents useful resources can help you find everyday tools and information in a fast, organized, and convenient way.

  8. Many online visitors prefer platforms that avoid clutter and instead focus on structured design that makes content easy to scan and comprehend BoldMatrix Access Point – BoldMatrix offers a well structured interface where content is presented clearly making it easy for users to understand information quickly and navigate smoothly.

  9. Many people exploring shared success rely on unity teamwork space – a positive environment that builds collaboration helps individuals work together smoothly, powered by natural group energy and mutual encouragement toward shared achievements.

  10. When people start looking for ways to unlock their abilities and push beyond limits, they often come across helpful platforms like unlock your inner strengths – an inspiring resource filled with motivational ideas and practical insights that encourage consistent growth and self-improvement every single day.

  11. After spending some time exploring different sections and observing how the interface works, I noticed that check this platform fits naturally into the experience – I found the site easy to use, and the content appears quite engaging overall.

  12. While going through sections and testing navigation, I found that visit this link enhances the experience – nice browsing overall, and everything seems well placed and readable.

  13. During a random browsing moment I noticed practical daily life hub placed within the article and it felt useful – It offered straightforward ideas that are easy to apply and actually improve everyday routines without unnecessary complexity.

  14. Organizations focused on digital transformation often adopt advanced tools that enhance productivity, simplify collaboration, and improve visibility across all departments and workflows Revenue Growth Console allowing them to coordinate more effectively, reduce operational bottlenecks, and achieve better alignment between strategic goals and execution processes

  15. People searching for well-curated online collections of ideas, tutorials, and digital inspiration frequently discover digital-discovery-space – it acts like a central point where exploring online content becomes smoother, more enjoyable, and naturally engaging for users who like discovering new information regularly without unnecessary complexity.

  16. As I browsed casually through different sections, I saw that click for details aligns with a tidy structure – the first impression is positive, and everything feels easy to find and read overall.

  17. If you want to stay competitive, checking out online innovation hub – a digital resource helps users gain knowledge, improve strategies, and stay ahead in the rapidly changing technological and business environment.

  18. Users interested in space themed shopping often prefer online marketplaces that highlight futuristic trade networks and curated international products with imaginative design styles Orbit Lunar Commerce Market showcasing diverse global goods through a futuristic digital interface – The store delivers a dynamic browsing experience focused on innovation worldwide sourcing and creative product discovery

  19. During my browsing of inspirational platforms, I came across better life guide – which offers uplifting content that encourages readers to adopt positive habits and focus on meaningful personal growth.

  20. People evaluating online systems often focus on professionalism structure and how effectively progress is communicated through the website interface GrowthTrue Clean Portal – The TrueGrowth platform delivers a structured and professional experience where progress is highlighted clearly ensuring users can navigate smoothly and easily.

  21. For users passionate about expressive writing, exploring narrative inspiration center – a platform that presents structured storytelling ideas and creative guidance can help individuals build stronger communication skills and craft impactful written content.

  22. While going through the content step by step and observing usability, I found that visit this link enhances the experience – the navigation is smooth, and the layout remains tidy, modern, and easy on the eyes.

  23. Many students of online business start by exploring resources like digital growth guide when they want practical insights into expanding visibility, as it connects theory with real-world application – This version emphasizes practical learning paths that help users understand how digital expansion strategies can be applied in everyday marketing scenarios effectively.

  24. Many individuals focused on teamwork turn to partner ideas hub – a platform that promotes strong collaborative energy, helping users exchange useful insights and build productive relationships that contribute to consistent progress and shared success.

  25. Users often evaluate websites based on how quickly they can understand structure and move between sections without encountering unnecessary complexity or delays InnovaCore Access Portal – InnovaTek showcases a minimal yet powerful interface design that enhances usability, ensuring users enjoy a smooth and efficient browsing journey from start to finish.

  26. For those seeking advancement, exploring future connection hub – a collaborative network helps users discover opportunities, build relationships, and create meaningful pathways for long-term success and shared growth.

  27. Users comparing digital platforms often prioritize how clearly ideas are communicated and how effectively the interface supports smooth and intuitive browsing VerseGrowth UX Node – The GrowthVerse platform offers expanding ideas in a clean interface that is highly usable making it easy for users to explore and understand information.

  28. People exploring motivation and personal development often visit platforms like success mindset art hub – a thoughtful space that shares inspiring perspectives on achievement, helping users develop a clearer understanding of success through meaningful and motivating content in everyday life situations.

  29. As I explored further, I noticed that visit this link is part of a neatly arranged page – everything feels easy to follow, and the clear structure helps reduce any sense of clutter or confusion.

  30. In various conversations about digital layout design and usability testing, users frequently refer to examples like vision value explorer page which appear in curated resources focusing on clean structure, intuitive navigation, and readable content presentation. – It is commonly perceived as simple, solid, and easy to interact with.

  31. People who stay curious tend to approach life with excitement and openness which helps them notice opportunities that others might overlook opportunity seeker path – this highlights how curiosity enhances awareness and supports a more engaged and proactive way of interacting with the world

  32. Many users looking for helpful guidance rely on tools like value insight guide – a resource that presents meaningful content clearly, helping individuals discover practical knowledge that supports smarter choices and improved understanding across various topics and areas.

  33. For anyone seeking motivation and imagination, it’s helpful to use discover inspiration daily – a platform that shares thought-provoking and uplifting content designed to spark creativity and encourage positive thinking consistently.

  34. During my search for educational content, I discovered learning journey space – which provides encouraging messages focused on continuous improvement and building stronger skills through everyday practice and dedication.

  35. During my late night exploration of online community spaces I came across idea sharing lounge the vibe was relaxed friendly and encouraged natural conversation – I quickly felt comfortable enough to join discussions and share my thoughts openly.

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>