Optimizing file size and load times
colinbdclark at gmail.com
Wed Jun 24 15:03:16 UTC 2015
Thanks for the numbers, this is awesome.
We do indeed recommend that all Infusion users deploy a concatenated and minified build, rather than the unminified source. We provide a Grunt-based build system that allows users to:
1) Choose which components and pieces of the framework they want to deploy
2) Produce concatenated and minified versions
It looks like in both cases--the Inclusive Design Institute site and the Infusion daily build site--we are using an unminified development distribution instead, which is definitely, as you say, a bug.
It's not clear to me why we're also seeing duplicate loads of the same resources for a given page, but that is also something we should address. Seems like it may also be worth gzipping our assets as well?
> On Jun 24, 2015, at 9:46 AM, Tirloni, Giovanni <gtirloni at ocadu.ca> wrote:
> While benchmarking some of our websites I noticed the Infusion JS files
> account for most of the load time. I'm not necessarily close to our
> datacenter and here it takes as much as 15-20sec of the total page load
> time (180ms RTT). The impact is greater on my smartphone.
> => inclusivedesign.ca
> - MyInfusion.js is downloaded twice (different URLs)
> - Size: 1749KB
> - Compressed Size: 542KB (30%)
> - Minified Size: 902KB (51%)
> - Minified/Compressed Size: 230KB (13%)
> => build.fluidproject.org
> - infusion-custom.js is downloaded twice
> - Size: 2444KB
> - Compressed Size: 586KB (23%)
> - Minified size: 1286KB (52%)
> - Minified/Compressed Size: 157KB (6%)
> I've only tested these two but I'm wondering what other websites out
> there are using the framework and not minifying / compressing these
> files. Usually enabling compression at the server level is outside the
> control for web hosting clients so I wouldn't count on that being
> enabled always.
> Would it make sense to offer minified JS files by defaults from the
> repository or perhaps include steps to minify them in the official
> documentation? I have used UglifyJS in my tests.
> fluid-work mailing list - fluid-work at lists.idrc.ocadu.ca
> To unsubscribe, change settings or access archives,
> see http://lists.idrc.ocad.ca/mailman/listinfo/fluid-work
More information about the fluid-work