-
this template is a very big disaster in load time.
If you go to http://analyze.websiteoptimization.com you can understand why the template ja teline II is very slow. ( you can see the attachment 1.jpg). Use these site to make a test on my web site to study the template problems of ja telineII.
the template load 58 css images and 12 scipts for a total time of 14 seconds only for that!!!!!! this is absolutely a crazy approach!!!
after hours and hours off thinking i find a little solution. You ave to delete all the css code of the file typo.css and you will have 5,67 seconds of load of css images instead of 11,87 seconds (as u can see in the attachment 2.jpg)
in this way If u use smaller images u can have quite reasonable load time of the site. (using the cache!!)
This is only one solution for have smaller load time but there are a lot of things to do. Can joomlart give us a solution for that big problem?? this template is not professional whith this load time!!
can u help us please??
thanks again, Camillo
<em>@camillo290182 117941 wrote:</em><blockquote>this template is a very big disaster in load time.
If you go to http://analyze.websiteoptimization.com you can understand why the template ja teline II is very slow. ( you can see the attachment 1.jpg). Use these site to make a test on my web site to study the template problems of ja telineII.
the template load 58 css images and 12 scipts for a total time of 14 seconds only for that!!!!!! this is absolutely a crazy approach!!!
after hours and hours off thinking i find a little solution. You ave to delete all the css code of the file typo.css and you will have 5,67 seconds of load of css images instead of 11,87 seconds (as u can see in the attachment 2.jpg)
in this way If u use smaller images u can have quite reasonable load time of the site. (using the cache!!)
</blockquote>You might want to consider the use of gifs in other CSS also. When you deleted the css related gifs, did you also ensure that they are deleted in the specifications in the corresponding CSS file? I think a missing gif, when still used in the CSS specifications can introduce its own problem.
Indeed there should be a reduction in time with what you have done. However, if you analyze the two summary images, you will note that there is also a dramatic reduction in the time for the “Total images” — even if there is almost the same kb of the site images (just a small reduction).
I was baffled by the total images kb size — almost 800kb??? I downloaded one of them, see attachment, and it appears that the images themselves were not optimized (compare the size of the original with the two other sizes that are almost the same sizes as the original (the reduction was needed for my optimization to be activated, using Coppermine PhotoGallery) : orig: greve (47.6kb: 290×189), t-greve(10.5kb: 289×188) and mini-greve (10.2kb: 286×185). Note the more than four-fold (4.5) reduction in kb with optimization, imagine how much more the total reduction would be, if you 16 images of the same sizes: for the same sizes, before and after optimization would be 762kb vs 168kb.
I did the same analysis a long time ago comparing two sites that are almost identical, except for features that I thought would help optimize the site — I got a very dramatic variation in the differences — from a great difference (in favor of what I thought was the more optimize, to almost equal to even a slight reverse in ratio.
<em>@camillo290182 117941 wrote:</em><blockquote>
This is only one solution for have smaller load time but there are a lot of things to do. Can joomlart give us a solution for that big problem?? this template is not professional whith this load time!!can u help us please??
thanks again, Camillo</blockquote>
What I noticed is that you have quite a few modules, videos, streaming application, two slideshows, a banner, tag cloud and hot topic, plus “Latest events”. From my simplified Sandbox, the randomized Hot Topic and “Latest events” modules are the slowest to load The reason for these is that the have to be compiled. I unpublished all video and multimedia because they are known to slow the page, and more so if they are from external sources — because you are also dependent on the traffic in the outside servers. Streaming application and slideshow modules are also frowned upon in shared server hosting services because they are CPU hoggers.
One thing you can do about the video on the top right is an image capture (and do optimization on the image captured). Instead of linking directly to the video, use the captured image (optimized) as navigational link to point to the video.
You can try unpublishing the external based modules, one at a time and find out how much reduction in time you will gain. Based on this, you might consider which one to keep, or perhaps consider placing them in specific pages. Remember that the Home page is already too information rich. More than likely, a visitor is likely to focus only in specific modules or sections. For example, when I visit the New York times, I ignore more than 80% of the articles.
Obviously, the above attempts are skirting the 800-pound gorrilla — the role of the script itself. It is not only the JA News but the modular foundation of Joomla itself. The layout is as important (too many divs) from my initial static page layouting showed that complex nested tabs (or divs) can slow down a page even with the same content.
I read the Yahoo discussions on optimization and the above issues may require a radical overhaul of the template and Joomla scripts. However, I do not have the scripting expertise to tackle the said modification.
Cornelio
hi all, thanks for the responces.
I continue to think that there is something wrong with the template. I tried to optimiza the css and java scripts but the load time changed only of 1 second.
i find a little solution obtaining 10 seconds of better load time.
in the index.php i moved some code after the head and it works very better in load time
[PHP]<head>
<link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/css/template.css” type=”text/css” />
<!– Menu head –>
<?php $jamenu->genMenuHead(); ?>
<link href=”<?php echo $tmpTools->templateurl(); ?>/css/colors/theme<?php echo $tmpTools->getThemeForSection(); ?>.css” rel=”stylesheet” type=”text/css” />
</head>
<link href=”<?php echo $tmpTools->templateurl(); ?>/mootabs/mootabs1.2.css” rel=”stylesheet” type=”text/css” />
<jdoc:include type=”head” />
<?php JHTML::_(‘behavior.mootools’); ?>[/PHP]
i don’t think the problem is the big size of images or the number of css images. If u see these site with firebug, all the sites with these template, have a lot of time in loading the first byte. When u do a request of the firt page of the site, there are lot of seconds that the template wait for something ….for what?? where is the problem????? Why the site wait 16 seconds before having an answer???? Other thing is the total load time that dipends from the images and the http request.s. Why is so slow in loading the first byte???
In the attachment you can see what i mean. Whit the change of code that i made (disabling high slide) the situation is better.(you can see the attachment). With the cache the load time of the first byte (with the cange that i made) become 5-8 seconds.
Please can joomlart help me(us)??? i must publicate these site on monday but i can’t have these performance on such site. (there are thousand visitors in a day, i can use the cache in a good way but not always!!).
thanks
hi all,
i found that the templates/system/css/general.css have a link to an image that was not on the directory of the template. I removed the code from the template for this image. I put all the css at the top of the page and all the js at the bottom of the page. Now the site load the first byte in 14.76 seconds(firebug) and 11.6 seconds (pingdoomtool). (we started our discussion whe the site loads in 28 seconds!!!). SO good work!!The problem to resolve is:
Why we have a bad reaction time?
What is doing the site when it receive the request (as u can see in the attachment)??
what is waiting for?Now I’ll try to remove portion of code and then I’ll try to find which is the problem!!
Suggestion??Stay tuned!
Camillo[PHP]<?php
// no direct access
defined( ‘_JEXEC’ ) or die( ‘Restricted access’ );
include_once (dirname(__FILE__).DS.’ja_vars_1.5.php’);?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”<?php echo $this->language; ?>” lang=”<?php echo $this->language; ?>”>
<head>
<link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/css/template.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/css/ja.news.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $tmpTools->baseurl(); ?>templates/system/css/system.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $tmpTools->baseurl(); ?>templates/system/css/general.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/css/editor.css” type=”text/css” />
<link href=”<?php echo $tmpTools->templateurl(); ?>/mootabs/mootabs1.2.css” rel=”stylesheet” type=”text/css” /><!– Menu head –>
<?php $jamenu->genMenuHead(); ?>
<link href=”<?php echo $tmpTools->templateurl(); ?>/css/colors/theme<?php echo $tmpTools->getThemeForSection(); ?>.css” rel=”stylesheet” type=”text/css” /></head>
<jdoc:include type=”head” />
<?php JHTML::_(‘behavior.mootools’); ?>
<body id=”bd” class=”<?php echo $tmpTools->getParam(JA_TOOL_SCREEN);?> fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?>” >
<a name=”Top” id=”Top”></a>
<ul class=”accessibility”>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-content” title=”<?php echo JText::_(“Skip to content”);?>”><?php echo JText::_(“Skip to content”);?></a></li>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-mainnav” title=”<?php echo JText::_(“Skip to main navigation”);?>”><?php echo JText::_(“Skip to main navigation”);?></a></li>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-col1″ title=”<?php echo JText::_(“Skip to 1st column”);?>”><?php echo JText::_(“Skip to 1st column”);?></a></li>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-col2″ title=”<?php echo JText::_(“Skip to 2nd column”);?>”><?php echo JText::_(“Skip to 2nd column”);?></a></li>
</ul>
<div id=”ja-wrapper”>
<!– BEGIN: HEADER –>
<div id=”ja-headerwrap”>
<div id=”ja-header” class=”clearfix”>
<?php
$siteName = $tmpTools->sitename();
if ($tmpTools->getParam(‘logoType’)==’image’) { ?>
<h1 class=”logo”>
<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $siteName; ?></span></a>
</h1>
<?php } else {
$logoText = (trim($tmpTools->getParam(‘logoText’))==”) ? $config->sitename : $tmpTools->getParam(‘logoText’);
$sloganText = (trim($tmpTools->getParam(‘sloganText’))==”) ? JText::_(‘SITE SLOGAN’) : $tmpTools->getParam(‘sloganText’); ?>
<h1 class=”logo-text”>
<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $logoText; ?></span></a>
</h1>
<p class=”site-slogan”><?php echo $sloganText;?></p>
<?php } ?>
</div>
</div>
<!– END: HEADER –>
<!– BEGIN: MAIN NAVIGATION –>
<div id=”ja-mainnavwrap”>
<div id=”ja-mainnav” class=”clearfix”>
<?php $jamenu->genMenu (0); ?>
</div>
</div>
<?php if ($hasSubnav) { ?>
<div id=”ja-subnavwrap”>
<div id=”ja-subnav” class=”clearfix”>
<?php $jamenu->genMenu (1,1); ?>
</div>
</div>
<?php } ?>
<!– END: MAIN NAVIGATION –>
<div id=”ja-containerwrap<?php echo $divid; ?>” class=”clearfix”>
<div id=”ja-container”>
<div id=”ja-container-inner” class=”clearfix”>
<!– BEGIN: CONTENT –>
<div id=”ja-content”>
<div class=”ja-innerpad clearfix”>
<jdoc:include type=”message” />
<?php if(!$tmpTools->isFrontPage()) : ?>
<div id=”ja-pathway”>
<jdoc:include type=”module” name=”breadcrumbs” />
</div>
<?php endif ; ?>
<div id=”ja-current-content”>
<?php if(!$tmpTools->isFrontPage()) : ?>
<jdoc:include type=”component” />
<?php endif; ?>
<!– BEGIN: JAZIN –>
<?php if($tmpTools->isFrontPage()) : ?>
<div id=”jazin-fp”>
<jdoc:include type=”modules” name=”ja-news” style=”raw” />
</div>
<?php endif; ?>
<!– END: JAZIN –>
</div>
<?php
$spotlight = array (‘user8′,’user9’);
$botsl = $tmpTools->calSpotlight ($spotlight,$tmpTools->isOP()?100:99.9);
if( $botsl ) {
?>
<!– BEGIN: BOTTOM SPOTLIGHT –>
<div id=”ja-botsl” class=”clearfix”>
<?php if( $this->countModules(‘user8’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user8’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user8’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user8″ style=”xhtml” />
</div>
<?php } ?>
<?php if( $this->countModules(‘user9’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user9’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user9’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user9″ style=”xhtml” />
</div>
<?php } ?>
</div>
<!– END: BOTTOM SPOTLIGHT –>
<?php } ?>
<?php if($this->countModules(‘banner’)) : ?>
<!– BEGIN: BANNER –>
<div id=”ja-banner”>
<jdoc:include type=”modules” name=”banner” />
</div>
<!– END: BANNER –>
<?php endif; ?>
</div>
</div>
<!– END: CONTENT –>
<?php if ($ja_left || $ja_right || $ja_masscol) { ?>
<!– BEGIN: COLUMNS –>
<div id=”ja-colwrap”>
<?php if ($ja_masscol) { ?>
<!– BEGIN: MASSCOL –>
<div id=”ja-colmass” class=”clearfix”>
<div class=”ja-innerpad”>
<jdoc:include type=”modules” name=”user5″ style=”xhtml” />
<?php if ($this->countModules(‘user6’)) : ?>
<script type=”text/javascript”>
window.addEvent(‘load’, initmootabs);
function initmootabs() {
myTabs1 = new jamootabs(‘ja-tabs’, {
<?php echo $ja_mootabs_options; ?>
});
}
</script>
<div id=”ja-tabswrap”>
<div id=”ja-tabs” class=”clearfix”>
<div class=”ja-tab-panels”>
<jdoc:include type=”modules” name=”user6″ style=”xhtml” />
</div>
</div>
</div>
<?php endif; ?>
<jdoc:include type=”modules” name=”user7″ style=”xhtml” />
</div>
</div>
<!– END: MASSCOL –>
<?php } ?>
<div id=”ja-cols” class=”clearfix”>
<?php if ($ja_left) { ?>
<div id=”ja-col1″>
<div class=”ja-innerpad”>
<jdoc:include type=”modules” name=”left” style=”xhtml” />
</div>
</div>
<?php } ?>
<?php if ($ja_right) { ?>
<div id=”ja-col2″>
<div class=”ja-innerpad”>
<jdoc:include type=”modules” name=”right” style=”xhtml” />
</div>
</div>
<?php } ?>
</div>
</div><br />
<!– END: COLUMNS –>
<?php } ?>
</div></div></div>
<!– BEGIN: FOOTER –>
<div id=”ja-footerwrap” class=”clearfix”>
<div id=”ja-footer”>
<jdoc:include type=”modules” name=”user3″ />
<jdoc:include type=”modules” name=”footer” />
<div class=”ja-cert”>
<jdoc:include type=”modules” name=”syndicate” />
</div>
</div>
</div>
<!– END: FOOTER –>
</div>
<jdoc:include type=”modules” name=”debug” />
<script language=”javascript” type=”text/javascript” src=”<?php echo $tmpTools->templateurl(); ?>/js/ja.script.js”></script>
<script language=”javascript” type=”text/javascript” src=”<?php echo $tmpTools->templateurl(); ?>/mootabs/mootabs1.2.js”></script><!–>
<style type=”text/css”>
.clearfix {height: 1%;}
img {border: none;}
</style>
<!–>
<!–>
<style type=”text/css”>
.clearfix {display: inline-block;}
</style>
<!–>
<?php if ($tmpTools->isIE6()) { ?>
<!–>
<script type=”text/javascript”>
var siteurl = ‘<?php echo $tmpTools->baseurl();?>’;
</script>
<!–>
<?php } ?>
</body>
</html>[/PHP]
