ページの他のすべてのコンテンツを読み込んだ後にPHPページを読み込む方法

Question

私はメール機能を追加する必要があるウェブベースのビデオチャンネルを開発しています。私はメールボタンを追加しましたが、すべての機能は正常に動作していますが、ページをロードするのに時間がかかります。 video.phpページにはmail.phpが含まれています。全体のページは、mail.phpまで待機します。したがって、それはより多くの時間がかかります。

私のアプリケーションはPHP codeigniterで開発されています。 mail.phpには、jsファイル、ajax呼び出し、およびhtml形式が含まれています。

最初にすべてのページコンテンツを読み込み、最後にバックグラウンドでmail.phpを読み込むことができますか？私が試したものをここに

...

video.php

<script>jQuery("#mail_btn").click(function()jQuery("#div1").load(mail.php);});</script> 
<div id="div1" class ="mail_form"> 
//include_once(mail.php); //it was working fine but it takes time,i want to load mail form here. 
</div> 

私を助けたり、任意の別の方法を提案してください。 おかげ..

Answer 1

私はあなたがOb_startとob_end_flush それらを使用することができると思うが、私はjQueryの遅延読み込みプラグインhttp://jquery.eisbehr.de/lazy/を追加することになり、ここでマニュアルをチェックし、ページ出力負荷と表示 を制御する機能 php manual

Answer 2

です。私は以下のスニペットを追加しましたが、プラグインサイトでより良い例があります。

$(function() { 
 
    $("div[data-src]").Lazy(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.lazy/1.7.1/jquery.lazy.min.js"></script> 
 
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.lazy/1.7.1/plugins/jquery.lazy.ajax.min.js"></script> 
 

 
<div data-loader="ajax" data-src="ajax.html"> 
 
    <p>Content you want to load later goes here.</p> 
 
</div>