[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Долго грузится сайт
stimka
Здравствуйте! Проблема в том, что после создания сайта,один из разделов грузиться очень долго. Самое интересное, что загрузка данного раздела происходит только у меня, у остальных же, секунд по 15 - 20.

На сайте подключен bootstrap, много стилей и js... половину всего повырубал, но итог все тот же.

Проверял скорость загрузки картинок, скриптом и всего остального через браузер chrome, но это ничего мне не дало, так как не хватает опыта.

Может кто обьяснить, может ли bootstrap так нагружать сайт и остальные js скрипты... или нужно капать в другую сторону?

Если будет нужно, то выложу код.

alexbel2404
Выкладывай.
stimka
Шаблон админки ( тут обычно происходит подключение всех стилей и скриптов)

<!DOCTYPE html>
<html lang="en">
<head>
<meta
charset="utf-8" />
<meta
name="viewport" content="width=device-width, initial-scale=1.0" />


<!-- Bootstrap framework -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<link
rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />

<script>

//* hide all elements & show preloader
document.documentElement.className += 'js';
</script>
<script
src="js/jquery-1.8.3.js"></script>
<script
src="js/jquery-ui-1.9.2.custom.min"></script>
</head>
<body>
<div
id="loading_layer" style="display:none"><img src="img/ajax_loader.gif" alt="" /></div>
<div
class="style_switcher">
<div
class="sepH_c">
<p>
Цвет:</p>
<div
class="clearfix">
<a
href="javascript:void(0)" class="style_item jQclr blue_theme style_active" title="blue">Синий</a>
<a
href="javascript:void(0)" class="style_item jQclr dark_theme" title="dark">Тёмный</a>
<a
href="javascript:void(0)" class="style_item jQclr green_theme" title="green">Зелёный</a>
<a
href="javascript:void(0)" class="style_item jQclr brown_theme" title="brown">Коричневый</a>
<a
href="javascript:void(0)" class="style_item jQclr eastern_blue_theme" title="eastern_blue">Голубой</a>
<a
href="javascript:void(0)" class="style_item jQclr tamarillo_theme" title="tamarillo">Красныйo</a>
</div>
</div>
<div
class="sepH_c">
<p>
Фон:</p>
<div
class="clearfix">
<span
class="style_item jQptrn style_active ptrn_def" title=""></span>
<span
class="ssw_ptrn_a style_item jQptrn" title="ptrn_a"></span>
<span
class="ssw_ptrn_b style_item jQptrn" title="ptrn_b"></span>
<span
class="ssw_ptrn_c style_item jQptrn" title="ptrn_c"></span>
<span
class="ssw_ptrn_d style_item jQptrn" title="ptrn_d"></span>
<span
class="ssw_ptrn_e style_item jQptrn" title="ptrn_e"></span>
</div>
</div>

<div
class="sepH_c">
<p>
Отображение меню:</p>
<div
class="clearfix">
<label
class="radio inline"><input type="radio" name="ssw_sidebar" id="ssw_sidebar_left" value="" checked /> Слева</label>
<label
class="radio inline"><input type="radio" name="ssw_sidebar" id="ssw_sidebar_right" value="sidebar_right" /> Справа</label>
</div>
</div>



<div
class="hide">
<ul
id="ssw_styles">
<li
class="small ssw_mbColor sepH_a" style="display:none">body {<span class="ssw_mColor sepH_a" style="display:none"> color: #<span></span>;</span> <span class="ssw_bColor" style="display:none">background-color: #<span></span> </span>}</li>
<li
class="small ssw_lColor sepH_a" style="display:none">a { color: #<span></span> }</li>
</ul>
</div>
</div>

<div
id="maincontainer" class="clearfix">
<!-- header -->
<header>
<div
class="navbar navbar-fixed-top">
<div
class="navbar-inner">
<div
class="container-fluid">
<a
class="brand" href="admin.php"><i class="icon-home icon-white"></i> НПЦ ИРС</a>
<ul
class="nav user_menu pull-right">
<li
class="hidden-phone hidden-tablet">

</li>
<li
class="divider-vertical hidden-phone hidden-tablet"></li>
<li
class="dropdown">
<a
href="#" class="dropdown-toggle" data-toggle="dropdown"><li><a href="#"> <?=lang('hello');?>, <?=$_SESSION['username'];?> :</a></li>
<li><a
href="admin.php?view=exit_cab"><?=lang('exit');?></a></li>


</li>
</ul>
<a
data-target=".nav-collapse" data-toggle="collapse" class="btn_menu">
<span
class="icon-align-justify icon-white"></span>
</a>



</header>


<!-- main content -->
<div id="contentwrapper">
<div
class="main_content">

<nav>

</nav>
<div
class="row-fluid">
<div
class="span12">
<?
include($_SERVER['DOCUMENT_ROOT'].'/views/pages/admin/'.$view.'.php');?>



</div>
</div>


<!-- hide elements (for later use) -->
<div class="hide">
<!-- actions for datatables -->
<div class="dt_gal_actions">
<div
class="btn-group">
<button
data-toggle="dropdown" class="btn dropdown-toggle">Action <span class="caret"></span></button>
<ul
class="dropdown-menu">
<li><a
href="#" class="delete_rows_dt" data-tableid="dt_gal"><i class="icon-trash"></i> Delete</a></li>
<li><a
href="javascript:void(0)">Lorem ipsum</a></li>
<li><a
href="javascript:void(0)">Lorem ipsum</a></li>
</ul>
</div>
</div>

<!-- confirmation box -->
<div id="confirm_dialog" class="cbox_content">
<div
class="sepH_c tac"><strong>Are you sure you want to delete this row(s)?</strong></div>
<div
class="tac">
<a
href="#" class="btn btn-gebo confirm_yes">Yes</a>
<a
href="#" class="btn confirm_no">No</a>
</div>
</div>
</div>

</div>
</div>


<!-- sidebar -->

<div class="sidebar">

<div
class="antiScroll">
<div
class="antiscroll-inner">
<div
class="antiscroll-content">


<div
id="side_accordion" class="accordion">

<div
class="accordion-group">
<div
class="accordion-heading">
<a
href="#collapseOne" data-parent="#side_accordion" data-toggle="collapse" class="accordion-toggle">
<i
class="icon-folder-close"></i> Заявки и пользователи
</a>
</div>
<div
class="accordion-body collapse" id="collapseOne">
<div
class="accordion-inner">
<ul
class="nav nav-list">
<li><a
href="admin.php?view=news&t=add">Добавить заявку</a></li>


<?
if ($_SESSION['status'] == '3')
{

echo <<<HTML
<li><a href="admin.php?view=users">Управление пользователями</a></li>
HTML;
}
?>

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




<div
class="push"></div>
</div>
</div>
</div>
</div>

</div>




<!-- additional sorting for datatables -->
<script src="lib/datatables/jquery.dataTables.sorting.js"></script>
<!-- tables functions -->
<script src="js/gebo_tables.js"></script>



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




Смею предположить что тут собака зарыта, так как тут выводиться все заявки ( на данный момент их 200 штук.. и все они работают через скрипт datatables (jquery) .

<table class="table table-striped table-bordered dTableR" >
<
thead>
<
tr>
<
th></th>
<
th>Статус</th>
<
th>Исполнить до</th>
<
th>Наименование эксплуатационной организации</th>
<
th>Дата составл.</th>
<
th>Дата исполнения.</th>
<
th>Ответственный.</th>
<
th>Ссылка.</th>
<
th>Действия</th>
</
tr>
</
thead>
<?foreach($main_news as $item):?>

<?

/// МОИ СТАТУСЫ

$status1 = "onebit_09.png";
$status2 = "onebit_07.png";
$status3 = "onebit_06.png";
$status4 = "onebit_10.png";
$result = mysql_query("SELECT NaimenovanijeObjekta FROM objekts, news WHERE news.title = objekts.KodObjekta and news.id = '".$item['id']."'");
$myrow = mysql_fetch_array($result);

?>
<tbody>
<
tr>
<
td><?=$item['id'];?></td>
<
td><a href="admin.php?view=news&t=<?=$item['id'];?>"><img src="userfiles/news/<?php
if (!empty(
$item['otvetstv']))
{
if(!empty(
$item['otvet']))
{
echo
$status3;
}
else
{
echo
$status2;
}
}
else
{
echo
$status1;
}


?>"
alt="" width="20" /></a></td>
<
td><?
$d = $item['datavvoda'];
$d = date("d.m.Y", strtotime($d));
$date2 = date("d.m.Y");


$arr1 = explode(" ", $d);
$arr2 = explode(" ", $date2);
$arrdate1 = explode(".", $arr1[0]);
$arrdate2 = explode(".", $arr2[0]);
$timestamp2 = (mktime($arrtime2[0], $arrtime2[1], 0, $arrdate2[1], $arrdate2[0], $arrdate2[2]));
$timestamp1 = (mktime($arrtime1[0], $arrtime1[1], 0, $arrdate1[1], $arrdate1[0], $arrdate1[2]));

if($timestamp1 < $timestamp2)
{
if(empty($item['otvet']))
{
echo <<<HTML
<span class="label label-important">{$d}</span>
HTML;
}
else
{
echo $d;
}
}

else
{
echo $d;
}
?></td>
<
td class="center"> <? if ($_SESSION['status'] > '1')
{
echo <<<HTML
<a href="admin.php?view=news&t={$item['id']}">{$myrow['NaimenovanijeObjekta']}</a></td>
HTML;
}
else
{
echo $myrow['NaimenovanijeObjekta'];
}
?></td>
<
td class="center"><?
$d2 = $item['data'];
$d2 = date("d.m.Y", strtotime($d2));

echo $d2;
?></td>
<
td><?
$d6 = $item['dataisp'];
$d6 = date("d.m.Y", strtotime($d6));

?><? if ($d6 == '30.11.1999')
{
echo "нет информации";

}
else
{
echo $d6;
}
?></td>
<
td><? if (empty($item['otvetstv']))
{
echo "нет информации";

}
else
{
echo $item['otvetstv'];
}
?></td>
<
td><a href="index.php?view=news&t=<?=$item['id'];?>" target="_blank">просмотр</a></td>
<
td><? if ($_SESSION['status'] > '1')
{
echo <<<HTML
<a href="admin.php?view=news&t={$item['id']}"><img src="images/admin/edit.png" alt=""/></a> <a href="admin.php?view=delete&t=news&id={$item['id']}" onclick="return confirmDel()" ><img src="images/admin/delete.png" alt=""/></a></td>
HTML;
}
?></td></tr></tbody>

<
script type="text/javascript" src="assets/data-tables/jquery.dataTables.js"></script>
<
script type="text/javascript" src="assets/data-tables/DT_bootstrap.js"></script>
<
script src="js/jquery.debouncedresize.min.js"></script>

<!--
hidden elements width/height -->
<
script src="js/jquery.actual.min.js"></script>
<!--
js cookie plugin -->
<
script src="js/jquery.cookie.min.js"></script>
<!--
main bootstrap js -->
<
script src="bootstrap/js/bootstrap.min.js"></script>
<!--
tooltips -->
<
script src="lib/qtip2/jquery.qtip.min.js"></script>
<!--
jBreadcrumbs -->
<
script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
<!--
sticky messages -->
<
script src="lib/sticky/sticky.min.js"></script>
<!--
fix for ios orientation change -->
<
script src="js/ios-orientationchange-fix.js"></script>
<!--
scrollbar -->
<
script src="lib/antiscroll/antiscroll.js"></script>
<
script src="lib/antiscroll/jquery-mousewheel.js"></script>
<!--
lightbox -->
<
script src="lib/colorbox/jquery.colorbox.min.js"></script>
<!--
common functions -->
<
script src="js/gebo_common.js"></script>

<!--
datatable -->
<
script src="lib/datatables/jquery.dataTables.min.js"></script>
<
script src="lib/datatables/extras/Scroller/media/js/Scroller.min.js"></script>
<!--
datatable functions -->


<
script type="text/javascript">

$(document).ready(function(){

$("#example").dataTable();

});

</
script>


<
script>
$(document).ready(function() {
//* show all elements & remove preloader
setTimeout('$("html").removeClass("js")',1000);
});
</
script>
<?endforeach;?>


Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.