为什么多个"include () "在基于JQM的移动网站上,过多的文件导致浏览器加载缓慢


Why multiple "includes() " of files are causing the browser to load slow in mobile JQM based website

我知道这个问题在堆栈上被问了很多次,其中一个可能是这个链接,但我无法从这些链接中得到我的答案。

所以我的问题是我正在使用php includes()加载多个文件,这导致页面加载时间几乎是30秒,这比正常的执行时间太多了。

虽然同样的方法在我的桌面版本中工作得很好,检查链接链接这里页面加载良好。

我的代码看起来像这样

<div id="DIVC3" class="divs_details">
    <?php include(dirname(__FILE__)."/cat3.tpl.php")?>
</div>
<div id="DIVC4" class="divs_details">
    <?php include(dirname(__FILE__)."/cat4.tpl.php")?>
</div>
<div id="DIVC5" class="divs_details">
    <?php include(dirname(__FILE__)."/cat5.tpl.php")?>
</div>
<div id="DIVC6" class="divs_details">
    <?php include(dirname(__FILE__)."/cat6.tpl.php")?>
</div>
<div id="DIVC8" class="divs_details">
    <?php include(dirname(__FILE__)."/cat8.tpl.php")?>
</div>
<div id="DIVC9" class="divs_details">
    <?php include(dirname(__FILE__)."/cat9.tpl.php")?>
</div>
<div id="DIVC10" class="divs_details">
    <?php include(dirname(__FILE__)."/cat10.tpl.php")?>
</div>
<div id="DIVC11" class="divs_details">
    <?php include(dirname(__FILE__)."/cat11.tpl.php")?>
</div>
<div id="DIVC12" class="divs_details">
    <?php include(dirname(__FILE__)."/cat12.tpl.php")?>
</div>
<div id="DIVC13" class="divs_details">
    <?php include(dirname(__FILE__)."/cat13.tpl.php")?>
</div>
<div id="DIVC15" class="divs_details">
    <?php include_once(dirname(__FILE__)."/cat15.tpl.php")?>
</div>
<div id="DIVC16" class="divs_details">
    <?php include(dirname(__FILE__)."/cat16.tpl.php")?>
</div>
<div id="DIVC17" class="divs_details">
    <?php include(dirname(__FILE__)."/cat17.tpl.php")?>
</div>
<div id="err_desc" style="visibility:hidden; display:none;">
    <?php
    $long_desc=strlen($t_POST['im_desc']);
    if ($long_desc>0 && $long_desc<15) {
        ?>
        <span style="color:#FF0000;font-weight:bold; font-size:12px"> <?=$this->translate->translate('ERR_DESC','nucleo','Descripción deficiente');?></span>
        <?php 
    }
</div>

如果你有类似的问题,请告诉我

谢谢,关于

造成这个问题的原因有很多,但从一开始就放手吧。

jQuery Mobile不能样式和增强页面内容之前,web服务器处理所有的响应返回到您的浏览器客户端。假设你的页面有额外的cca。50个文件(不同的图像,js和css文件等)加上有一个战利品的PHP包含在你的服务器端。

在这种情况下,服务器端PHP将首先尝试处理所有文件包含。但这个过程不是平行的,它不会一下子发生。这是第一个性能障碍,看看你的PHP代码,它可能是罪魁祸首。

第二步也是有问题的,假设PHP已经完成了内容生成,并且响应被发送到客户端浏览器。同样,响应不会同时处理所有响应,每个web服务器对每个会话可以处理的响应数量都有限制。因此,如果你有50个文件(不同的图像,js和css文件等),那么加载所有文件的平均时间将是加载5个文件的10倍(当然,这取决于文件大小)。

相关文章: