How to load image once

am rendering around 3000 records ,

So row like Customer Profile edit

Customername , Action

 1  john          editimage  | Delete image
 2  john          editimage  | Delete image
 3  john          editimage  | Delete image
 4  john          editimage  | Delete image
 5  john          editimage  | Delete image
    ...
    ...
3000  john          editimage  | Delete image

So every time edit and delete images loading ,

chk this image

You're getting 304 Not Modified HTTP responses because the server detected that your browser still has the images in the client-side cache, so the server instructed your browser to retrieve those images from that cache. If it were a 200 OK, that means the server sent the images over the network, which is not the case as shown in your Firebug Net tab.

In your code don't do <img src..> but rather use a div with a css class that uses the image as a background image for the div. It would probably help quite a bit.

<style>
.editimage {width:20px; height: 20px; background-image:/path/to/image.gif}
</style>
...
<div class="editimage">&nbsp;</div>