Hapus CSS dan Javascript Bawaan Blogger Secara Permanen

Cara Hapus CSS dan Javascript Bawaan Blogger Secara Permanen untuk meningkatkan kinerja blog.

Blogger menyisipkan kode CSS dan JavaScript di header dan footer yang digunakan oleh beberapa widget bundle bawaan blogger secara default untuk tema resmi. Kode-kode ini meningkatkan waktu pemuatan, menunda rendering, dan mengurangi skor PageSpeed Insights halaman.

Jika kamu mengembangkan template sendiri file-file ini tidak diperlukan. Kamu bisa menghapus kedua file kode tersebut dengan cukup mudah, dan saya akan menunjukkan cara melakukannya di sini.

Hapus widget_css_bundle.css

File kode ini mencakup gaya untuk widget pada tema bawaan, yang terkadang memang tidak diperlukan. Untuk menghapus CSS bawaan blog Blogger, kamu perlu mengedit berkas tema XML Blogger kemudian tambahkan atribut berikut b:css='false' ke tag <html>.

<html b:css='false'>

Menonaktifkan widget.js

File JavaScript default yang dimasukkan oleh Blogger menambahkan fungsionalitas ke widget dan mengaktifkan beberapa fitur. Untuk menghapusnya, kamu harus menambahkannya b:js='false' ke tag <html>, seperti ini:

<html b:js='false'>

Ada beberapa masalah jika kamu menghapus file JS default dari blog. Ini adalah

Widget formulir kontak akan berhenti berfungsi.
Kamu tidak akan dapat menggunakan tab "Tata Letak" di Blogger.

Oleh karena itu, jika kamu memerlukan salah satu fitur ini pada titik tertentu, kamu harus mengembalikan perubahan agar kode berfungsi kembali.

Hapus widget.js menggunakan Javascript

Metode ini memungkinkan kamu menggunakan tab "Tata Letak" di Blogger, tetapi widget formulir kontak tetap tidak akan berfungsi, dan pemberitahuan kuki juga tidak akan ditampilkan. Untuk melakukannya, cari </body> dan ganti dengan:

&lt;textarea hidden id='bjs'></body>&lt;/textarea>
&lt;/body>

Pastikan tag dengan atribut hidden tidak ditampilkan sama sekali. Jika tetap ditampilkan, kamu dapat menambahkan kode CSS berikut:

[hidden] { display: none }

Pada titik ini, kita telah mencegah eksekusi widget.js, tetapi belum menghapus kode tersebut, dan juga belum mengembalikan pemberitahuan kuki. Untuk melakukan keduanya, tambahkan kode JavaScript berikut:

const REG_EXP = /cookieOptions\.(\w+)\) \|\| '(.+)'/g
const cookieJs = '/js/cookienotice.js'

const textarea = document.getElementById('bjs')

const loadScript = (src) => new Promise((resolve, reject) => {
  const $script = document.createElement('script')
  $script.src = src
  $script.onload = resolve
  $script.onerror = reject
  document.body.appendChild($script)
})

const decodeHtml = (string) => {
  return string.replace(/\\x(\w{2})/g, (_, hex) => String.fromCharCode(parseInt(hex, 16)))
}

const loadCookieScript = () => {
  const textareaContent = textarea.value
  const cookieOptions = window.cookieOptions || {}
  const Default = {}

  textareaContent.replace(REG_EXP, (_, key, value) => {
    Default[key] = decodeHtml(value)
  })

  if (textareaContent.includes(cookieJs)) {
    loadScript(new URL(cookieJs, window.location.origin).href)
      .then(() => {
        const {
          msg = Default.msg,
          close = Default.close,
          learn = Default.learn,
          link = Default.link
        } = cookieOptions

        if (typeof window.cookieChoices?.showCookieConsentBar === 'function') {
          // eslint-disable-next-line no-undef
          cookieChoices.showCookieConsentBar(msg, close, learn, link)
        }
      })
      .catch((err) => {
        console.error(err)
      })
  }
}

if (textarea) {
  loadCookieScript()
  textarea.remove()
}

Semuanya sekarang seharusnya berfungsi dengan benar kecuali widget formulir kontak, saya sarankan untuk diganti dengan layanan eksternal seperti Formsubmit, yang berfungsi dengan HTML murni. Kamu dapat melihat tutorialnya di cara membuat formulir kontak dengan formsubmit.

Penutup

Nah itu tadi Cara Hapus CSS dan Javascript Bawaan Blogger Secara Permanen yang bisa kalian terapkan untuk meningkatkan kinerja blog lebih cepat. Jika artikel ini bermanfaat bisa kamu share dan rekomendasikan ke yang membutuhkan.