Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => : psiche77 24 Aug 2011, 17:33:25

: Spostare i javascript in basso e i css in alto al codice
: psiche77 24 Aug 2011, 17:33:25
Salve a tutti,
ho letto su internet che puņ essere utile ai fini dell'ottimizzazione, spostare i javascript in fondo al codice e i css in alto.
Potete darmi un mano please?
Incollo qui il codice del mio index, in modo che possiate avere il quadro chiaro.
Secondo voi posso metterci mano?

:
<?php
/**
 * @copyright    Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
 * @license        GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 */

// no direct access
defined'_JEXEC' ) or die( 'Restricted access' );
include_once (
dirname(__FILE__).DS.'/ja_vars.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>
<meta name="title" content="Psicologo Psicoterapeuta Milano" />
<meta name="keywords" content="psicologo milano, psicologo a milano, picoterapeuta milano, psicoterapia breve strategica milano, psicologo online" />
<meta name="description" content="Davide Algeri, psicologo e psicoterapeuta di Milano, specialista in terapia breve strategica, riceve in zona San Siro e Stazione Centrale." />
<meta name="author" content="Davide Algeri" />
<meta http-equiv="content-language" content="IT" />
<meta name="robots" content="index, follow" />
<meta name="google-site-verification" content="RMcaxw7DMAuiAEQMXV7q8X8G3s4ADP9iAi_JoE9 NvRM" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<jdoc:include type="head" />
<?php JHTML::_('behavior.mootools'); ?>

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://feeds.feedburner.com/blog-psicologia" />
<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/template.css" type="text/css" />

<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/ja.script.js"></script>

<?php if ($tmpTools->getParam('rightCollapsible')): ?>
<script language="javascript" type="text/javascript">
var rightCollapseDefault='<?php echo $tmpTools->getParam('rightCollapseDefault'); ?>';
var excludeModules='<?php echo $tmpTools->getParam('excludeModules'); ?>';
</script>
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/ja.rightcol.js"></script>
<?php endif; ?>

<?php  if($this->direction == 'rtl') : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/template_rtl.css" type="text/css" />
<?php else : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/menu.css" type="text/css" />
<?php endif; ?>

<?php if ($this->countModules('hornav')): ?>
<?php if ($tmpTools->getParam('horNavType') == 'css'): ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/ja-sosdmenu.css" type="text/css" />
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/ja.cssmenu.js"></script>
<?php else: ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/ja-sosdmenu.css" type="text/css" />
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/ja.moomenu.js"></script>
<?php endif; ?>
<?php endif; ?>

<?php if ($tmpTools->getParam('theme_header') && $tmpTools->getParam('theme_header')!='-1') : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/styles/header/<?php echo $tmpTools->getParam('theme_header'); ?>/style.css" type="text/css" />
<?php endif; ?>
<?php if ($tmpTools->getParam('theme_background') && $tmpTools->getParam('theme_background')!='-1') : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/styles/background/<?php echo $tmpTools->getParam('theme_background'); ?>/style.css" type="text/css" />
<?php endif; ?>
<?php if ($tmpTools->getParam('theme_elements') && $tmpTools->getParam('theme_elements')!='-1') : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/styles/elements/<?php echo $tmpTools->getParam('theme_elements'); ?>/style.css" type="text/css" />
<?php endif; ?>

<!--[if IE 7.0]>
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<![endif]-->
<?php if ($tmpTools->isIE6()): ?>
<!--[if lte IE 6]>
<script type="text/javascript">
var siteurl = '<?php echo $tmpTools->baseurl();?>';

window.addEvent ('load', makeTransBG);
function makeTransBG() {
    fixIEPNG($E('.ja-headermask'), '', '', 1);
    fixIEPNG($E('h1.logo a'));
    fixIEPNG($$('img'));
    fixIEPNG ($$('#ja-mainnav ul.menu li ul'), '', 'scale', 0, 2);
}
</script>
<style type="text/css">
</style>
<![endif]-->
<?php endif; ?>

<style type="text/css">
#ja-header,#ja-mainnav,#ja-container,#ja-botsl,#ja-footer {width: <?php echo $tmpWidth?>;margin: 0 auto;}
#ja-wrapper {min-width: 85%;}
</style>

<!-- BEGIN: ANALYTICS -->
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-6230994-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<!-- END: ANALYTICS -->

</head>

<body id="bd" class="fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?> <?php echo $tmpTools->browser();?>" >
<a name="Top" id="Top">[/url]
<div id="ja-wrapper">

<!-- BEGIN: HEADER -->

<div id="ja-headerwrap">
    <div id="ja-header" class="clearfix" style="background: url(<?php echo $tmpTools->templateurl(); ?>/images/header/<?php echo $tmpTools->getRandomImage(dirname(__FILE__).DS.'images/header'); ?>) no-repeat top <?php if($this->direction == 'rtl') echo 'left'; else echo 'right';?>;">

    <div class="ja-headermask">&nbsp;</div>

    <?php
        $siteName 
$tmpTools->sitename();
        if (
$tmpTools->getParam('logoType')=='image'): ?>

        <h1 class="logo">
            <a href="http://www.davidealgeri.com" title="<?php echo $siteName?>"><span><?php echo $siteName?></span>[/url]
        </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>[/url]
        </h1>
        <p class="site-slogan"><?php echo $sloganText;?></p>
    <?php endif; ?>

    <?php if($this->countModules('user4')) : ?>
        <div id="ja-search">
            <jdoc:include type="modules" name="user4" />
        </div>
    <?php endif; ?>

    </div>
</div>
<!-- END: HEADER -->

<!-- BEGIN: MAIN NAVIGATION -->
<?php if ($this->countModules('hornav')): ?>
<div id="ja-mainnavwrap">
    <div id="ja-mainnav" class="clearfix">
    <jdoc:include type="modules" name="hornav" />
    </div>
</div>
<?php endif; ?>
<!-- END: MAIN NAVIGATION -->


<div id="ja-containerwrap<?php echo $divid?>">
<div id="ja-containerwrap2">
    <div id="ja-container">
    <div id="ja-container2" class="clearfix">

        <div id="ja-mainbody<?php echo $divid?>" class="clearfix">

        <!-- BEGIN: CONTENT -->
        <div id="ja-contentwrap">
        <div id="ja-content">

            <jdoc:include type="message" />

            <?php if(!$tmpTools->isFrontPage()) : ?>
            <div id="ja-pathway">
                <jdoc:include type="module" name="breadcrumbs" />
            </div>
            <?php endif ; ?>

            <jdoc:include type="component" />

            <?php if($this->countModules('banner')) : ?>
            <div id="ja-banner">
                <jdoc:include type="modules" name="banner" />
            </div>
            <?php endif; ?>

        </div>
        </div>
        <!-- END: CONTENT -->

        <?php if ($this->countModules('left')): ?>
        <!-- BEGIN: LEFT COLUMN -->
        <div id="ja-col1">
            <jdoc:include type="modules" name="left" style="xhtml" />
        </div>[br /]
        <!-- END: LEFT COLUMN -->
        <?php endif; ?>

        </div>

        <?php if ($this->countModules('right')): ?>
        <!-- BEGIN: RIGHT COLUMN -->
        <div id="ja-col2">
            <jdoc:include type="modules" name="right" style="jarounded" />
        </div>[br /]
        <!-- END: RIGHT COLUMN -->
        <?php endif; ?>

    </div>
    </div>
</div>
</div>

<?php
$spotlight 
= array ('user1','user2','top','user5');
$botsl $tmpTools->calSpotlight ($spotlight,99,22);
if( 
$botsl ) :
?>

<!-- BEGIN: BOTTOM SPOTLIGHT -->
<div id="ja-botslwrap">
    <div id="ja-botsl" class="clearfix">

      <?php if( $this->countModules('user1') ): ?>
      <div class="ja-box<?php echo $botsl['user1']['class']; ?>" style="width: <?php echo $botsl['user1']['width']; ?>;">
            <jdoc:include type="modules" name="user1" style="xhtml" />
      </div>
      <?php endif; ?>

      <?php if( $this->countModules('user2') ): ?>
      <div class="ja-box<?php echo $botsl['user2']['class']; ?>" style="width: <?php echo $botsl['user2']['width']; ?>;">
            <jdoc:include type="modules" name="user2" style="xhtml" />
      </div>
      <?php endif; ?>

      <?php if( $this->countModules('top') ): ?>
      <div class="ja-box<?php echo $botsl['top']['class']; ?>" style="width: <?php echo $botsl['top']['width']; ?>;">
            <jdoc:include type="modules" name="top" style="xhtml" />
      </div>
      <?php endif; ?>

      <?php if( $this->countModules('user5') ): ?>
      <div class="ja-box<?php echo $botsl['user5']['class']; ?>" style="width: <?php echo $botsl['user5']['width']; ?>;">
            <jdoc:include type="modules" name="user5" style="xhtml" />
      </div>
      <?php endif; ?>

    </div>
</div>
<!-- END: BOTTOM SPOTLIGHT -->
<?php endif; ?>

<!-- BEGIN: FOOTER -->
<div id="ja-footerwrap">
<div id="ja-footer" class="clearfix">

    <div id="ja-footnav">
        <jdoc:include type="modules" name="user3" />
    </div>

    <div class="copyright">
        <jdoc:include type="modules" name="footer" />
    </div>

    <div class="ja-cert">
        <jdoc:include type="modules" name="syndicate" />
    <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" title="<?php echo JText::_("CSS Validity");?>" style="text-decoration: none;">
        <img src="<?php echo $tmpTools->templateurl(); ?>/images/but-css.gif" border="none" alt="<?php echo JText::_("CSS Validity");?>" />
        [/url]
        <a href="http://validator.w3.org/check/referer" target="_blank" title="<?php echo JText::_("XHTML Validity");?>" style="text-decoration: none;">
        <img src="<?php echo $tmpTools->templateurl(); ?>/images/but-xhtml10.gif" border="none" alt="<?php echo JText::_("XHTML Validity");?>" />
        [/url]
    </div>

    [br /]
</div>
</div>
<!-- END: FOOTER -->

</div>

<jdoc:include type="modules" name="debug" />

<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: '212782985405462', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/it_IT/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'it'}
</script>

</body>

</html>

Grazie in anticipo
: Re:Spostare i javascript in basso e i css in alto al codice
: psiche77 25 Aug 2011, 11:57:17
Tok tok, c'č nessuno?