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

  1. E-commerce platforms are most effective when they help users quickly identify appealing offers through structured and visually coherent layouts deal exploration point – A point based exploration system that guides users through various discounted items while maintaining a clean, organized, and visually appealing shopping experience overall.

  2. While reviewing innovation and future focused online resources I came across Build Future Strategy Network included among similar platforms – Impressed with the organization today where useful sections were quick to access and refreshingly simple to explore with structured and intuitive navigation.

  3. People interested in modern living trends often appreciate content that highlights beauty, simplicity, and functional design choices, and lifestyleaesthetics lifestyleaesthetics offers inspiration that helps shape more visually appealing environments while supporting practical and comfortable everyday living solutions for better homes today.

  5. Users searching for clarity in decision-making processes across different platforms often turn to structured resources where direction clarity service – helps interpret complex information more simply, enabling users to compare options and make more confident selections with improved decision accuracy for everyday use today.

  9. While browsing affordable clothing platforms, I came across Fresh Outlet Fashion Hub which features a clean design and smooth navigation experience that feels easy – trendy fashion deals are available and great prices with variety are everywhere today for all fashion lovers

  10. When examining how online retail platforms communicate product diversity, some commentary includes references like shopping variety pure choice site which is usually framed as a general example of e-commerce structure highlighting assortment visibility, category organization, and a streamlined approach to navigating different types of products in one place.

  11. Web users typically prefer platforms that reduce clutter and provide well-organized pathways to different information sections. GrandLink data hub – The GrandLink data hub layout appears structured and accessible, supporting users in quickly finding relevant details across pages.

  12. I liked how the information here was arranged carefully enough to keep everything readable without overcrowding the page, which made the entire browsing experience feel smoother and more approachable than many competing platforms online today. quality interaction space – The professional structure and organized presentation helped the overall content quality stand out clearly among similar websites online.

  14. Many users exploring interior design ideas appreciate structured inspiration that helps them visualize better arrangements for everyday living spaces Home Vision Board – this perspective supports thoughtful planning, allowing people to combine functionality and aesthetics in a way that reflects personal taste and comfort priorities.

  18. People searching for visually engaging lifestyle content online frequently appreciate websites with organized layouts and practical inspiration, and urban style collection – delivers a smoother browsing experience where users can discover contemporary ideas while enjoying a modern and uncluttered presentation overall.

  20. Users who want consistent motivation often look for digital resources that provide energetic and practical life advice for maintaining focus and positivity Energy for Life Guide offering supportive ideas that help improve emotional resilience and daily productivity – It emphasizes active engagement with positive habits, stronger mindset development and a more driven approach to personal goals overall

  21. During my exploration of online discount hubs and savings platforms I came across Deal Vision Savings Hub featured in a curated list – The browsing experience felt smooth with consistent content quality and nicely maintained structure throughout recently making it easy to find relevant deals today.

  23. While exploring online present shops, I came across Creative Gifts & Ideas Hub which provides a structured and modern design that enhances browsing experience – it is a perfect spot for unique gifts and there are many creative ideas available online for all users

  25. People seeking motivation to start taking action immediately can explore motivation action center which provides inspiring content and structured direction, helping users overcome hesitation, build confidence, and move steadily toward their goals through consistent effort and focused daily improvements in life and work situations.

  26. While browsing digital shopping platforms I discovered a website that offers a good product selection with easy navigation and a clean well organized interface for users Smart Choice Store Hub – the experience feels smooth and structured, guiding users to browse items, discover options and shop with ease and clarity

  28. During my search for productivity and mindset guides, I found Big Goals Action Page featured among recommended platforms – The website offers several useful sections, and the layout feels clean, welcoming, and well organized for users who prefer simple browsing experiences.

  29. Users interacting with modern web platforms usually value consistency, speed, and how well the layout supports quick access to important information sections VertexSky Navigation Flow – The SkyVertex platform ensures a well-structured design that allows users to navigate effortlessly while maintaining clarity and smooth transitions across all pages.

  34. During casual exploration of fashion idea platforms, I discovered Style Fashion Daily Inspiration Hub which features a modern interface and well organized sections – fashion updates and styling tips make browsing enjoyable very much by making style exploration engaging and practical

  36. While browsing various online shopping and discount discovery platforms I came across a section featuring Amazing Deals Hub which stood out for its clarity – Enjoyed checking this platform pages loaded quickly and navigation worked perfectly everywhere today with smooth transitions and well organized deal categories throughout the entire experience.

  37. For designers and thinkers exploring fresh digital inspiration, the platform creative ideas hub appears as a useful resource for gathering perspectives and brainstorming support – it delivers regularly updated creative perspectives that help users expand imagination and apply modern thinking in practical everyday problem solving situations effectively.

  38. Many users searching for educational inspiration often appreciate platforms that support curiosity and active exploration, and explore learning center – creates a smooth experience where individuals can discover meaningful ideas while maintaining enthusiasm for continuous personal growth overall.

  39. Digital audiences often judge a platform based on ease of navigation, speed of response, and overall clarity of structure during use Crafted Link Experience Hub – LinkCraft offers a refined browsing environment where minimal distractions and well-organized pages enhance usability and help users stay focused.

  40. As I searched for reliable discount marketplaces online I ended up on daily bargain space – The site provided a smooth experience overall, with quick loading pages and clearly structured details that made understanding offers and categories very straightforward for me today.

  44. While exploring productivity and mindset platforms, I found Stay Strong Motivation Hub which features a clean design and smooth navigation that improves browsing – motivational content keeps energy high and mindset strong every day supporting better habits and consistent action

  46. Shoppers who enjoy discovering premium and stylish goods may visit high end finds portal which provides curated luxury items and elegant selections – enabling users to access sophisticated products that combine exclusivity quality and modern design for a refined online shopping experience.

  47. When navigating vast digital ecosystems, individuals often seek assistance from discovery-oriented services, and they may encounter Idea Navigator in recommendation guides – this revised description highlights its role in guiding users through complex choices and improving the overall browsing experience with more structured and meaningful suggestions.

  48. During my search through online creative idea and innovation platforms I discovered Concepts Creative Discovery Page included among curated resources – The website felt very pleasant overall where discovering interesting content was smooth and naturally engaging today with clean layout and easy browsing structure.

  50. People evaluating digital websites often focus on usability, visual clarity, and how the design helps them quickly find and understand relevant information PathVivid Flow Node – The VividPath platform provides a colorful and engaging experience where browsing feels pleasant, easy, and well structured for all users across different sections.

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>