EDY PUTRA jepara Jl.cik lanang Nm.62 Rt.04/05Kauman Jepara jateng-59417. CALL; +6281904645456 , +6281390345437. E-mail ; edy_putra@ymail.com , edyputrajepara@gmail.com Malayani ; LAS , BODY REPAER MOBIL , MESIN , CAT , JASA FINISHING MEBEL , CALTER MOBIL , MEBEL,FURNITUR
Google Translate
Arabic Korean Japanese Chinese Simplified Russian Portuguese English French German Spain Italian Dutch

Wednesday, December 29, 2010

CARA COMPRES | KODE CSS | JAVA SCRIPT | YUI Compressor | Untuk mempercepat loading situs,blog,web

Online YUI Comprees.

Solusi untuk  blog,web atau situs anda yang terlalu berat/lelet loadingnya,apa yang membuat berat loading web anda ,,? ada beberapa kemungkinan antara lain terlalu banyak script ,gambar2 flash,full post pada halaman utama yang anda bebankan/tempelkan pada blog/web.
Untuk mengatasi hal tersebut maka anda harus mengoptimalkan (komprees) kode CSS & javascript agar sedikit  dapat lebih cepat loadingnya.
Oky... sobat..! layanan online yang dapat kita pergunakan untuk melaksanakan fungsi tersebut adalah Online YUI Compressor.  Cara menggunakan layanan ini juga tidak sulit, kita tinggal memasukan semua kode javascript yang ingin di-kompresi, ingat! tanpa memasukan (diantara kode) tag <script type='text/javascript'> ...(kode yang dicompres)... </script> atau <script type='text/javascript'> //<![CDATA[ ... (kode yang dicompres)... //]]> </script>  ,yang dicompress kode utamanya saja.

LANGKAH .

  1. Klik situsnya  Online YUI compressor
  2. Masukkan kode javascript dalam kotak "Code".
  3. Pilih secara dropdown jenis file pada "File Type". JS/CSS
  4. Selanjutnya untuk opsi-opsi kosongkan.
  5. Klik tombol "Compress" 
  6. Tunggu beberapa saat file dikompres dan hasilnya akan ditampilkan tepat di bawah tombol "Compress".
GAMBAR


CONTOH KODE,
Saya ambil contoh kode read more
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 450;
summary_img = 450;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Nb,Kode yang berwarna Biru merupakan kode yang dimasukkan dalam kotak "Code" pada site Online YUI Compressor.


Hasilnya setelah dimasukkan kedalam code  Online YUI Compressor. adalah sebagai berikut
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 450;
summary_img = 450;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>

SALAM MANIS

Artikel Terkait

0 comments:

Post a Comment

SILAHKAH COMEN DULU...
MAKASIH TELAH MEMBERI COMEN DAN WUKTUNYA....
SALAM PERSAHABATAN.....
edy putra Jl.cik lanang62 Kauman Rt04/05 Jepara-59417

KLIK MENDENGARKAN LAGU



Photobucket

CARI ARTIKEL DISINI

Loading

COMENTATOR

CARA MEMBUKA KLIK KANAN PADA BLOG JEPARA BUMI KARTINI
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger