Performance: Push JS includes to the bottom, and combine CSS

[atonse]

I'm doing a lot of performance tuning for our Seam application and a big bottleneck in page load time is because framework.pack.js and ui.pack.js are right at the top of the page, holding up downloads of css and images for a full 300-400ms (often longer). Also there are 3 RichFaces css files being downloaded instead of just one.

Is there any way of moving the includes of those two JS files to the bottom so they don't block CSS downloads? And is there a way to combine all the CSS into one file that has a cache lifetime? (So browsers would get a 304 Not Modified) for the combined file.

Thanks in advance.

[nbelaevski]

Hi,

Here is the related JIRA: https://jira.jboss.org/jira/browse/RF-1941.

As for now, you can:
1. switch off standard skinning, so you'll get a single CSS file.
2. set load strategies to NONE for both scripts and styles resources and place them anywhere on the page.
3. use this: https://www.jboss.org/community/wiki/MavenResourceDependencyPluginReference to minify volume of CSS/JS content downloaded.