Page Loading Optimization

[Thibaut Camberlin]

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
_______________________________________________
users mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/users

[tmortagne]

Hi,

On Thu, Nov 5, 2009 at 17:28, Thibaut Camberlin
<[hidden email]> 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
> [hidden email]
> http://lists.xwiki.org/mailman/listinfo/users
>

--
Thomas Mortagne
_______________________________________________
users mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/users

[Jerome Velociter-2]

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 ?
>

_______________________________________________
users mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/users

[Caleb James DeLisle]

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
> <[hidden email]> 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
>> [hidden email]
>> http://lists.xwiki.org/mailman/listinfo/users
>>
>
>
>

_______________________________________________
users mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/users

[Marius Dumitru Florea]

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-for-faster-loading/ 
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
> [hidden email]
> http://lists.xwiki.org/mailman/listinfo/users

_______________________________________________
users mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/users

[Ludovic Dubost-2]

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
>> <[hidden email]> 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
>>> [hidden email]
>>> http://lists.xwiki.org/mailman/listinfo/users
>>>
>>>      
>>
>>    
>
> _______________________________________________
> users mailing list
> [hidden email]
> http://lists.xwiki.org/mailman/listinfo/users
>
>  

--
Ludovic Dubost
Blog: http://blog.ludovic.org/
XWiki: http://www.xwiki.com
Skype: ldubost GTalk: ldubost

_______________________________________________
users mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/users

[Oana Tabaranu]

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=pd_sim_b_1
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_1_1?ie=UTF8&s=books&qid=1257500156&sr=8-1
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
[hidden email]
http://lists.xwiki.org/mailman/listinfo/users

[Thibaut Camberlin]

Thank you all for your feedback. I'll keep you update of the issue.

Thibaut

2009/11/6 Elena-Oana Tabaranu <[hidden email]>

> 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=pd_sim_b_1
> 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_1_1?ie=UTF8&s=books&qid=1257500156&sr=8-1
> 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
> [hidden email]
> http://lists.xwiki.org/mailman/listinfo/users
>

_______________________________________________
users mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/users