Banyak blog yang mengalami kendala yaitu loading ketika pengunjung mengunjungi blog terasa lama dan lambat, padahal koneksi Internetnya sudah termasuk cepat. Hal ini justru akan berdampak pengaruh besar pada Blog kita, yang tadinya pengunjung ingin mencari tau seputar permasalahannya namun dikarenakan loading blog yang dikunjunginnya lama loadingnya alias lola risikonya pengunjung mencancel dan tidak jadi mengunjungi blog tersebut.
Seperti yang kita ketahui bersama kecepatan loading pada blog atau website menjadi syarat utama juga untuk SEO pada blog, ada banyak metode SEO menyerupai yang pernah saya ulas sebelumnya di postingan pada blog ini. Nah di kesempatan ini saya akan membahas salah satu penyebab loading blog kita lambat yaitu pada Thread Comment di blog kita, di postingan kali ini akan membahas lebih lanjutnya bagaimana Cara Mempercepat Loading Komentar Blog Dengan Mendefer JS atau istilah lainnya menggunakan trik metode Threaded Comment Hack.
Di cara Threaded Comment Hack ini akan dibagi 2 metode atau 2 kelompok Javascript yang harus di Hosting terlebih dahulu, disini saya menghostingnya di Google drive lalu di defer, nah bagaimana jikalau ada yang menggunakan dari default comment blogger, itu hanya menggunakan 1 cara saja.
Bagaimana cara Cara Mempercepat Loading Komentar Blog Dengan Mendefer JS, bagi sahabat yang ingin mencobanya silahkan simak berikut ini.
Langkah Awal
Buat Threaded Comment Hack, silahkan sahabat cari arahan <b:includable id='comments' var='post'> setelah ketemu sedikit di gulirkan kebawah hingga ketemu arahan Javascript threaded comment hack yang tampilannya menyerupai arahan berikut ini.
Perhatikan baik-baik untuk arahan yang di tandai kemudian sahabat buka notepad lalu cut arahan yang ditandai diatas dan simpan di notepad tersebut.
Kemudian cari arahan Javascript dibawah ini
Silahkan sahabat ganti dengan arahan dibawah ini
Setelah diganti silahkan simpan notepad tadi dengan nama filenya Threaded-comments.js atau terserah bebas yang penting ber-akhiran atau extensinya *.js pilihan di Save as Type:AllFiles. Setelah tersimpan silahkan sahabat hosting ke Google Drive atau mampu juga self hosting.
Nah setelah itu silahkan gunakan javascript defer menyerupai arahan dibawah ini.
Yang nantinya penampakannya di Edit HTML untuk Javascript Threaded Comment Hack menyerupai ini
Langkah Ke Dua
Setelah langkah diatas dilakukan selanjutnya silahkan cari arahan <b:includable id='threaded_comment_js' var='post'> dan kalau sudah ketemu lakukan cara menyerupai langkah pertama kemudian kasih nama yang berbeda untuk js-nya tujuannya sih biar gampang nanti membedakannya dan untuk javascript defer-nya supaya dibedakan supaya nantinya tidak bentrok dan menjadi menyerupai dibawah ini.
perhatikan angka 2 yang ditandai itu sebagai pembeda, cukup komplemen saja angka 2 di downloadJSAtOnload yang nantinya akan terlihat di edit html menyerupai arahan berikut.
Khusus bagi yang menggunakan default Blogger
Jika sahabat sudah menggunakan Default Comment Blogger cukup menggunakan cara pada langkah ke Dua Saja. Dan Selesai selamat mencoba.
<script src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/> <script type='text/javascript'> <b:if cond='data:post.numComments != 0'> var Items = <data:post.commentJso/>; var Msgs = <data:post.commentMsgs/>; var Config = <data:post.commentConfig/>; <b:else/> var Items = {}; var Msgs = {}; var Config = {'maxThreadDepth':'0'}; </b:if> //<![CDATA[ Config.maxThreadDepth=4,Display_Emo=!0,Replace_Youtube_Link=!0,Replace_Image_Link=!0,Replace_Force_Tag=!0,Replace_Image_Ext=["JPG","GIF","PNG","BMP"],Emo_List=[":)","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwDBu0TpPLiSn3-c2iqm2HmmSyl5JU-RCL-5pVjuhihuqJRTL_ZH1NnRl8TC1H3o_5LcSMpE3olJWWARyJ8ul8skXbQ-MtMzrJb7l87fJRz0MUypDUD2uxy5Opp8yVHU4H-7sBVA59DTk/s1600/smile1.gif",":(","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga8w71WU1HEadVAdtBbeS8K2CYkud0kzhMr9QRdZyDIRo5B4GkezWsJoe5nV1pws_xC5qmLhumBnHEdlePrmBDttCRCAO31BjqmIQ5eH1pAqxklvghSQRBp2d6glWk70eLBtx-9-0QNlo/s1600/sad.gif","=(","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH06jyerJd3EFK6hB2OnlBobsYsIy1qlTlaav68rOh2uXiO4w8tcIIqiVilkRqV7d1557VVSK5969JIvkksSpt0LhjELQS6EOkg_0AAslWfktI3XlVNLZiZgpkVC3LKOXY-RPTwR83nm4/s1600/sadanimated.gif","^_^","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwKKeemMB27yQCx4_olXmmeLAxR0dZkWv4pclnVe2-KJ1ENBK2rFwqfIAOLYZ3mzU7HbY7A3FL7GA1oKmP12U53AGQs1QxBSE9ZAjva6tO5PGOyozcKdKk6Og3UU85nw_-9PRpt23xgpo/s1600/smile.gif",":D","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA4HMpR6qGbgaqTlJ9gLdYI33GzzClpWJHDGdHvdYIxFKtyNPt6qfx_CC2QC-vwDdYK8dsc_4Nz9JnDwJ_GD93XYKvxCpXtogOSfoJpDr_ljHn-g64aEMZTVxmlWd7TuMVmuBGHUkcgaE/s1600/icon_smile.gif","=D","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHnZSOb3Oy-zF_P0urVEujPfrc3hmtNvI4nDO8BOv8mt2xNuWxDIzmX_b6JOz7ZBeHGGCjK3JmY_eMGuADmrJMVFQoF54DiMRPXRetP4oq_ey5c57ws6bRXK7ULlT9eSlUSO0I9GerASY/s1600/hihi.gif","|o|","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWbSw8SxVvLAbOEqF-xQbLtMom5FE5ZrNJkL-10DJdaUAAFDJ4W2_OnJoQ4chnSuAOXiR21DThDSt81h384d4RNog8dctp5PRUlAWiZ3QwJTAYKRfxi_RdzKtljFXWCg7n7dwv23r2DE8/s1600/applause.gif","@@,","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiCjgvkpdzhMeabbKf2XtuwjG42HUHeeNi_ciRsT0xC7wUYl4P9nePzUG_UlRDLVrPR1-b20ZGRTwJCfBqrOhrnsytX6fRtt90PSM9cvMPQjSLvcar0TKdYde_Nw_OMN2R3IAPpKlTevw/s1600/rolleyes.gif",";)","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaJ-gAnfly5qXrAK89Q6qH_9BYa7tMzRFajvnxdDPgGc8b-TbhrGiTSUNwq7te2zCWmcMIrex6Ipmzbtfa721p9G_uoKiJczolsitXv1G1a-zc-Y1CxWInX4m-_4-nqzjvx0Plx0rsYQI/s1600/wink.gif",":-bd","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitTRgYZmomJYsw8UxO_01PYu4dtW_wrNOO0vnKB2lBajd-bshar9LrkpJSVkZxcZPPiiLQlUutyJOWennwPcpr5rSy9iunWeenhf6vPvGVRI7pmLKel-eyTn4WcE0JuZ5K96WuLcTqIWE/s1600/thumb.gif",":-d","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJTKeAaGQCXGtpM78-RGH6_jpUDzs1nq-3egqetex8C3gHO1lYqiC5UcGMff1dveS2oFrifksWbNZZCCbmdjkAayp_DgCswLjrbsTfMTYHlf0OXwA_zSac5L00c2bYhcPE2nQeDqeUtvg/s1600/thumbsup.gif",":p","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-IeFN4yGZvS0NeKZvDVR2zj5q-aBj_ZeLvAygP4hgGwIV1hDMQtimBl5TfjYReknQpi4ietoETDwzSI5tzDSkJTewO9GcauhQ9AepgJjN6-aJuA0d7uzlBGuvT426F66X2pI4op4X_gc/s1600/wee.gif"],Force_Tag=["[pre]","<pre>","[/pre]","</pre>",'<pre class="brush: plain; title: ; notranslate" title="">',"<code>","</pre>","</code>"]; eval(function(p,a,c,k,e,r){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--)r[e(c)]=k[c]||e(c);k=[function(e){return r[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}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{})) //]]> </script>Perhatikan baik-baik untuk arahan yang di tandai kemudian sahabat buka notepad lalu cut arahan yang ditandai diatas dan simpan di notepad tersebut.
Kemudian cari arahan Javascript dibawah ini
<script src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>Silahkan sahabat ganti dengan arahan dibawah ini
(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();Setelah diganti silahkan simpan notepad tadi dengan nama filenya Threaded-comments.js atau terserah bebas yang penting ber-akhiran atau extensinya *.js pilihan di Save as Type:AllFiles. Setelah tersimpan silahkan sahabat hosting ke Google Drive atau mampu juga self hosting.
Nah setelah itu silahkan gunakan javascript defer menyerupai arahan dibawah ini.
function downloadJSAtOnload(){var d=document.createElement("script");d.src="URL hosting comment-hack.js ",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;Yang nantinya penampakannya di Edit HTML untuk Javascript Threaded Comment Hack menyerupai ini
<script type='text/javascript'> <b:if cond='data:post.numComments != 0'> var Items = <data:post.commentJso/>; var Msgs = <data:post.commentMsgs/>; var Config = <data:post.commentConfig/>; <b:else/> var Items = {}; var Msgs = {}; var Config = {"maxThreadDepth":"0"}; </b:if> //<![CDATA[ function downloadJSAtOnload(){var d=document.createElement("script");d.src="URL hosting comment-hack.js ",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload; //]]> </script>Langkah Ke Dua
Setelah langkah diatas dilakukan selanjutnya silahkan cari arahan <b:includable id='threaded_comment_js' var='post'> dan kalau sudah ketemu lakukan cara menyerupai langkah pertama kemudian kasih nama yang berbeda untuk js-nya tujuannya sih biar gampang nanti membedakannya dan untuk javascript defer-nya supaya dibedakan supaya nantinya tidak bentrok dan menjadi menyerupai dibawah ini.
function downloadJSAtOnload2(){var d=document.createElement("script");d.src="URL hosting threaded-comment.js ",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload2,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload2):window.onload=downloadJSAtOnload2;perhatikan angka 2 yang ditandai itu sebagai pembeda, cukup komplemen saja angka 2 di downloadJSAtOnload yang nantinya akan terlihat di edit html menyerupai arahan berikut.
<script type='text/javascript'> (function() { var items = <data:post.commentJso/>; var msgs = <data:post.commentMsgs/>; var config = <data:post.commentConfig/>; //<![CDATA[ function downloadJSAtOnload2(){var d=document.createElement("script");d.src="URL hosting threaded-comment.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload2,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload2):window.onload=downloadJSAtOnload2; //]]> </script>Khusus bagi yang menggunakan default Blogger
Jika sahabat sudah menggunakan Default Comment Blogger cukup menggunakan cara pada langkah ke Dua Saja. Dan Selesai selamat mencoba.
Comments