Cara Memperbaiki leverage browser caching pada komen disqus - Onet4u Tech
News Update
Loading...

Cara Memperbaiki leverage browser caching pada komen disqus

Cara Memperbaiki leverage browser caching pada komen disqus
BY Dottycat
Cara Memperbaiki leverage browser caching pada komen disqus - Memasang alat komen dari disqus agak popular dengan pengguna blogger akhir-akhir ini, Ini kerana pilihan komen melalui Google Plus telah ditutup dan ulasan lalai blogger sering kali menjadi Error.
Cara Memperbaiki leverage browser caching pada komen disqus

Memasang komen disqus keblog ada pelbagai Cara, ada yang menggunakan sistem penangguhan, kotak komen baru akan dimuat apabila pengunjung tatal ke bawah

Dan ada juga yang menggunakan kaedah beban onlick di mana semua komen disqus akan muncul selepas pengguna menekan butang tersebut. Semua yang dilakukan supaya sistem komen disqus tidak membebankan untuk memuatkan blog

Sebenarnya kedua-dua kaedah di atas sering digunakan oleh pemilik laman web untuk mengatasi masalah komen disqus berat, namun ada beberapa isu yang tidak begitu penting tetapi sedikit mempengaruhi pemuatan blog yang bermaksud jika masalah ini diperbaiki maka kecepatan blog anda akan meningkat

Yeah walaupun ia hanya 2-3%, tetapi pada pandangan saya segala-galanya mengenai blog adalah sekecil mungkin, peluang itu mesti diperbaiki supaya prestasi blog meningkat

Masalah yang saya maksudkan ialah penyemak imbas cache caching aka aset statik yang berkaitan dengan dasar cache penyemak imbas yang efisien untuk menjimatkan masa loading untuk halaman blog, cadangan ini muncul dalam ujian Gtmetrix dan google pagespeed.

Bagi anda yang merasa menggunakan sistem komen disqus, sila periksa alat ujian Gtmetrix atau googlepagespeed. Adakah terdapat cadangan untuk menetapkan caching laverage untuk javascript yang membawa kepada kod disqus?

Bagaimana untuk membaiki leverage browser caching untuk komen disqus untuk meningkatkan kelajuan blog loadig

Jika anda mengalami masalah yang sama seperti yang saya cuba, ikuti tutorial yang saya berikan untuk menyelesaikan masalah ini

Sebaliknya, jika blog anda tidak mempunyai masalah, maka itu bermakna ia baik-baik saja, ya

Sila ikuti langkah demi langkah untuk mengelakkan Error

1. Backup template terlebih dahul.

2. Kemudian cari kod berikut dengan kombinasi ctrl + F

<b:includable id='comments' var='post'>…</b:includable>

3. Gantikan kod di atas dengan kod di bawah:

<b:includable id='comments' var='post'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <span class='disqus-loader' id='disqus-loader' onclick='loadDisqus()'>Load Disqus Comment</span><span id='disqus-showhide' onclick='toggleNavPanel2(&apos;disqus-comments&apos;)'>Hide</span> <div id='disqus-comments'> <div class='comments' id='comments'> <b:include data='post' name='disqus-comment'/> </div> </div> </b:if> </b:includable> <b:includable id='disqus-comment' var='post'> <script type='text/javascript'> var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;; if (!disqus_blogger_current_url.length) { disqus_blogger_current_url = &quot;<data:blog.url/>&quot;; } var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;; var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;; </script> </b:includable>

4. Seterusnya Tambahkan skrip berikut betul di atas tag </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <script> //<![CDATA[ function toggleNavPanel2(e){var n=document.getElementById(e),l=document.getElementById("disqus-showhide"),t="none";n.style.display==t?(n.style.display="block",l.innerHTML="Hide"):(n.style.display="none",l.innerHTML="Show")}; //]]> var disqus_shortname = &quot;ONET4U.COM&quot;; function loadDisqus(){var e=document.getElementById(&quot;disqus-loader&quot;);e.style.display=&quot;none&quot;;var e=document.getElementById(&quot;disqus-showhide&quot;);e.style.display=&quot;block&quot;;!function(){var e=document.createElement(&quot;script&quot;);e.type=&quot;text/javascript&quot;,e.async=!0,e.src=&quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;,(document.getElementsByTagName(&quot;head&quot;)[0]||document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(e)}();} </script> </b:if>

Cari code ONET4U.COM dan gantikan dengan username disqus anda

5.Step Terakhir, Tambahkan css berikut ke dalam css code anda.

/* Disqus Onclick Load*/ .comments{clear:both;line-height:1em;padding:0 12px;} #comments{padding:12px 20px;margin-top:0;display:none} .disqus-loader,#disqus-showhide{position:relative;overflow:hidden;display:block;text-align:center;font-weight:700;font-size:18px;cursor:pointer;letter-spacing:0;line-height:55px;margin:25px auto 0;padding:0!important;background:linear-gradient(to right, #E91E63, #2c3e50);color:#fff;transition:all .3s;width:94%;} #disqus-showhide{display:none}

Klik simpan dan Cuba menguji lagi

Jangan lupa untuk menggantikan ONET4U.COM dengan nama pengguna disqus anda

Sekiranya anda telah menggunakan kaedah ini, keputusan ujian harus diuji menggunakan googlepagespeed tanpa masalah lagi

Sekian posting saya tentang Cara Memperbaiki leverage browser caching pada komen disqus, wasalam dan terima kasih
DONATION Help make a Donation if the article is useful. Donations will be used to extend O4U www.onet4u.com Domain. Thank you.
Load Comments

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Notification
Do You Want Buy This Template? Contact onet4u.com@gmail.com
Done