![]() |
|
|
|
|
Change By:
|
Thomas P
(12/Nov/13 9:36 AM)
|
|
Description:
|
Hi,
This issue is about Web Performances of Jenkins.
I checked the way the HTML page was build and found out that several optimization could be done:
1/ CSS should be shrinked
For Example, using YUICompressor
I'm not familiar with maven, so I cannot develop a patch, but it seems there is a Maven plugin to do that:
http://stackoverflow.com/a/11495021
2/ JS should be shrinked
Closure Compiler is the best shrinker currently. Again, there is a plugin to do that:
https://github.com/jlgrock/ClosureJavascriptFramework
3/ JS could be merged into single JS
YUI allows to download a single file:
http://developer.yahoo.com/yui/articles/hosting/
4/ CSS should be merged
5/ Images should be organized a sprite (unless they are animated GIF)
http://alistapart.com/article/sprites
You could do multiple sprites, depending on size or use cases.
As you are using SVG, you could use <image> tag to do that, so you don't have to change your current SVG:
<image x="10" y="20" width="80" height="80" xlink:href="">http://stackoverflow.com/a/5451238
6/ some of your images are resized on the browser side:
Main logo:
https://ci.jenkins-ci.org/static/94539174/images/title.png
Disk usage plugin:
https://ci.jenkins-ci.org/static/94539174/plugin/disk-usage/icons/diskusage48.png
Git:
https://ci.jenkins-ci.org/static/94539174/plugin/git/icons/git-32x32.png
Instead, you should generate them a the right size (unless you need multiple sizes)
To diagnose that, you can use Web Developer plugin (Firefox or Chrome):
http://chrispederick.com/work/web-developer/
Then Image > Outline image with adjusted dimensions
6*/ Your "main logo" is just some text
You could write it instead of using an image?
7/ Your favicon seems to be very large (18k)
You should/could use a simpler favicon to reduce size
Read this for some advice:
http://zoompf.com/blog/2012/04/instagram-and-optimizing-favicons
EDIT:
8/ Prototype is redundant and not to the last version.
Prototype seems redundant with YUI.
Also, there is a 1.7.1 available since 2012. Maybe it's worth upgrading.
I know it's a single request with many
request
requests
inside. Tell me if you want separate requests.
Shrinking and merging CSS & JS will have the biggest impact
Thank you,
Thomas P.
PS:
Those advices come from:
http://developer.yahoo.com/yslow/
https://developers.google.com/speed/
|
|
|
|
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators.
For more information on JIRA, see: http://www.atlassian.com/software/jira
|
--
You received this message because you are subscribed to the Google Groups "Jenkins Issues" group.
To unsubscribe from this group and stop receiving emails from it, send an email to
[email protected].
For more options, visit
https://groups.google.com/groups/opt_out.
