Home

About Proweb

Services

Paket website

Portfolio

Articles

Career

Contact Us

Search

Menampilkan script/image dari website lain pada urutan terakhir

Dalam mengembangkan website lain, kadang-kadang kita memakai service/layanan dari website lain. Dalam menggunakan service/layanan tersebut kita memasukan suatu script atau link image yang diberikan oleh website tersebut. Dalam menampilkan script atau image ini kadang-kadang membuat website kita loadingnya lama karena menunggu loading dari website lain. Hal ini akan membuat ksan website kita lambat diakses.

Untuk mengatasi hal ini adalah adalah mengatur urutan tampil, di mana website kita tampilkan dahulu setelah selesai baru script atau image dari website lain. Tetapi masalahnya, secara layout belum tentu bisa menempatkan script/image tersebut pada akhir coding. Untuk mengatasi adalah sebagai berikut

1. Perhatikan coding yang memuat script/image yang berasal dari website lain
   Sebagai contoh dalam coding yang masih asil adalah sebagai berikut:
   
           <div id="livechat">
                 <h4>LIVECHAT!</h4>
               <ul>
                   <li>Project Manager
                       <h1>Aris G &nbsp;&nbsp;: <a href="ymsgr:sendim?arisguntara"><img src="http://opi.yahoo.com/online?u=arisguntara&m=g&t=1" border="0" align="absmiddle" /></a></h1>
                   </li>
                   <li>Programmer
                         <h1>Banir &nbsp;&nbsp;&nbsp;: <a href="ymsgr:sendim?banir_home"><img src="http://opi.yahoo.com/online?u=banir_home&m=g&t=1" border="0" align="absmiddle" /></a></h1>
                   </li>
                     <li>Designer
                           <h1>Suryati : <a href="ymsgr:sendim?hv4n1_val"><img src="http://opi.yahoo.com/online?u=hv4n1_val&m=g&t=1" border="0" align="absmiddle" /></a></h1>
                         <h1>Erna &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <a href="ymsgr:sendim?ern4_junjun"><img src="http://opi.yahoo.com/online?u=ern4_junjun&m=g&t=1" border="0" align="absmiddle" /></a></h1>
               </li>
                   <!--li>General
                         <h1>Proweb: <a href="ymsgr:sendim?prowebprocom"><img src="http://opi.yahoo.com/online?u=prowebprocom&m=g&t=1" border="0" align="absmiddle" /></a></h1>
                   </li-->
                 </ul>
           </div><!--end of live chat-->
   
2. Pisahkan coding yang script/image dari website lain ke file lain
   Dari contoh di atas maka, kita bisa memisahkan coding berikut ke file misalnya livechat.txt
   
                 <h4>LIVECHAT!</h4>
               <ul>
                   <li>Project Manager
                       <h1>Aris G &nbsp;&nbsp;: <a href="ymsgr:sendim?arisguntara"><img src="http://opi.yahoo.com/online?u=arisguntara&m=g&t=1" border="0" align="absmiddle" /></a></h1>
                   </li>
                   <li>Programmer
                         <h1>Banir &nbsp;&nbsp;&nbsp;: <a href="ymsgr:sendim?banir_home"><img src="http://opi.yahoo.com/online?u=banir_home&m=g&t=1" border="0" align="absmiddle" /></a></h1>
                   </li>
                     <li>Designer
                           <h1>Suryati : <a href="ymsgr:sendim?hv4n1_val"><img src="http://opi.yahoo.com/online?u=hv4n1_val&m=g&t=1" border="0" align="absmiddle" /></a></h1>
                         <h1>Erna &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <a href="ymsgr:sendim?ern4_junjun"><img src="http://opi.yahoo.com/online?u=ern4_junjun&m=g&t=1" border="0" align="absmiddle" /></a></h1>
               </li>
                   <!--li>General
                         <h1>Proweb: <a href="ymsgr:sendim?prowebprocom"><img src="http://opi.yahoo.com/online?u=prowebprocom&m=g&t=1" border="0" align="absmiddle" /></a></h1>
                   </li-->
                 </ul>
   
3. Kemudian pada codingnya tinggal
           <div id="livechat">
           </div><!--end of live chat-->
   
4. Kemudian pada bagian sesudah </body> tambahkan script untuk memasukkan isi livechat.txt ke coding asli
   <script language="javascript">
   function createXmlHttpRequest()
   {
       if (window.XMLHttpRequest)
       {
           var oHttp = new XMLHttpRequest();
           return oHttp;
       }
       else if (window.ActiveXObject)
       {
           var versions =    ["MSXML2.XmlHttp.6.0","MSXML2.XmlHttp.3.0"];
      
           for (var i = 0; i < versions.length; i++)
           {
               try
               {
                   var oHttp = new ActiveXObject(versions[i]);
                   return oHttp;
               }
               catch (error)
               {
                   //do nothing here
               }
           }
       }
       return null;
   }
   
   var url="/livechat.txt";
   var oHttp = createXmlHttpRequest();
   oHttp.open("GET", url, false);
   oHttp.send(null);
   document.getElementById("livechat").innerHTML=oHttp.responseText;
   </script>
   

Dengan demikian maka waktu loading website kita tidak akan terpengaruh oleh script/image dari website lain.

Kunjungi www.prowebpro.com untuk menambah wawasan anda.