Asynchronous Jquery Library, Script Jquery Tetap Jalan?
Sebenarnya aku sendiri belum benar-benar mengerti untuk arahan jquery atau javascript, aku selama ini gres berguru memodifikasi sebuah jquery dari sebuah widget blog dari arahan jquery yang sudah ada semoga sesuai dengan apa yang coba aku buat. Dari situlah aku banyak melaksanakan percobaan-percobaan dari tutorial-tutorial yang sudah ada di Google.
Salah satunya yaitu mencoba asynchronous pada jquery library untuk mengatasi render-blocking javascript di pagespeed. Saya melaksanakan percobaan pemasangan asynchronous pada jquery library ini di beberapa blog dummy aku dengan template yang berbeda. Dan widget yang memakai jquery banyak yang jalan dan banyak juga yang tidak jalan, hehehe....
Sampai-sampai aku mentok untuk mengatasi widget yang tidak jalan akhir pemasangan asynchronous pada jquery library ini. Namun untuk blog Kompi Ajaib sendiri widget-widget dengan jquery masih sanggup berjalan dengan baik walaupun memakai asynchronous pada jquery library-nya.
Dan baru-baru ini aku sedang mengutak-ngatik sistem komentar blog Kompi Ajaib dan hasilnya memakai sistem komentar Google+ untuk komentar blognya. Karena memakai komentar Google+ maka aku memutuskan untuk menyembunyikan komentar Blogger.
Karena komentar blogger (threaded comments hack) tidak digunakan, kemudian aku iseng-iseng menghapus arahan javascript untuk threaded comments hack dengan alasan untuk mengirit penggunaan javascript. Selanjutnya dikala blog dicoba di-reload malah beberapa widget dengan jquery tidak jalan, Nah lho...? Hehehehe....Biasa, ulah iseng selalu bikin kacau hehehehe...
Kemudian aku pasang lagi arahan javascript threaded comment hack yang tadi aku hapus, dan dikala blog di-reload maka semua widgetnya berjalan normal lagi. Nah lho....(lagi...sambil bengong)? Hehehehe... jangan-jangan... yang menjalankan semua jquery widget selama ini yakni jquery library yang di threaded comment hack?
Seperti kita ketahui, di threaded comment hack terdapat arahan javascript di bawah ini.
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' 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[
//Global setting
Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment
Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
Replace_Image_Link = false;//Auto replace link image, ketik "false" untuk mendisable.
Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
//Pengaturan Emoticon
Emo_List = [
':)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrmuV0rXFm4CwlfsaOohkKGEufjJdYJCJszDcFkYdIXKfa9GZj1qRtJncojGFWzbGL16zabv9t1ipc_3oTqEQ7eyW2L02eReINcQb16tArCMkvDil-AMOa19q-Fy3031zMkrLiL1dv4TeR/s1600/happy-yahoo-emoticon.gif',
':(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTzdZFtUeJrueqVzyOjLCrx02a1mXDnc7xSCMi47a1qi4AFgVlfFtEaWutT9AKdBxKdGlnH-7_iEnH-I5Dhppj04bzrnddT66on95hYrM91ruakZKcqiOU9XHE5i_cCG3opQe_V6TvtdS8/s1600/sad-yahoo-emoticon.gif',
' =(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyQEcyGa82Nrjm9z26-e4U5pAWk2q3JkIoeks6H-FBkKGdT8L2z0d9rhZnyriTBpvi1bFTfuNTcjLtL3ae-cMg7UXcN-tV0bfb6nDcUnqR_5Sspuc9BwfdThBDArlIsATiv5grsUAxUe4U/s1600/crying-yahoo-emoticon.gif',
'^_^' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjePrwWypSRgkKIBpyaW26bKTjijfTjq4BcJ0BsW02AeqV8BiMf-Ykl-T6FVb5v3kATfZh1agA6eNIBYh0DNgS_fE9AgLX2xignXNxczoxyEvF9MfO7JGgZXr341Q7ZsNayvXASTHD9yo8F/s1600/batting-eyelashes-yahoo-emoticon.gif',
' :D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqjgHaErdXe_z3NxqbkpI9MjCShIYK5vwNw5ZJSEfxWIjhdeY1oFndGDUzuO3B8NjRx3r3Y6YXzO_n-JB55fzITRIrBGSxjkAPVZJXmGImxK4W4i0mP-rGBvDtBaj2DiqgqCOTOfzPS88s/s1600/hee-hee-yahoo-emoticon.gif',
'=D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUCWWB7RXwZhQxpxlH30TsKCJep5jBydAJbkdZ1NrHZUfHY8p1wg6wV6pdzeAvMJsTTYfmsxJ1XztpUxgmseb3mSFhO-UGyJBdN53GaAqa2Pwnh-1fvjY_ZLtnjJRUGVUuErHc_CICr1sY/s1600/big-grin-yahoo-emoticon.gif',
'=)D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjIDPnyKG7aeIdeSapRJLC5qqzHNFS_Bmv7HdDD9P9hv11P5sjapwnOg1iAEvM6T_4hlwoWksD_mmcj7kFxvn1bBebf_CpOcKhZ292kXlP4IV54n0vNC2TpYV7K8BxUnOyumug3J3rjTX4/s1600/laughing-yahoo-emoticon.gif',
'|o|' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6YOYe4Eeyj7tRwzNvp4Xsito4JPzBMGYoYl7dqBktP8zmklITpzXCamZyYr7hCOnVCe4RH6p1wq37UxZpPcZ8I8M4BnABTjCoOs2FKvEje6ubcWz77_FWXy8L9o_avzs2Gdipo-BjetZg/s1600/applause-yahoo-emoticon.gif',
'@@,' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGyh_SQsm0gYO9y2ztPViz4BRNVthKZYGjTHADe7XNAHh-Iff5PF4aNsSEy1VbrBXkKDxqpRmY3Wp_thrrV0Ewwghyphenhyphen4YxN6aeMlC20PdYpTR9GzWsumIYrwT_tIckPLFreZ8tVuQmRciaY/s1600/hypnotized-yahoo-emoticon.gif',
' ;)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixqAPy8_d54cb101SDUnKTlnd8E4BzhbjStpp1dlhViIv0Bk2jBt6KWvOrcnrhUb9H7ryJvz4lfnVTj7sG-KYbqkJqtbkEAc8Z1forTHsakby15IOlRPiAXRHgQnGEp_vM4oBzy63jn3gi/s1600/winking-yahoo-emoticon.gif',
':-bd' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4QXY_L_bjPVBdgMSMSVu2CGcwIrnC_9v1CMSJoox-okIXjmbTsY8qHiJCueLCO-7VNNNKbOB8PrAI9uonTSLb14L4F4yUtp5nIgeZjHv2V5LWNemJg0RJ-BJYTzDJaGuShi0yg0d2w4Hy/s1600/thumbs-up-yahoo-emoticon.gif',
':-d' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMkZUBmX5GePG-lrurQCejW4XXgbnUySBBL6Ug4AHmhoAuwL7sFVOuV6-1wko8Dj36OIDC_EPrJ2EyUNY5PUCt0oaoixkcXBrgAm4z2W9JFfcrfDTIvBiO-hkFsWDAb9uf4qZl9ZzeDl4/s1600/thumbsup.gif',
' :p' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg81gqAp7SxstsusKT8LdiK3fS-PjYMsfOy0ABSvVNeYsKGPmaBarTSlmpUJGtwRZC2tA5RRMm7nBPz6Usmro83moUXwbv6HhiBb8rBbXyd9tGDbqrYIgXJl6ViyDb6ugDV3fCfpeTB6LxW/s1600/silly-yahoo-emoticon.gif',
':ng' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9xjl2Rzk3xHBJRSmGTK1pP7kDA1G4MS6skDhe1Jq3J_QAknMihT20xRizTt6ZOPtGzjVjg1qxrO8Zw_pXKhTIA06UhzPdbMHaKC11qG1hdr5t6FMNXCLqwQhKcecPFjWBDFXIpyMttII3/s1600/rolling-yahoo-emoticon.gif',
];
//Config Force tag list, define all in lower case
Force_Tag = [
'[pre]','<pre>',
'[/pre]','</pre>',
'<pre class="brush: plain; title: ; notranslate" title="Asynchronous Jquery Library, Script Jquery Tetap Jalan?">','<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 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))
var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
var ava = $(this).attr('src');
$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/"));
});
//]]>
</script>
Pada javascript yang paling atas sanggup kita lihat bahwa di dalamnya terdapat juga arahan jquery library. Dan kalau dibaca oleh kita untuk javascript tersebut kurang lebih menyerupai ini, "Jika tidak sanggup memuat Jquery, maka gunakan jquery ini..." Hehheehe kurang lebih menyerupai itu ya....
Kemudian aku coba memindahkannya, namun arahan javascript tersebut ternyata tidak sanggup disimpan di atas arahan </head> ataupun di atas arahan </body> alasannya yakni akan terdetek blocking-render javascript di pagespeed. Kaprikornus tempatnya tetap harus di dalam <b:includable id='comments' var='post'>. Dan sesudah aku coba, untuk kelompok javascript ketiga dari javascript di atas sanggup dihapus dan sisakan javascript pertama dan kedua.
Kaprikornus kalau Anda memakai template blog yang tidak memakai threaded comment hack dan ingin mencoba asynchronous pada jquery untuk mengatasi blocking-render javascript atau ingin mengurangi error di pagespeed, silahkan coba simpan arahan javascript di bawah ini dan simpan di atas epilog kode <b:includable id='comments' var='post'>.
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
Ini hanya berdasarkan pendapat dan pengalaman aku dan sudah aku coba berhasil menyerupai pada blog Kompi Ajaib ini. Namun alasannya yakni template blog berbeda-beda, mungkin saja trik ini tidak berjalan. Namun berdasarkan saya, apa salahnya kalau kita mencobanya. Karena dengan mencoba maka kita akan mendapat pengalaman gres yang berharga.
Sumber https://www.kompiajaib.com/
0 Response to "Asynchronous Jquery Library, Script Jquery Tetap Jalan?"
Posting Komentar