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

  2. While exploring online deal websites and value comparison tools, I discovered ultimate value portal included within curated content, and the platform felt really useful as everything appeared structured and easy for visitors to navigate smoothly without unnecessary complexity.

  3. During an extended session browsing shopping and product recommendation websites, I found daily value corner embedded in a recommendation section, and the experience felt useful since browsing sections were smooth and naturally organized across all categories.

  4. After reviewing multiple collaboration websites, I found simple partner alliance – The platform felt well designed, and the content was engaging and professional, allowing visitors to browse smoothly without distractions or confusing layout issues online.

  5. In browsing productivity and focus improvement platforms online I discovered Focus Mastery Guide Hub featured among similar resources – The experience felt smooth with clean structure and browsing through pages feeling comfortable and straightforward today thanks to well organized sections and easy flow.

  6. During a relaxed check of lightweight discovery websites and simple idea platforms, I noticed a page featuring Choice Picks Spot integrated within its content structure – The experience felt steady and enjoyable, with easy navigation through short and useful daily browsing suggestions.

  7. During my exploration of inspirational content, I discovered meaning focused hub – which offers thoughtful messages that encourage users to create with intention and prioritize meaningful outcomes in everything they choose to build or pursue.

  8. While checking different mindset coaching resources and life reset platforms, I came across New Beginnings Focus Network placed within the content flow – Starting fresh feels easier now, and this space supported me in organizing my thoughts and taking practical steps toward a more positive and structured life direction

  9. While browsing trend focused lifestyle websites for inspiration, I came across Trend & Life Studio – The content is arranged clearly and logically, allowing new visitors to easily navigate through sections and find useful information without feeling confused or overwhelmed during their visit today.

  10. Digital audiences generally expect websites to load quickly, respond smoothly, and provide intuitive navigation that minimizes confusion and improves accessibility across all sections SpherePath UI System – NexaSphere achieves a strong balance between modern aesthetics and functional usability, creating an environment where users can explore content with ease and confidence.

  12. For a long time I kept delaying my project until I decided to take action and build it through Indie Project Station where I could finally arrange my thoughts and resources properly to make progress – Now that I’ve launched it, the feeling of accomplishment is truly unmatched

  14. Many individuals searching for sophisticated online items value platforms that emphasize simplicity and elegance in presentation, and premium style portal – creates a smooth browsing environment that highlights tasteful finds while allowing users to explore categories comfortably without unnecessary clutter or confusion overall.

  17. People browsing online for soft pastel inspired decor and accessories often search for curated shops that feel personal, warm, and creatively styled Cove Daisy Dream Shop – this store delivers a gentle aesthetic experience with charming products that make browsing feel calm, enjoyable, and pleasantly immersive for casual visitors

  19. While reviewing multiple shopping websites, I came across several that lacked consistency, yet outlet bargain hub offered a smooth and structured interface with fast loading pages and clear categories that made browsing significantly more convenient overall for all users.

  20. People who enjoy high end accessories often carefully plan purchases to ensure they feel meaningful and satisfying in the long run Dream Collection Premium Watch Market – I got my dream watch here after months of saving, and it was worth it because it felt like a rewarding experience that made all the waiting completely worthwhile

  21. During a casual browsing session across creativity-focused websites and idea platforms, I found creative flow hub placed inside a recommendation block, and the experience felt pleasant since the content appeared fresh and visually comfortable throughout different sections of the site.

  24. While browsing different trading learning platforms, I eventually noticed trusted trading academy – The website offered helpful trading resources, and the layout remained simple and easy to follow, allowing users to understand everything without confusion or clutter online.

  25. People who like comfortable starts to their day often rely on small routines that include coffee and light browsing, helping them feel grounded before work or responsibilities begin Comfort Start Hub – My morning ritual now involves coffee and browsing here daily, and it has become one of the most relaxing parts of my routine

  27. During browsing for educational inspiration online, I found Learn Share Discover Hub which presents interactive lessons in a clear and engaging way – it feels motivating and well structured, allowing users to explore ideas and learn comfortably without feeling overwhelmed or confused

  29. While getting ready for my very first apartment rental I researched interior trends and found modern cozy living guide which gave me inspiration for colors and layouts – it made the entire planning process feel much easier and more enjoyable overall experience today now.

  30. During exploration of motivational coaching websites and personal growth hubs, I came across Your Vision Future Hub embedded within the article flow – Finally feeling heard, your vision really does matter here, and it builds a supportive mindset where personal ideas feel respected and future planning feels more confident

  33. In browsing digital fashion inspiration websites and style guide platforms, I came across Style Vision Corner Hub listed within a recommendation set – The pages loaded quickly, and the content felt genuinely useful, providing a smooth and enjoyable browsing experience with well organized sections today.

  34. While browsing innovation hubs and idea discovery platforms, I found a website featuring Mind Idea Junction embedded within its content, which made navigation feel seamless – The experience felt organized and helped connect different creative concepts naturally.

  35. During an extended browsing session across discount and value platforms, I found value discovery hub embedded in a recommendation section, and the experience felt useful because everything was organized well and easy for visitors to browse multiple pages comfortably.

  36. When I think about improving my wardrobe I always want something that feels trendy but still affordable because I don’t like spending too much on fashion items I may only wear occasionally, and during my search I discovered Budget Chic Closet which offers helpful style inspiration for everyday outfits – It really helps me keep my clothing collection updated while staying financially comfortable and relaxed about my choices

  37. People interested in improving their mindset and productivity often explore motivational platforms online Creative Leadership Hub that combine inspiration with leadership strategies and actionable steps for consistent personal progress and growth.

  40. People exploring creative hobbies often underestimate their own abilities until they try guided resources that unlock hidden skills and confidence Potential Discovery Creative Hub – I never knew I could draw until I followed their advice, and I genuinely surprised myself with the results I was able to achieve through simple practice and encouragement

  41. During my browsing of life planning tools I discovered a platform that helps users create their future by setting goals, building structure and staying motivated daily Future Vision Build Hub – the experience feels clear and supportive, guiding users to think ahead and take consistent action toward meaningful personal success

  42. Those who are committed to long-term personal growth often appreciate resources that simplify complex ideas into practical guidance they can apply daily, particularly when they come across focused-growth-journey – these simplified approaches help remove confusion strengthen clarity and support consistent action that leads to meaningful progress over time for most learners.

  44. During an extended search across inspiration and creative concept websites, I came across creative mind hub embedded in a recommendation list, and the experience felt smooth because pages open quickly while information stays clearly arranged throughout.

  45. Users who enjoy browsing aesthetic focused online marketplaces often come across small stores while searching for unique decorative and lifestyle products Orchard Drift Artisan Picks the experience feels refreshing – it gives the impression of uncovering a hidden gem where creativity and subtle beauty are present in every selection

  46. During a casual evening of exploring online resources, I discovered modern exploration hub where the information is arranged in a clear and simple way, allowing visitors to move through pages comfortably while enjoying straightforward navigation and an overall easy browsing experience across the platform.

  47. People who enjoy aesthetic home living often choose simple items that improve mood and create a calming environment, making daily life feel more pleasant and intentional Aesthetic Living Hub – I bought a plant and a mug and it reminded me that even the smallest joys can make a real difference in how a day feels

  50. I spent some time comparing different shopping value sites before opening modern value hub – The website felt user friendly and organized, and products were presented in a visually appealing way that made browsing simple without clutter or confusion 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>