Community
Participate
Working Groups
At the moment our pages are directly including a number of individual css and javascript files and in some cases we're even inlineing code and styles. Both make it difficult to really optimize how a page loads because we end up with on the order of 25 loads or cache checks per page. To better support optimization we should instead have just one .css file and one .js file per page. So, for example "coding.html" should just include a "coding.js" and a "coding.css". This will allow us to hide the work being done to provide code and styling information. An optimized build could put all the contents in those one files or perhaps some clever layering if we find that makes sense. A development build could use @import statements and dynamic loading via requirejs to ease debugging and editing and give us some flexibility to try things out.
I'm going to start just with CSS as we have more work before we can start doing JavaScript with requireJS. Expect a small modification to essentially all the HTML files.
(In reply to comment #1) > I'm going to start just with CSS as we have more work before we can start doing > JavaScript with requireJS. Expect a small modification to essentially all the > HTML files. We need to delete the old copies of the CSS files that got moved from static to static/css. I just merged and could not for the life of me figure out why my landing page styling looked wrong. The problem was that git merged the html nicely so that I was pointing at the copy of the stylesheet, but all my changes had been made in the original one. I didn't do this myself because I wasn't sure if you were done here, but it would help reduce confusion to delete the old copies as soon as it is safe.
Forgot to add a comment here. When I committed my change I forgot to also do the git rm for the files I renamed. Fixed now -- sorry for the confusion
To allow CSS ptimization we need to use relative urls when we do our @imports. I've checked that in now.
Test build is available here: http://build.eclipse.org/eclipse/e4/orion/N201105131436/N20110513-1436/ All css files under org.eclipse.orion.client.core/static have been inlined and comments removed. This is the requirejs "standard.keeplines" css optimization. Nothing special must be done for maintenance going forward, except if we begin importing css file from somewhere other than org.dojotoolkit or the orion.client.core/static
This was done for M8.
