title: ajax request makes page lag
body: <p>I have this ajax request code</p>
  
  <pre><code>function hehe2(){
    var a = $(".film2numb").val();
    return $.ajax({
      type : "GET",
      url : "php/controller1.php?page=semuafilm",
      data : "data="+a,
      cache: false,
      success: function(data){
        $('.semuafilm').load('php/film.php');
      },
    });
  }
  </code></pre>
  
  <p>and it requests this php code, basically it prints out HTML data from SQL</p>
  
  <pre><code>      &lt;?php            
          $indicator = $_SESSION['p'];
          if ($indicator == 'filmbaru') {
            # code...
            $batas = $_SESSION['a'];
            if (!$batas) {
              $batas = 1;
            }
            if ($batas&gt;1) {
              $batas = $batas * 8;
            }
            include('connect.php');
            $queryfilm = "select * from tb_film order by film_year desc, film_id desc limit $batas ,8";
            $exec =  $conn-&gt;query($queryfilm);
              while ( $f = $exec-&gt;fetch_assoc()) {
           $tn = str_replace(" ","-",$f['film_name']) ;
        ?&gt;
        &lt;div class='col l3 m3 s6 itemovie'&gt;&lt;div&gt;&lt;img src="images/dum.jpg" class="lazy" data-original='http://www.bolehnonton.com/images/logo/&lt;?php echo $f["film_logo"]; ?&gt;' width="214" height="317"&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;p&gt;&lt;b&gt;&lt;?php echo $f['film_name']; ?&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;IMDB Rating&lt;/p&gt;&lt;p&gt;&lt;?php echo $f['film_genre']; ?&gt;&lt;/p&gt;&lt;p class='center-align linkmov'&gt;&lt;a class='dpinblock browntex' href='?page=movie&amp;filmname=&lt;?php echo $tn; ?&gt;'&gt;PLAY MOVIE&lt;/a&gt;&lt;/p&gt;&lt;p class='center-align linkmov'&gt;&lt;a class='dpinblock' href=''&gt;SEE TRAILER&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;?php
            }
        ?&gt;
  </code></pre>
  
  <p>and here is the controller</p>
  
  <pre><code>            &lt;?php 
                  session_start();
                  $a = $_GET['data'];
                  $p = $_GET['page'];
                  $g = $_GET['genre'];
  
                  $_SESSION['a'] = $a;
                  $_SESSION['p'] = $p;
                  $_SESSION['g'] = $g;
               ?&gt;
  </code></pre>
  
  <p>My question is why every time I click button that binded to the <code>hehe2()</code> function (4-5 times, which requested a lot of images) the page get heavier as I click incrementally(laggy, slow to scroll), is there a way to make it lighter, or is there a way to not store image cache on page or clear every time I click the button that binded to <code>hehe2()</code> function?</p>