Cara Mempercepat Loading Blog Blogger Compress Script
Tapi terkadang jika kita hapus maka blog kita akan kelihatan jadul atau tidak panas untuk di mata kita dan di mata pengunjung bukan hany jelak saja di mata kita tapi menurut di mata google itu lebih bagus kalau kita tidak terlalu banyak menggunakam kode java script Dan Css DLL. Maka dari itu saya akan kasih tau caranya agar java script Dan Css DLl menjadi lebih ringan di blog kalin, saya akn jelaskan ke pada kalain pada halaman di bawah ini.
1. Jika anda membuat postingan maka hilingkan lah link yang ada pada gambar di saat anda mau artikel baru , itu bisa kendala blog loding blog anda menjadi lebih barat.
2. Jika Sobat di setiap menembahkan kode Css pada blog anda tidak langsung di compress maka loading file yang di terpakan pada tamplate blog anda akan menjadi lebih besar ,maka dari itu sebeiknya jika kalin mau menambahkan kode CSS anda bisa compress terlebih da hulu pada bagian halamn di bawah ini.
compress-css.com
Saya akan kasih anda contoh saja cara compress Css yang bener .langkah pertama anda harus bisa membeadakan mana kode css mana kode html dan kode java script maka saya di sini akan kasih anda contoh pada halaman di bawah ini.
Kode CSS Sebelum di Compress
/* a. Normal */
#foo{margin:0;padding:0} /* comment */
#foo:focus{outline:none}
/* b. Strip all comments */
#foo{margin:0;padding:0}
#foo:focus{outline:none}
/* c. Super compact */
#foo{margin:0;padding:0}#foo:focus{outline:none}
/* d. Keep indentation inside `@query {}` */
#foo{margin:0;padding:0}#foo:focus{outline:none}
#foo{margin:0;padding:0}#foo:focus{outline:none}
@media screen and (max-width:400px){
#foo{margin:0;padding:0}#foo:focus{outline:none}
#foo{margin:0;padding:0}#foo:focus{outline:none}
}
/* -------- [2]. CSS Beautifier -------- */
/* a. Normal */
#foo {
margin:0;
padding:0;
}
#foo:focus {
outline:none;
}
/* b. Replace double space indentation with a tab character or 4 spaces */
#tab-character {
margin:0;
padding:0;
}
#four-space {
outline:none;
}
/* c. Break multiple selector */
#foo,
#bar,
.walaaa {
margin:0;
padding:0;
}
/* d. Space after `:` and `,` */
#foo {
margin: 0 auto;
background-image: linear-gradient(top, #333, #555);
color: rgba(0, 0, 0, .4);
}
/* e. Inline bracket for single property */
#foo .bg {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:white url('img/bg-image.png') no-repeat 0 0;
}
#foo .bg-1 {background-position:0 0;}
#foo .bg-2 {background-position:100% 0;}
#foo .bg-3 {background-position:100% 100%;}
#foo .bg-4 {background-position:0 100%;}
/* f. Remove the last semicolon in single property */
#foo .bg {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:white url('img/bg-image.png') no-repeat 0 0;
}
#foo .bg-1 {background-position:0 0}
#foo .bg-2 {background-position:100% 0}
#foo .bg-3 {background-position:100% 100%}
#foo .bg-4 {background-position:0 100%}
/* g. Inline layout mode */
#foo .bg { position:absolute; top:0; right:0; bottom:0; left:0; background:white url('img/bg-image.png') no-repeat 0 0; }
Kode CSS Sudah di Compress
/* a. Normal */
#foo{margin:0;padding:0}
/* comment */
#foo:focus{outline:none}
/* b. Strip all comments */
#foo{margin:0;padding:0}
#foo:focus{outline:none}
/* c. Super compact */
#foo{margin:0;padding:0}
#foo:focus{outline:none}
/* d. Keep indentation inside `@query{}
` */
#foo{margin:0;padding:0}
#foo:focus{outline:none}
#foo{margin:0;padding:0}
#foo:focus{outline:none}
@media screen and (max-width:400px){#foo{margin:0;padding:0}#foo:focus{outline:none}#foo{margin:0;padding:0}#foo:focus{outline:none}}
/* -------- [2]. CSS Beautifier -------- */
/* a. Normal */
#foo{margin:0;padding:0}
#foo:focus{outline:none}
/* b. Replace double space indentation with a tab character or 4 spaces */
#tab-character{margin:0;padding:0}
#four-space{outline:none}
/* c. Break multiple selector */
#foo,#bar,.walaaa{margin:0;padding:0}
/* d. Space after `:` and `,` */
#foo{margin:0 auto;background-image:linear-gradient(top,#333,#555);color:rgba(0,0,0,.4)}
/* e. Inline bracket for single property */
#foo .bg{position:absolute;top:0;right:0;bottom:0;left:0;background:white url('img/bg-image.png') no-repeat 0 0}
#foo .bg-1{background-position:0 0}
#foo .bg-2{background-position:100% 0}
#foo .bg-3{background-position:100% 100%}
#foo .bg-4{background-position:0 100%}
/* f. Remove the last semicolon in single property */
#foo .bg{position:absolute;top:0;right:0;bottom:0;left:0;background:white url('img/bg-image.png') no-repeat 0 0}
#foo .bg-1{background-position:0 0}
#foo .bg-2{background-position:100% 0}
#foo .bg-3{background-position:100% 100%}
#foo .bg-4{background-position:0 100%}
/* g. Inline layout mode */
#foo .bg{position:absolute;top:0;right:0;bottom:0;left:0;background:white url('img/bg-image.png') no-repeat 0 0;
Maka akan sedikit berbada mana yang belum di compress yang sudah di compress, maka hasilnya akan menajadi lebih sedikit dari pada sebelumnya ,maka loading kalin akan menjadi lebih ringan.anda bisa gunakan saja alamat https://tutorialcid-demo.blogspot.co.id/p/compress-css.html ,jika anda mau buat langsung kode Compress pada halaman blog kalin anda bisa klik saja di pada halaman sini Cara Membuat Menu Compress Css Pada Halaman Blog
3. Jika pada tempale blog anda banyak mengunakan kode java script maka sebaiknya anda lukan dengan compress sebelum mau di terapkan , anda bisa gunakan web https://jscompress.com/ yang sudah sangat di percaya dan terbukti ampuh bisa memperkecil dari file sebelumnya. saya kasih Contoh lagi ke pada anda pada halaman di bawah ini.
Kode java script Sebelum di Compress
function loophalaman(a){var b="";nomerkiri=parseInt(numshowpage/2),nomerkiri==numshowpage-nomerkiri&&(numshowpage=2*nomerkiri+1),mulai=nomerhal-nomerkiri,mulai<1&&(mulai=1),maksimal=parseInt(a/postperpage)+1,maksimal-1==a/postperpage&&(maksimal-=1),akhir=mulai+numshowpage-1,akhir>maksimal&&(akhir=maksimal),b+="<span class='showpageOf'>Page "+nomerhal+" of "+maksimal+"</span>";var c=parseInt(nomerhal)-1;nomerhal>1&&(b+=2==nomerhal?"page"==jenis?'<span class="showpage"><a href="'+home_page+'">'+upPageWord+"</a></span>":'<span class="showpageNum"><a href="/search/label/'+lblname1+"?&max-results="+postperpage+'">'+upPageWord+"</a></span>":"page"==jenis?'<span class="showpageNum"><a href="#" onclick="redirectpage('+c+');return false">'+upPageWord+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+c+');return false">'+upPageWord+"</a></span>"),mulai>1&&(b+="page"==jenis?'<span class="showpageNum"><a href="'+home_page+'">1</a></span>':'<span class="showpageNum"><a href="/search/label/'+lblname1+"?&max-results="+postperpage+'">1</a></span>'),mulai>2&&(b+=" ... ");for(var d=mulai;d<=akhir;d++)b+=nomerhal==d?'<span class="showpagePoint">'+d+"</span>":1==d?"page"==jenis?'<span class="showpageNum"><a href="'+home_page+'">1</a></span>':'<span class="showpageNum"><a href="/search/label/'+lblname1+"?&max-results="+postperpage+'">1</a></span>':"page"==jenis?'<span class="showpageNum"><a href="#" onclick="redirectpage('+d+');return false">'+d+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+d+');return false">'+d+"</a></span>";akhir<maksimal-1&&(b+="..."),akhir<maksimal&&(b+="page"==jenis?'<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+"</a></span>");var e=parseInt(nomerhal)+1;nomerhal<maksimal&&(b+="page"==jenis?'<span class="showpageNum"><a href="#" onclick="redirectpage('+e+');return false">'+downPageWord+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+e+');return false">'+downPageWord+"</a></span>");for(var f=document.getElementsByName("pageArea"),g=document.getElementById("blog-pager"),h=0;h<f.length;h++)f[h].innerHTML=b;f&&f.length>0&&(b=""),g&&(g.innerHTML=b)}function hitungtotaldata(a){var b=a.feed;loophalaman(parseInt(b.openSearch$totalResults.$t,10))}function halamanblogger(){var a=urlactivepage;-1!=a.indexOf("/search/label/")&&(lblname1=-1!=a.indexOf("?updated-max")?a.substring(a.indexOf("/search/label/")+14,a.indexOf("?updated-max")):a.substring(a.indexOf("/search/label/")+14,a.indexOf("?&max"))),-1==a.indexOf("?q=")&&-1==a.indexOf(".html")&&(-1==a.indexOf("/search/label/")?(jenis="page",nomerhal=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,document.write('<script src="'+home_page+'feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata"><\/script>')):(jenis="label",-1==a.indexOf("&max-results=")&&(postperpage=20),nomerhal=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,document.write('<script src="'+home_page+"feeds/posts/summary/-/"+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')))}function redirectpage(a){jsonstart=(a-1)*postperpage,nopage=a;var b=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),b.appendChild(c)}function redirectlabel(a){jsonstart=(a-1)*postperpage,nopage=a;var b=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),b.appendChild(c)}function finddatepost(a){post=a.feed.entry[0];var b=post.published.$t.substring(0,19)+post.published.$t.substring(23,29),c=encodeURIComponent(b);if("page"==jenis)var d="/search?updated-max="+c+"&max-results="+postperpage+"#PageNo="+nopage;else var d="/search/label/"+lblname1+"?updated-max="+c+"&max-results="+postperpage+"#PageNo="+nopage;location.href=d}var nopage,jenis,nomerhal,lblname1;halamanblogger();
Kode java script Sudah di Compress
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('E 17(a){j b="";H=J(T/2),H==T-H&&(T=2*H+1),B=l-H,B<1&&(B=1),9=J(a/o)+1,9-1==a/o&&(9-=1),C=B+T-1,C>9&&(C=9),b+="<3 4=\'1t\'>1s "+l+" 1v "+9+"</3>";j c=J(l)-1;l>1&&(b+=2==l?"s"==k?\'<3 4="1r"><a 5="\'+A+\'">\'+X+"</a></3>":\'<3 4="i"><a 5="/p/r/\'+z+"?&6-n="+o+\'">\'+X+"</a></3>":"s"==k?\'<3 4="i"><a 5="#" y="I(\'+c+\');x w">\'+X+"</a></3>":\'<3 4="i"><a 5="#" y="K(\'+c+\');x w">\'+X+"</a></3>"),B>1&&(b+="s"==k?\'<3 4="i"><a 5="\'+A+\'">1</a></3>\':\'<3 4="i"><a 5="/p/r/\'+z+"?&6-n="+o+\'">1</a></3>\'),B>2&&(b+=" ... ");1a(j d=B;d<=C;d++)b+=l==d?\'<3 4="1x">\'+d+"</3>":1==d?"s"==k?\'<3 4="i"><a 5="\'+A+\'">1</a></3>\':\'<3 4="i"><a 5="/p/r/\'+z+"?&6-n="+o+\'">1</a></3>\':"s"==k?\'<3 4="i"><a 5="#" y="I(\'+d+\');x w">\'+d+"</a></3>":\'<3 4="i"><a 5="#" y="K(\'+d+\');x w">\'+d+"</a></3>";C<9-1&&(b+="..."),C<9&&(b+="s"==k?\'<3 4="i"><a 5="#" y="I(\'+9+\');x w">\'+9+"</a></3>":\'<3 4="i"><a 5="#" y="K(\'+9+\');x w">\'+9+"</a></3>");j e=J(l)+1;l<9&&(b+="s"==k?\'<3 4="i"><a 5="#" y="I(\'+e+\');x w">\'+15+"</a></3>":\'<3 4="i"><a 5="#" y="K(\'+e+\');x w">\'+15+"</a></3>");1a(j f=v.1o("1w"),g=v.1C("1A-1G"),h=0;h<f.M;h++)f[h].16=b;f&&f.M>0&&(b=""),g&&(g.16=b)}E Y(a){j b=a.1e;17(J(b.1B$1D.$t,10))}E 1i(){j a=u;-1!=a.7("/p/r/")&&(z=-1!=a.7("?V-6")?a.F(a.7("/p/r/")+14,a.7("?V-6")):a.F(a.7("/p/r/")+14,a.7("?&6"))),-1==a.7("?q=")&&-1==a.7(".1F")&&(-1==a.7("/p/r/")?(k="s",l=-1!=u.7("#D=")?u.F(u.7("#D=")+8,u.M):1,v.18(\'<m S="\'+A+\'W/N/O?6-n=1&L=P-U-m&R=Y"><\\/m>\')):(k="r",-1==a.7("&6-n=")&&(o=1E),l=-1!=u.7("#D=")?u.F(u.7("#D=")+8,u.M):1,v.18(\'<m S="\'+A+"W/N/O/-/"+z+\'?L=P-U-m&R=Y&6-n=1" ><\\/m>\')))}E I(a){Q=(a-1)*o,G=a;j b=v.12("13")[0],c=v.1h("m");c.1j="1b/1l",c.1k("S",A+"W/N/O?1g-1c="+Q+"&6-n=1&L=P-U-m&R=11"),b.1f(c)}E K(a){Q=(a-1)*o,G=a;j b=v.12("13")[0],c=v.1h("m");c.1j="1b/1l",c.1k("S",A+"W/N/O/-/"+z+"?1g-1c="+Q+"&6-n=1&L=P-U-m&R=11"),b.1f(c)}E 11(a){Z=a.1e.1q[0];j b=Z.1d.$t.F(0,19)+Z.1d.$t.F(1p,1n),c=1m(b);1z("s"==k)j d="/p?V-6="+c+"&6-n="+o+"#D="+G;1y j d="/p/r/"+z+"?V-6="+c+"&6-n="+o+"#D="+G;1u.5=d}j G,k,l,z;1i();',62,105,'|||span|class|href|max|indexOf||maksimal|||||||||showpageNum|var|jenis|nomerhal|script|results|postperpage|search||label|page||urlactivepage|document|false|return|onclick|lblname1|home_page|mulai|akhir|PageNo|function|substring|nopage|nomerkiri|redirectpage|parseInt|redirectlabel|alt|length|posts|summary|json|jsonstart|callback|src|numshowpage|in|updated|feeds|upPageWord|hitungtotaldata|post||finddatepost|getElementsByTagName|head||downPageWord|innerHTML|loophalaman|write||for|text|index|published|feed|appendChild|start|createElement|halamanblogger|type|setAttribute|javascript|encodeURIComponent|29|getElementsByName|23|entry|showpage|Page|showpageOf|location|of|pageArea|showpagePoint|else|if|blog|openSearch|getElementById|totalResults|20|html|pager'.split('|'),0,{}))Kamu bisa gunakan cara itu saja agar loading blog anda menjadi lebih ringan dari sebelumnya. munkin hany itu saja yang saya bisa sampaikan ke pada kalain semoga artikel kami bisa berguna bagi anda .mohon maap kurang lebih dari saya ,jangan lupa jika kamu suka pada postingan saya baut ini like dan shree pada teman-teman blogger anda wasalam.
