I have successfully embedded am html e-book in an object tag so that i can view it with my JQ Mobile app, its been successful but the problem is it's taking an average of 40 seconds to fully load, is there a way i can make it load faster? below is my code, further below are my scripts.

I have tried:

<div data-role="page" data-dom-cache="true">

no luck,
any help is appreciated. Thank you. This is my code below.

<div data-role="page">
<div data-role"header"></div>

      <div data-role="content"> 

    <div data-role="collapsible-set">

        <div data-role="collapsible" data-icon="arrow-r">
                <h3>Agriculture <img src="images/icons/agriculture.png" 
                alt="agripic" id="listicon">
                </h3>
                        <ul data-role="listview" data-filter="true">

           <li>
                        <object data="data/test.html" type="application/html"  
                           width="100%" height="100%"  data-dom-cache="true">
                    <a href="agriculture/agriculture economics/agriculture.htm">Agriculture</a>
                        </object>
           </li>
    </div>

<link href="jquery.mobile-1.2.1.min.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="style1.css">
<script src="jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery.mobile-1.2.1.min.js" type="text/javascript"></script>
<script src="cordova.js"></script>
<script src="script.js"></script>