Cara Menghapus CSS Widget Bundle dan Javascript Default di Blogger - Jarsum

Cara Menghapus CSS Widget Bundle dan Javascript Default di Blogger

Menulis posting yang bagus dan memiliki desain yang bagus tidak cukup untuk Mengsukseskan suatu blog/situs web Kalian.

Kalian harus memastikan pengunjung merasa nyaman mengunjungi dan menjelajahi blog atau situs web kalian. Dan itu berarti blog kalian harus memiliki fungsi dengan kecepatan yang bagus juga.

Jika blog kalian membutuhkan waktu yang cukup lama untuk memuat daripada perubahan tempatnya, pengunjung akan bisa meninggalkan blog kalian, sehingga situs kalian memiliki rasio pentalan yang tinggi. Situs kalian harus dimuat dengan cepat di perangkat apa pun karna pengunjung pasti akan pergi dengan cepat.

Salah satu caranya adalah dengan menghapus CSS Bawaan, widget CSS (widget_css_bundle.css) dari blog Blogger kalian. Kalian sebenarnya tidak dapat menghapusnya tetapi dapat melarangnya dengan menggunakan teknik yang sederhana.

Lalu bagaimana bentuk Widgets CSS Default dari Blogger

Di bawah ini adalah bentuk file CSS Widget Bundle bawaan Blogger.

<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' />
<link type='text/css' rel='stylesheet' href='//www.blogger.com/dyn-css/authorization.css?targetBlogID=367973271035573867&zx=0aa7d473-9366-475d-b9e5-3d07cdbeb132' />

Silahkan buka halaman apa pun di blog kalian dan lihat sumbernya tekan CTRL+ U untuk melihat apakah ada salah kode diatas yang dimuat di blog kalian. Jika hal itu benar maka kalian harus mengikuti petunjuk di bawah ini untuk menghapusnya dengan kata lain, melarangnya untuk diakses.

Menghapus CSS Widget Bundle Default dari Blogger


  1. Yang harus kalian kalian lakukan dahulu adalah meng-backup file template kalian
  2. Buka dasbor Blogger > Template
  3. Silahkan klik Edit HTML
  4. Di template bagian editor kalian, silahkan klik dahulu disitu, lalu tekan CTRL + F dan cari kode <b:skin><![CDATA[/*
  5. Tepat sebelum kode tersebut silahkan tempelkan kode berikut
  6. &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*
  7. Dan tampilan yang seharusnya terjadi seperti dibawah ini;
  8. &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*
    <b:skin><![CDATA[/*
    
    */// Disini Kode CSS Blogger template kalian
    
    /]]></b:skin>
  9. Jika diperlukan, potong semua kode di antara <b:skin><![CDATA[/* dan ]]></b:skin> dan tempelkan di tag baru dengan <style>. Tampilannya seperti dibawah ini.
  10. <style type="text/css">
    
    // Pastekan kode CSS disini
    
    </style>
  11. Terakhir, klik Save Template

Dengan melakukan trik ini file Widget Bundle CSS default akan diabaikan untuk di bot. Kalian akan melihat merasakan sedikit penurunan waktu loading blog kalian secara signifikan. Gunakan halaman Google-Developers PageSpeed ​​Insights dan alat tek kecepatan lainnya untuk memeriksa kecepatan dan saran serta optimasi blog Blogger kalian.

Untuk melihat hasil akhir dari masalah ini, silahkan tekan CTRL + U. Kalian akan melihat sebuah tampilan kode seperti dibawah ini.

<style type="text/css"><!-- /*<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='//www.blogger.com/dyn-css/authorization.css?targetBlogID=367973271035573867&zx=aafd6115-a772-4cb1-a020-041a1d5b336f' />
<style id='page-skin-1' type='text/css'><!--*/--></style>

Adapun Dampak Positif dan Negatif Menghapus CSS Widget Bundle Default Bawaan Blogger


Sebelum kalian menggunakan metode ini, ada baiknya kalian harus mengetahui bahwa menghapus kode tersebut dapat menyebabkan: -

  • Jika kalian menggunakan salah satu template default yang diberikan oleh Blogger, maka dengan melakukan cara ini akan menghancurkan desain dan struktur blog kalian.
  • Jika kalian terlalu bergantung pada alat penyesuai template bawaan Blogger, kalian tidak akan lagi menggunakan cara itu.

Meskipun begitu, kalian harus menghapus CSS Widget Bundle default dikarenakan: -

  • Kecepatan halaman akan meningkat. Dengan demikian blog kalian akan memuat blog lebih cepat dari sebelumnya. Karena loading website/blog yang cepat diperlukan untuk mengurangi tingkat bouncing.
  • Menghindari memuat alat yang tidak perlu di blog kalian. Kode CSS ini tidak begitu penting bagi kinerja blog kalian. Sebenarnya, hal itu mengurangi kinerja blog dengan mengambil nuansa baru untuk memuat tanpa efek.
  • Jika kalian membuat kode template Blogger kalian sendiri maka kalian harus menghapusnya.
  • Jika kalian menggunakan template blogger yang dibuat khusus maka kalian harus menghapus CSS default Blogger.
  • Menghapus CSS default tidak akan menyebabkan masalah dalam menggunakan gadget/widget default Blogger (sebagian).

Saat ini, saya menggunakan teknik ini di blog ini. Saya sarankan kalian mengazinkan kedua Widget Bundle CSS (widget_css_bundle.css) dan Widget Bundle default JavaScript (Widgets.js) dari Blogger karena akan meningkatkan kecepatan loading halaman blog Blogger kalian secara drastis.

Semoga informasi ini dapat membantu kalian. Bagikan pengalaman kalian menggunakan jika menggunakan cara ini.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel