Javascript 内容下载导航空闲
你好,我有一个用CakePHP2.10开发的网站 有一段时间,当我浏览我的网站时,我意识到我的加载时间总是在5秒左右,即使对于只显示表单的视图也是如此。在“内容下载”的5秒内,3.6秒锁定在“空闲”状态 我在ajax中也遇到了这个问题,请求似乎被“接收”锁定了大约5秒钟 例如,在ajax中锁定5秒的gif导航 在默认布局中,我在底部加载所有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
<?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>