Javascript 内容下载导航空闲

Javascript 内容下载导航空闲,javascript,php,jquery,apache,cakephp,Javascript,Php,Jquery,Apache,Cakephp,你好,我有一个用CakePHP2.10开发的网站 有一段时间,当我浏览我的网站时,我意识到我的加载时间总是在5秒左右,即使对于只显示表单的视图也是如此。在“内容下载”的5秒内,3.6秒锁定在“空闲”状态 我在ajax中也遇到了这个问题,请求似乎被“接收”锁定了大约5秒钟 例如,在ajax中锁定5秒的gif导航 在默认布局中,我在底部加载所有JavaScript文件: <?php echo $this->Html->script('jquery-2.1.1'); e

你好,我有一个用CakePHP2.10开发的网站

有一段时间,当我浏览我的网站时,我意识到我的加载时间总是在5秒左右,即使对于只显示表单的视图也是如此。在“内容下载”的5秒内,3.6秒锁定在“空闲”状态

我在ajax中也遇到了这个问题,请求似乎被“接收”锁定了大约5秒钟

例如,在ajax中锁定5秒的gif导航

在默认布局中,我在底部加载所有JavaScript文件:

<?php 



echo $this->Html->script('jquery-2.1.1');
echo $this->Html->script('bootstrap.min');
echo $this->Html->script('plugins/metisMenu/jquery.metisMenu');
echo $this->Html->script('plugins/slimscroll/jquery.slimscroll.min');
echo $this->Html->script('inspinia');
echo $this->Html->script('plugins/pace/pace.min', array("data-pace-options" => '{"ajax": false}'));
echo $this->Html->script('plugins/jquery-ui/jquery-ui.min');
echo $this->Html->script('plugins/gritter/jquery.gritter.min');
echo $this->Html->script('plugins/sparkline/jquery.sparkline.min');
echo $this->Html->script('demo/sparkline-demo');
echo $this->Html->script('plugins/chartJs/Chart.min');
echo $this->Html->script('plugins/toastr/toastr.min');
echo $this->Html->script('plugins/dataTables/datatables.min');
echo $this->Html->script('plugins/clockpicker/clockpicker');
echo $this->Html->script('plugins/datepicker/bootstrap-datepicker');


echo $this->Html->script('jquery.autocomplete');

echo $this->Html->script('plugins/star-rating/star-rating');
echo $this->Html->script('plugins/star-rating/locales/fr');
echo $this->Html->script('plugins/switchery/switchery');
echo $this->Html->script('plugins/chosen/chosen.jquery');
echo $this->Html->script('plugins/validate/jquery.validate.min');
echo $this->Html->script('slim/slim.kickstart');
echo $this->Html->script('plugins/sweetalert/sweetalert.min');
echo $this->Html->script('plugins/summernote/summernote');
echo $this->Html->script('plugins/summernote/lang/summernote-fr-FR');



echo $this->Html->script('datatableExport/dataTables.buttons.min');
echo $this->Html->script('datatableExport/buttons.html5.min');
echo $this->Html->script('datatableExport/jszip.min');
echo $this->Html->script('datatableExport/pdfmake.min');
echo $this->Html->script('datatableExport/vfs_fonts');
echo $this->Html->script('datatableExport/buttons.print.min');

echo $this->Html->script('plugins/morris/raphael-2.1.0.min'); 
echo $this->Html->script('plugins/morris/morris');
echo $this->Html->script('plugins/ladda/spin.min');
echo $this->Html->script('plugins/ladda/ladda.min');
echo $this->Html->script('plugins/ladda/ladda.jquery.min');


//chemin pour que le Javascript puisse trouver les images
echo $this->Js->set('url', $this->request->base); 

echo $this->Html->script('main');
echo $this->Html->script('sessionPopup');
echo $this->Html->script('users');
echo $this->Html->script('compromis');
echo $this->Html->script('mediatheque');
echo $this->Html->script('messagerie');
echo $this->Html->script('competences');

echo $this->fetch('script');

echo $this->Js->writeBuffer(); 
 ?>

加载时间总是很长,例如下面的代码,没有css/js。
这是监控屏幕


南边湾
连接

尽量减少资产文件的数量,concat、minify、作为gzip发送、客户端缓存、延迟加载等。您好,对于测试,我对所有javascripts导入进行了注释,加载时间相同。。
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body class="gray-bg">
    <div class="col-md-4 col-lg-offset-4 text-center loginscreen animated fadeInDown">
        <div>
            <div class="ibox float-e-margins">
            <div class="ibox-title ">
                <div class="text-center">                            

                </div>
            </div>
            <div class="ibox-content">
            <h3>Bienvenue sur <?php echo Configure::read("VERSION");?></h3>
                <!-- <form class="m-t" role="form" action="index.html"> -->
                <?php echo $this->Form->create('User'); ?>  
                    <div class="form-group">
                        <div class="input-group margin-bottom-sm">
                            <span class="input-group-addon"><i class="fa fa-user fa-fw"></i></span>
                            <input type="text" class="form-control" id="UserUsername" placeholder="Nom d'utilisateur" required="required" maxlength="30" name="data[User][username]">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group margin-bottom-sm">
                            <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>
                            <input type="password" class="form-control" id="UserPassword" placeholder="Mot de passe" required="required" name="data[User][password]">
                        </div>
                    </div>
                    <button type="submit" id="btnlogin" class="btn btn-primary block full-width m-b ladda-button" data-style="zoom-in" style="background-color:#00ADEE;">Connexion</button>


                <?php echo $this->Form->end();?>  

                </div>
            </div>
        </div>
    </div>
</body>
</html>