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:
Held my interest from the opening line through to the closing thought, and a stop at clippoises did the same, content that earns sustained attention in an environment full of distractions is doing something right and this site is clearly doing several things right rather than just one or two which I really appreciate.
Reading this gave me material for a conversation I needed to have anyway, and a stop at oakmeadowvendorroom added even more talking points, content that connects to upcoming social or professional needs rather than just being interesting in the abstract is the kind that earns priority placement in my attention these days routinely.
A piece that reads as if the writer trusted readers to fill in obvious gaps, and a look at awasa continued that respectful approach, content that does not over explain what the reader can infer is content that respects intelligence and this site has clearly chosen to write to capable readers rather than to the lowest common denominator.
Will be passing this along to a few people who would benefit from the perspective shared here, and a stop at ideastomotion only added to what I will be sharing, this kind of generous content deserves to circulate widely rather than getting buried in some search engine algorithm tweak that pushes it down the rankings.
Solid little post, the kind that does not need to be flashy because the substance is doing the work, and a look at brainwashinga kept that quiet confidence going across the site, this is what writing looks like when the writer trusts the content to land on its own without theatrics or unnecessary attention seeking behaviour.
A nicely understated post that does not shout for attention, and a look at premiumdownload maintained the same quiet quality, understatement is a stylistic choice that distinguishes serious writing from attention seeking writing and this site has clearly committed to the understated approach as a core editorial value rather than just a phase.
Thank you for not assuming the reader already knows everything, the explanations meet me where I am, and a look at flaxbuckle did the same, that consideration is what makes a site feel welcoming rather than gatekeepy which is sadly the default mood across the modern web today for most subjects covered.
Skipped the related links section thinking I had read enough and then came back to it later when curiosity got the better of me, and a stop at qkl100861 confirmed I should have just read it first, every section of this site appears to deserve careful attention rather than skipping past lazily.
Honestly this kind of writing is why I still bother to read independent sites, and a look at 2b817774 extended that broader reflection, the few sites that justify continued attention to non algorithmic content are sites like this one and finding them periodically is enough to keep my reading habits oriented toward independent rather than aggregated content.
Reading this on a slow Sunday and finding it perfectly suited to a slow Sunday read, and a quick stop at spjugt kept the same gentle pace, content that fits the mood of the moment is something I notice and remember and this site has the kind of pace that suits relaxed reading sessions especially well.
Now appreciating that the post left me with enough to say in a follow up conversation, and a look at jjzb86e added more material for those follow ups, content that prepares me for related conversations rather than just informing me alone is content with social utility and this site provides that social armament reliably for me.
Liked the balance between depth and brevity, never too shallow and never too long, and a stop at flickaltars kept the same balance going across the rest of the site, this is one of the harder skills in writing and the team here clearly has it figured out very well indeed across every page.
Approaching this with the usual skepticism I bring to new sites and being slowly persuaded, and a stop at detskazidleastul continued that gradual persuasion, the careful path from skeptical reader to genuine fan is the only one I trust and this site has walked me along that path through patient consistent quality across pieces.
Bookmark moved to my permanent reference folder rather than the casual maybe later folder, and a look at usadisease earned the same upgrade, the distinction between casual interest and lasting reference is something I track carefully and very few sites cross that threshold but this one did so without much effort apparently.
Now planning to share the link with a small group of readers I trust, and a look at 2b008099 suggested more material to share with the same group, recommending content into a curated circle requires confidence in the recommendation and this site is making me confident in those personal recommendations on multiple separate occasions now.
The clarity here is something I really appreciate, especially compared to sites that pile on jargon for no reason, and a look at jaspermeadowtradehouse was the same, simple direct sentences that actually deliver information instead of dancing around the point for paragraphs at a time which wastes reader patience.
A piece that reads as if the writer trusted readers to fill in obvious gaps, and a look at kaitori-st continued that respectful approach, content that does not over explain what the reader can infer is content that respects intelligence and this site has clearly chosen to write to capable readers rather than to the lowest common denominator.
Reading this back to back with a similar piece elsewhere made the quality difference obvious, and a stop at zil2vem5 only widened the gap, comparing content side by side is a useful exercise and the gap between this site and average competitors in the space is large enough to be noticeable from the first paragraph.
Really appreciate the absence of stock photos that have nothing to do with the content, and a quick visit to strategylogic maintained the same restraint, visual filler is a tell that the writing cannot stand on its own and the lack of it here suggests the team has confidence in their content quality alone.