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:

4,061 thoughts on “JSIO Performance Results”

  1. During an analysis of ecommerce platforms with promotional focus, I discovered a page titled budget deals discovery portal – The website highlights digital products with attractive pricing, giving users a smooth browsing experience that makes it easy to locate affordable tech items across categories.

  2. Many digital shoppers prefer platforms that feel intuitive and allow them to locate desired items quickly without needing to navigate complex structures or menus GoldenDune storefront hub – The site design emphasizes usability and offers a straightforward path for users to browse select and review items comfortably during their session

  3. While exploring multiple websites during free time, I discovered browse outpost site and thought it was a nice site overall, containing useful information that could be worth checking out again in the future.

  4. Online buyers often value platforms that present neon style deals in a clean and visually striking format for easier product discovery and selection Neon Deal Flow Hub making navigation smoother – It is commonly recognized for its bright design elements and structured browsing system

  7. Customers who enjoy organized shopping systems often use convenient cart builder link – The cart choice store experience helps users assemble their selections smoothly, ensuring they can easily add and manage items while enjoying a more structured online shopping journey

  8. Users frequently value e-commerce sites that present products in a way that feels engaging and encourages them to come back later particularly on copperpetal goods center – browsing felt enjoyable since items looked interesting and gave a strong impression of being worth checking again.

  9. While searching for new online shopping options, I encountered browse this platform – The initial impression is positive, with well-organized categories and an intuitive browsing experience that makes finding items simple.

  10. Online shoppers who value speed and efficiency often look for platforms that present products clearly while reducing browsing time through smart organization and fast loading pages Swift Goods Zone Hub – This platform delivers a rapid shopping experience with neatly arranged product displays that help users navigate quickly and find items without unnecessary delays

  11. As I browsed through artisan pages earlier, I came across open harbor crafts and it stood out beautifully – Crafts appear unique and interesting, and it’s definitely worth spending time exploring the variety without rushing through.

  12. Many digital consumers enjoy platforms that blend storytelling with design, especially when browsing curated goods inspired by contrasting natural worlds frost dune lifestyle hub – It reflects a creative marketplace where modern products are presented in a visually balanced environment influenced by ice and sand aesthetics.

  13. Shoppers who enjoy discovering new clothing ideas frequently prefer websites that organize fashion items in a clean and visually simple way for browsing fashion discovery portal – the overall presentation gives a smooth experience, helping users quickly notice updated styles and compare outfits without unnecessary effort or distraction while browsing

  15. Many digital users prefer stores that highlight trending products in a simple and structured way, and Smart Trend Store Guide Center – delivers easy navigation tools, clean design layout, and well categorized items that improve usability and support faster decision making during shopping.

  16. Many digital shoppers appreciate quality cart arenas featuring smooth cart experience with well organized categories and checkout flow for better decision making Quality Cart Arena Bright Flow Hub – The platform supports fast navigation and clean structure for improved experience

  18. I was navigating through different websites when I found shop artisan items and it gave a warm impression – The crafts look genuine and nicely presented, making the browsing experience smooth and pleasant overall.

  20. Many digital users prefer websites that offer a dedicated corner for neon inspired products and attractive deals presented in a bright and playful shopping environment Bright Neon Deal Corner improving user experience – It is commonly recognized for its colorful interface and well structured layout that supports smooth browsing across categories

  22. After spending some time casually browsing the internet, I ended up finding something that felt worth sharing with others here take a peek here – The collection feels carefully assembled, and there’s a uniqueness that makes it stand apart from typical stores.

  24. While searching for new shopping options online, I encountered browse this store – Everything looks arranged properly, which makes online shopping easier and more enjoyable since navigation feels simple and efficient.

  25. Not everything online feels interesting, but this one stood out because of its simple layout and appealing product selection explore this prism essentials – It’s a nice shop overall, and the products look interesting and worth checking out again for a closer look.

  27. People who frequently shop online tend to prefer platforms that present items in a structured way while allowing quick transitions between selections Efficient Picks Center – This center ensures that users can explore curated items quickly through a well organized interface

  30. Online audiences interested in boutique-style shopping frequently explore pages where the The GF Collective Market area appears among creative listings – it provides a friendly and accessible marketplace experience that highlights small-batch products and thoughtfully designed lifestyle goods for everyday use

  31. While exploring online stores I found something that felt refined and minimal with soft design elements and a smooth browsing experience silver petal browse hub – Beautiful collection here worth exploring for daily home inspiration today, making home inspiration feel easy and enjoyable.

  33. While going through a variety of online stores, I encountered check petal goods and it felt simple and organized – The store design feels modern and quite comfortable to navigate, making browsing easy and visually enjoyable.

  34. While checking out various websites, I stopped at check this page and found the content pretty interesting, with everything structured in a way that made it easy to go through and understand.

  35. During a casual browsing session I found a website that felt serene and well structured with a clean interface and neatly arranged product sections that supported effortless navigation twilight oak shop – Store has calm aesthetic with easy browsing and clean layout, offering a smooth and relaxing user experience.

  38. Online users often appreciate platforms that feel like discovering secret enchanted worlds, offering curated selections of premium lifestyle and cozy themed products frost enclave premium goods – It represents a winter sanctuary brand identity where products are arranged in a calm, magical structure designed for immersive browsing experiences.

  39. Many shoppers enjoy platforms that present stylish items in a clear and structured format, and Stylish Fashion Corner Browse Hub – delivers intuitive navigation, well arranged categories, and updated fashion collections that improve usability and overall shopping satisfaction for users everywhere online today.

  40. Fashion enthusiasts who frequently shop online often prefer platforms that present items clearly and reduce unnecessary distractions while browsing urban style arena link – the overall interface supports smooth navigation and helps users stay focused on discovering outfits that match their personal taste and preferences

  42. Users exploring online shopping platforms frequently prefer quality cart stations that offer efficient shopping station tools with easy cart management and quick purchases for improved usability Quality Cart Station Style Flow Hub – The interface is modern and intuitive, allowing seamless browsing across sections

  43. During my search for shopping platforms, I stumbled upon check this out now – The items appear stylish and appealing, making it a nice place to discover new things online without confusion.

  44. I was browsing around earlier and stumbled across something interesting, and after spending a bit of time exploring it I felt it was worth mentioning here check this lovely store – I genuinely enjoyed going through their selection, everything seems carefully picked and has a distinct charm that sets it apart from typical online shops.

  45. In my exploration of platforms that support online selling systems, I encountered store zone solution pack which provides structured tools for e-commerce setup – it focuses on improving workflow management, enhancing usability, and offering flexible configurations that help businesses build stable and efficient online stores with ease.

  46. I was casually scrolling online today when I came across a store that felt unexpectedly pleasant to look through and spend time on radiant shore collective and the layout immediately gave a fresh and organized impression that felt easy to trust, – It really gives off a modern curated vibe where every section feels intentionally designed, making browsing feel smooth, calm, and genuinely enjoyable overall.

  47. People interested in fast digital shopping often choose platforms that provide instant product access and streamlined payment processes Rapid Goods Market – The platform focuses on delivering quick browsing and efficient checkout performance

  49. During my online browsing time, I stumbled upon check this store and it stood out with its clarity – The layout is clean and navigation is simple, making the browsing experience easy and enjoyable from start to end.

  50. As I moved through different handmade stores earlier, I discovered visit bright forge shop and it felt very artistic – Items here seem creative and browsing experience felt smooth overall, creating a simple and pleasant journey through the site.

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>