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:

347 thoughts on “JSIO Performance Results”

  1. Hello my friend! I want to say that this post is amazing, nice written and include approximately
    all significant infos. I’d like to see extra posts like this .

  2. I loved as much as you’ll receive carried out right here.
    The sketch is tasteful, your authored subject matter stylish.

    nonetheless, you command get got an edginess over that you wish be delivering
    the following. unwell unquestionably come further formerly again as
    exactly the same nearly very often inside case you shield this increase.

  3. If some one desires to be updated with hottest technologies after that he must be pay
    a visit this web site and be up to date everyday.

  5. great put up, very informative. I ponder why the opposite specialists of this sector don’t notice this.
    You must continue your writing. I am confident, you’ve a great readers’ base already!

  16. Found a bride? top-rated proposal venues near Barcelona romantic scenarios beautiful locations photo shoots decor and surprises for the perfect declaration of love. Make your engagement in Barcelona an unforgettable moment in your story.

  18. Проблемы с застройщиком? взыскать неустойку по дду помощь юриста по долевому строительству расчет неустойки подготовка претензии и подача иска в суд. Защитим права дольщиков и поможем получить компенсацию.

  20. Нужен юрист? адвокат арбитражный суд представительство в арбитражном суде защита интересов бизнеса взыскание задолженности споры по договорам и сопровождение судебных процессов для компаний и предпринимателей.

  21. Ищешь кран? кран под приварку для трубопроводов различного назначения. Надежная запорная арматура для систем водоснабжения отопления газа и промышленных магистралей. Высокая герметичность долговечность и устойчивость к нагрузкам.

  24. This design is wicked! You most certainly know how to keep a reader entertained.
    Between your wit and your videos, I was almost moved to start
    my own blog (well, almost…HaHa!) Fantastic job. I really enjoyed what you had to say, and more than that, how you presented it.
    Too cool!

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>