[xwiki-users] Page Loading Optimization
Hi all, Page Loading time is a very important criteria when developing a web site. According to a recent survey<http://www.webdesignerwall.com/general/users-place-more-weight-on-design/>more than half people would drive away from a site with slow loading pages. There are several interesting issues that could be implemented to substantially improve page loading time in XWiki. Number one is aggreation of CSS and JS files in order to reduce HTTP requests. (For info, we have a total of 25 external CSS and JS files on a basic XWiki install when in the best world we would have just 2 - 1 CSS and 1 JS) Someone interrested in working on this with me ? -- Thibaut Camberlin Project Manager XWiki
Hi, On Thu, Nov 5, 2009 at 17:28, Thibaut Camberlin <[email protected]> wrote:
Hi all,
Page Loading time is a very important criteria when developing a web site. According to a recent survey<http://www.webdesignerwall.com/general/users-place-more-weight-on-design/>more than half people would drive away from a site with slow loading pages.
There are several interesting issues that could be implemented to substantially improve page loading time in XWiki.
Number one is aggreation of CSS and JS files in order to reduce HTTP requests. (For info, we have a total of 25 external CSS and JS files on a basic XWiki install when in the best world we would have just 2 - 1 CSS and 1 JS)
Note that there is already many suggestions in http://jira.xwiki.org/jira/browse/XWIKI-2022, you should look at it and add yours.
Someone interrested in working on this with me ?
-- Thibaut Camberlin Project Manager XWiki _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
-- Thomas Mortagne
Hi Thibaul, all Something easy to do that would contribute to reduce the number of CSS files is to concatenate all the WYSIWYG CSS files from the various plugins at build time (there are more than 10 AFAIK). Marius, have you looked into this? Do you know if this could be done in the 2.1 timeframe ? Note that the target of 1 CSS and 1 JS is pretty challenging for XWiki as we are also making it a modular software where CSS and JS extensions can be conditionally loaded on some (not all) of the pages. Something to investigate for JavaScript extensions could be a dynamic JS loading mecanism, a la dojo (http://dojocampus.org/content/2008/10/09/dojo-module-packaging-and-loading/) Jerome. PS: I put devs in copy as this is more a developer topic. On 11/5/09 5:28 PM, Thibaut Camberlin wrote:
Hi all,
Page Loading time is a very important criteria when developing a web site. According to a recent survey<http://www.webdesignerwall.com/general/users-place-more-weight-on-design/>more than half people would drive away from a site with slow loading pages.
There are several interesting issues that could be implemented to substantially improve page loading time in XWiki.
Number one is aggreation of CSS and JS files in order to reduce HTTP requests. (For info, we have a total of 25 external CSS and JS files on a basic XWiki install when in the best world we would have just 2 - 1 CSS and 1 JS)
Someone interrested in working on this with me ?
Hello, This is a topic which I have been most interested in, as you will see from my screenshot in http://jira.xwiki.org/jira/browse/XWIKI-2022 loading of javascript is the biggest waste of time. I would like to develop some code to store scripts in a cache and concatenate commonly used scripts together and serve in a single request. I have tested this and it works very well, but I have to make the code neat enough for production. Something which will probably wait until we have our first foot of snow here because there is lots to do in the fall. also see: http://jira.xwiki.org/jira/browse/XSKINX-30 Concatinate always used scripts together and serve in single file. and http://jira.xwiki.org/jira/browse/XSKINX-9 Introduce some internal caching mechanism, since minimizing the file is resource intensive Caleb James DeLisle Thomas Mortagne wrote:
Hi,
On Thu, Nov 5, 2009 at 17:28, Thibaut Camberlin <[email protected]> wrote:
Hi all,
Page Loading time is a very important criteria when developing a web site. According to a recent survey<http://www.webdesignerwall.com/general/users-place-more-weight-on-design/>more than half people would drive away from a site with slow loading pages.
There are several interesting issues that could be implemented to substantially improve page loading time in XWiki.
Number one is aggreation of CSS and JS files in order to reduce HTTP requests. (For info, we have a total of 25 external CSS and JS files on a basic XWiki install when in the best world we would have just 2 - 1 CSS and 1 JS)
Note that there is already many suggestions in http://jira.xwiki.org/jira/browse/XWIKI-2022, you should look at it and add yours.
Someone interrested in working on this with me ?
-- Thibaut Camberlin Project Manager XWiki _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
Jerome Velociter wrote:
Hi Thibaul, all
Something easy to do that would contribute to reduce the number of CSS files is to concatenate all the WYSIWYG CSS files from the various plugins at build time (there are more than 10 AFAIK). Marius, have you looked into this? Do you know if this could be done in the 2.1 timeframe ?
There are I think three steps to be taken in order to minimize the CSS load: 1) expand @import url('someURL'); 2) concatenate CSS files 3) minify the resulted CSS file So far I haven't found a tool to expand the CSS import declaration. Maybe I could write a small maven plugin for this. I think we can adapt to maven what is presented in this article http://www.samaxes.com/2009/05/combine-and-minimize-javascript-and-css-files... in order to achieve the last two steps. Marius
Note that the target of 1 CSS and 1 JS is pretty challenging for XWiki as we are also making it a modular software where CSS and JS extensions can be conditionally loaded on some (not all) of the pages. Something to investigate for JavaScript extensions could be a dynamic JS loading mecanism, a la dojo (http://dojocampus.org/content/2008/10/09/dojo-module-packaging-and-loading/)
Jerome.
PS: I put devs in copy as this is more a developer topic.
On 11/5/09 5:28 PM, Thibaut Camberlin wrote:
Hi all,
Page Loading time is a very important criteria when developing a web site. According to a recent survey<http://www.webdesignerwall.com/general/users-place-more-weight-on-design/>more than half people would drive away from a site with slow loading pages.
There are several interesting issues that could be implemented to substantially improve page loading time in XWiki.
Number one is aggreation of CSS and JS files in order to reduce HTTP requests. (For info, we have a total of 25 external CSS and JS files on a basic XWiki install when in the best world we would have just 2 - 1 CSS and 1 JS)
Someone interrested in working on this with me ?
_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
One of the things that would also help giving a much higher perceived performance, is reducing the JS and CSS of the Home Page. A lot of the JS and CSS that are loaded are NOT needed on the home page. With a loading of the global JS and CSS in 2 pages instead of one, the perceived performance of XWiki gets a huge boost I've done this with an #if in javascripts.vm and stylesheets.vm in some wikis and it was great. Ludovic Caleb James DeLisle a écrit :
Hello,
This is a topic which I have been most interested in, as you will see from my screenshot in http://jira.xwiki.org/jira/browse/XWIKI-2022 loading of javascript is the biggest waste of time. I would like to develop some code to store scripts in a cache and concatenate commonly used scripts together and serve in a single request. I have tested this and it works very well, but I have to make the code neat enough for production. Something which will probably wait until we have our first foot of snow here because there is lots to do in the fall.
also see: http://jira.xwiki.org/jira/browse/XSKINX-30 Concatinate always used scripts together and serve in single file. and http://jira.xwiki.org/jira/browse/XSKINX-9 Introduce some internal caching mechanism, since minimizing the file is resource intensive
Caleb James DeLisle
Thomas Mortagne wrote:
Hi,
On Thu, Nov 5, 2009 at 17:28, Thibaut Camberlin <[email protected]> wrote:
Hi all,
Page Loading time is a very important criteria when developing a web site. According to a recent survey<http://www.webdesignerwall.com/general/users-place-more-weight-on-design/>more than half people would drive away from a site with slow loading pages.
There are several interesting issues that could be implemented to substantially improve page loading time in XWiki.
Number one is aggreation of CSS and JS files in order to reduce HTTP requests. (For info, we have a total of 25 external CSS and JS files on a basic XWiki install when in the best world we would have just 2 - 1 CSS and 1 JS)
Note that there is already many suggestions in http://jira.xwiki.org/jira/browse/XWIKI-2022, you should look at it and add yours.
Someone interrested in working on this with me ?
-- Thibaut Camberlin Project Manager XWiki _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
-- Ludovic Dubost Blog: http://blog.ludovic.org/ XWiki: http://www.xwiki.com Skype: ldubost GTalk: ldubost
Hi Thibaut, Some useful Web Performance resources: 1) Steve Souders, /High Performance Web Sites: Essential Knowledge for Front-End Engineers/: http://www.amazon.com/High-Performance-Web-Sites-Essential/dp/0596529309/ref... Presentation of the 14 original rules upon which YSlow! was build on. Since then, a lot of new rules were added to YSlow! and Steve Souders moved from Yahoo! to Google and started working on Page Speed http://code.google.com/speed/page-speed/index.html 2) volume 2 /Even Faster Web Sites: Performance Best Practices for Web Developers/ by Steve Souders just came out: http://www.amazon.com/Even-Faster-Web-Sites-Performance/dp/0596522304/ref=sr... Another 14 rules and tips which focus a mainly on Javascript optimization techniques. 3) http://www.stevesouders.com/blog/ Oana Thibaut Camberlin wrote:
Hi all,
Page Loading time is a very important criteria when developing a web site. According to a recent survey<http://www.webdesignerwall.com/general/users-place-more-weight-on-design/>more than half people would drive away from a site with slow loading pages.
There are several interesting issues that could be implemented to substantially improve page loading time in XWiki.
Number one is aggreation of CSS and JS files in order to reduce HTTP requests. (For info, we have a total of 25 external CSS and JS files on a basic XWiki install when in the best world we would have just 2 - 1 CSS and 1 JS)
Someone interrested in working on this with me ?
Thank you all for your feedback. I'll keep you update of the issue. Thibaut 2009/11/6 Elena-Oana Tabaranu <[email protected]>
Hi Thibaut,
Some useful Web Performance resources: 1) Steve Souders, /High Performance Web Sites: Essential Knowledge for Front-End Engineers/:
http://www.amazon.com/High-Performance-Web-Sites-Essential/dp/0596529309/ref... Presentation of the 14 original rules upon which YSlow! was build on. Since then, a lot of new rules were added to YSlow! and Steve Souders moved from Yahoo! to Google and started working on Page Speed http://code.google.com/speed/page-speed/index.html 2) volume 2 /Even Faster Web Sites: Performance Best Practices for Web Developers/ by Steve Souders just came out:
http://www.amazon.com/Even-Faster-Web-Sites-Performance/dp/0596522304/ref=sr... Another 14 rules and tips which focus a mainly on Javascript optimization techniques. 3) http://www.stevesouders.com/blog/
Oana
Thibaut Camberlin wrote:
Hi all,
Page Loading time is a very important criteria when developing a web site. According to a recent survey< http://www.webdesignerwall.com/general/users-place-more-weight-on-design/ more than half people would drive away from a site with slow loading pages.
There are several interesting issues that could be implemented to substantially improve page loading time in XWiki.
Number one is aggreation of CSS and JS files in order to reduce HTTP requests. (For info, we have a total of 25 external CSS and JS files on a basic XWiki install when in the best world we would have just 2 - 1 CSS and 1 JS)
Someone interrested in working on this with me ?
_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
participants (7)
-
Caleb James DeLisle -
Elena-Oana Tabaranu -
Jerome Velociter -
Ludovic Dubost -
Marius Dumitru Florea -
Thibaut Camberlin -
Thomas Mortagne