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

  1. Howdy I am so glad I found your site I really found you by accident while I was browsing on Digg for something else Nonetheless I am here now and would just like to say cheers for a tremendous post and a all round thrilling blog I also love the theme/design I dont have time to read it all at the minute but I have bookmarked it and also included your RSS feeds so when I have time I will be back to read more Please do keep up the awesome work. Gates of Olympus Xmas 1000

  2. Online shoppers sometimes enjoy imagining digital marketplaces shaped around natural scenery and soft visual identity, where browsing feels like walking through a quiet countryside market filled with artisan creations and rustic-inspired collections echo rustic goods hub – This reflects a calm shopping concept that emphasizes simplicity, natural themes, and a soothing browsing environment that enhances user comfort and curiosity during exploration.

  3. Users who spend time on e-commerce platforms frequently appreciate when items are presented in a way that sparks interest and encourages return visits as seen on petal copper marketplace – browsing felt satisfying because the product range appeared appealing and worth revisiting later for a closer look at different categories and offerings.

  4. Online platforms dedicated to interior design inspiration often succeed when they combine creativity with a straightforward and distraction free browsing environment for users Design Inspired Store – it showcases thoughtfully designed products that reflect artistic influence while maintaining a practical shopping experience for everyday use

  5. Online users exploring luxury marketplaces often prefer platforms that highlight exclusive items in a simple and organized format Luxury Goods Discovery Point enhancing experience – The platform is known for its elegant structure and smooth browsing functionality

  6. While checking out different online stores, I came upon take a look and it gave a calm impression – The browsing experience felt smooth and easy, with products nicely arranged in a clean and simple layout.

  7. Users trying out different e commerce websites usually appreciate when information is clearly presented and navigation feels natural from the very first interaction urban flash corner organized shop the browsing experience feels balanced and easy to follow which helps maintain engagement throughout the session without overwhelming visual elements

  8. During a casual review of digital gallery platforms and small marketplace ecosystems I encountered a listing pointing to Moon Cove art commerce gallery which appeared in a structured index and after a short visit I noticed the content was easy to scan – overall it felt engaging and I might revisit again to see how it evolves over time

  9. Many users exploring e commerce websites prefer environments where products are grouped clearly and navigation feels natural across categories and sections Trendy Style Zone – The experience here focuses on presenting stylish goods in a structured yet approachable layout allowing users to explore different categories easily without feeling overwhelmed

  10. While conducting performance analysis of ecommerce checkout interfaces, I encountered a module titled rapid add to cart index – The system is highly responsive, ensuring that users can add items and continue browsing without delays, creating a smooth and efficient shopping experience overall.

  11. While reviewing various websites for online purchasing GoldenBay shopping environment stood out with its neat organization and accessible product listings creating a positive impression that emphasizes usability variety and a generally smooth experience for visitors.

  12. While browsing through product listings online, I came across click here to view – The site seems reliable, and the listings are clearly presented, offering useful information for users exploring options.

  13. Shoppers often prefer platforms that combine simplicity with efficiency, allowing them to explore products without unnecessary complexity or delays Quick Value Market – It emphasizes value-driven shopping experiences where users can quickly identify affordable products and make informed purchasing choices

  14. I clicked through a few sites and eventually found easy shop access which seemed nicely structured – It provides a calm and simple browsing experience that feels enjoyable and not overwhelming at any point.

  15. Howdy This post couldnt be written any better Reading through this post reminds me of my good old room mate He always kept chatting about this. I will forward this article to him. Pretty sure he will have a good read. Thank you for sharing Triple Pot Diamond

  16. Digital users often appreciate stations that simplify shopping by organizing practical goods into clean layouts, making browsing faster and more efficient overall Savvy Practical Goods Flow Hub Station – designed for smooth navigation, structured product listings, and improved usability that enhances daily shopping experiences significantly

  17. Online shoppers frequently choose premium trend centers because they provide a great place for discovering updated trends and modern product ideas easily Premium Trend Access Center Flow – The platform delivers fast loading pages and structured browsing for improved usability

  18. Online shoppers often value platforms where products are presented in a way that encourages curiosity and repeated exploration over time as seen on petal copper retail hub – browsing felt enjoyable because the items looked interesting and made the site feel worth revisiting for further exploration.

  19. Online buyers often prefer marketplaces that organize deals neatly and allow them to locate relevant products without spending too much time searching Goods Navigator Hub – The platform enhances product discovery through structured navigation tools that make browsing more intuitive and reduce effort during the shopping process overall

  20. Online shoppers today often prefer platforms that offer clean and modern interfaces so they can complete purchases quickly without unnecessary confusion during browsing Modern Cart Ease Hub making the buying process smooth and intuitive – The website is often appreciated for its simple layout and fast navigation system that helps users shop efficiently with minimal effort

  21. Many shoppers prefer online stores that combine natural inspiration with simple navigation, allowing them to focus on product quality and variety rather than overwhelming visual complexity meadow echo wellness portal – The concept suggests a refreshing marketplace designed around natural imagery, ideal for handmade goods, eco-friendly products, and wellness-focused items in a peaceful browsing setting.

  22. While checking out different online stores, I came upon take a look and it gave a calm impression – The layout is clean and the design is simple, making everything easy to explore at a relaxed and steady pace.

  23. While exploring different online resources, I landed on take a look and thought it was a solid site, with information presented clearly and a layout that made browsing smooth and efficient.

  24. People who explore shopping websites casually tend to notice when a platform feels both modern and easy to navigate without overwhelming visuals or cluttered design elements flash urban corner site everything appears aligned in a neat structure that makes browsing feel relaxed and efficient for everyday users

  25. Online buyers frequently prefer websites that highlight selected products rather than overwhelming them with too many options, improving overall shopping clarity and satisfaction 精选 Style Picks Zone – It offers a curated environment where stylish items are displayed thoughtfully, allowing users to browse quickly and enjoy a clean and efficient interface

  26. During a random browsing session online, I discovered check out this page – It feels nice to browse here, navigation is simple and clear, and pages load quickly which makes everything feel smooth and well organized.

  27. Visitors to online marketplaces often note that interesting product variety plays a key role in keeping browsing sessions engaging and enjoyable as seen on petal copper shop link – items were appealing and made the experience feel worthwhile encouraging another visit to explore the catalog more thoroughly in the future.

  28. During research into online retail environments I found a well structured marketplace particularly when accessing Cove premium goods archive which offers clear categorization and easy navigation – The browsing experience feels polished and efficient supporting users in quickly locating items of interest

  29. Online users enjoy shopping arenas that simplify cart management with smart systems, ensuring a smooth transition from browsing to checkout without unnecessary delays Smart Shopping Cart Efficiency Arena Portal – focused on clean interface design, organized cart flow, and fast checkout processes that enhance usability and improve overall shopping experience quality

  30. Shoppers today often value platforms like premium trend marts that provide useful items and simple user experience for efficient and stress free browsing Premium Trend Select Mart Flow – The website is appreciated for its modern layout and clear structure that enhances user satisfaction

  31. People exploring online shopping platforms often prefer systems that make cart management simple and intuitive across all product categories Easy Cart Factory Hub improving shopping flow – It is often recognized for its clean layout and efficient order handling system

  32. While researching online stores focused on affordability and usability, I came across discount value finder that categorizes low-cost items effectively – Value market hub focuses on affordable items and easy navigation, helping users streamline their search process and making it easier to compare deals without navigating through overly complex or cluttered interfaces.

  33. Online shoppers frequently value platforms that combine artistic floral design with easy navigation, making it enjoyable to browse through decorative and handcrafted product selections petal bazaar elegance store – It represents a soft, vibrant marketplace atmosphere where gifts and nature-inspired items are curated in a gentle and aesthetically appealing digital space.

  34. Wow that was strange. I just wrote an incredibly long comment but after I clicked submit my comment didnt appear. Grrrr… well Im not writing all that over again. Anyways just wanted to say excellent blog Candy Blitz Bombs

  35. During research into online vendor directories and curated retail platforms I found Flora Brook digital shop index which offered a clean layout with clearly separated marketplace sections – I came across useful insights while casually browsing through its content structure

  36. During my usual online scrolling session this afternoon, I discovered explore this store and it gave off a calm and well-organized impression that made me want to stay longer – It feels like a place where products are chosen with care, offering a unique and pleasant browsing experience overall.

  37. In the course of evaluating ecommerce cart interfaces and user experience design, I found that clarity and responsiveness are key to maintaining efficient shopping flows, particularly in large catalogs, which was evident when testing reliable shopping cart corner – The system feels dependable and well structured, offering a smooth and stable cart experience that makes online shopping easy and intuitive throughout.

  38. As I moved through a few online pages earlier, I discovered visit blossom shop and it felt very clean and minimal – The collection here seems fresh and thoughtfully curated for shoppers, creating a relaxed and easy browsing experience overall.

  39. Users interested in modern shopping experiences typically look for platforms that showcase trending items in a structured and visually engaging manner Style Trends Point – It provides a central point for discovering stylish innovations presented in a way that enhances browsing comfort and usability

  40. Users exploring online fashion stores often enjoy platforms that simplify browsing while offering visual clarity you can explore fashion-forward marketplace featuring neatly categorized items and a smooth browsing experience that helps visitors quickly locate styles they are interested in – The overall design feels polished with easy navigation and balanced layout presentation.

  41. I was casually exploring e-commerce websites when I noticed take a peek here – The product range appears quite varied, and it feels like a worthwhile destination for discovering good offers.

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>