Cara Menghapus Dan Menghilangkan Bundle CSS
Kecepatan loading blog merupakan hal penting dalam optimasi Seo. Hal ini dapat anda lihat saat anda mengakses situs website dengan ranking tinggi.
Pernahkah anda mengetes kecepatan akses blog anda pada fitur google pagespeed insight, lalu anda mendapatkan hasil bahwa ada beberapa pengoptimalan yang harus anda benahi. Salah satunya adalah menghapus javascript ataupun bundle css.
1.) Ke www.blogger.com Anda
2.) Pilih Blog.
3.) Pilih tema lalu " Edit HTML ".
4.) Klik sembarang pada kode html template, lalu tekan [CTRL + F] isikan kolom pop up dengan kode html berikut" <b: skin> ". klik Enter!
5.) Sekarang hapus semua Kode CSS Dari " <b: skin> " To " </ b: skin> ".
6.) Hasilnya sisa Kode tadi akan menjadi seperti ini " <b: skin> <! [CDATA []]> </ b: skin> ".
7.) Ganti Kode diatas dengan kode dibawah ini.
& lt; style type = & quot; text / css & quot; & gt; & lt;! - / * <b: skin> <! [CDATA [* /]]> </ b: skin>
8.) Kemudian letakkan kode html
& lt; style type = & quot; text / css & quot; & gt; & lt;! - / * <b: skin> <! [CDATA [* /]]> </ b: skin>
Diantara
<style type = 'text / css'>dan</ style>
Maka akan terlihat seperti ini
<style type = 'text / css'>
& lt; style type = & quot; text / css & quot; & gt; & lt;! - / * <b: skin> <! [CDATA [* /]]> </ b: skin>
</ style>
9.) Klik pratinjau, jika tidak ada error pada template klik simpan
10.) Lalu periksa template anda dengan menekan CTRL + U , jika kode tampil seperti ini:
dan semua huruf berwarna hitam, berarti link stylesheet telah diabaikan oleh browser dan Anda telah sukses mengoptimalkan CSS
Langkah pertama:
cari <head>tag dan ganti dengan:
<head>
Tahap kedua:
cari </head> tag dan ganti dengan:
</head><!--<head/>-->
Catatan: Ini adalah cara terbaik karena tidak mempengaruhi variabel jika Anda menggunakan variabel dalam template Anda.
Nonaktifkan Plusone.js dan Widgets.js
Sekarang jika Anda ingin menonaktifkan Plusone.jsdan Widgets.jsmeningkatkan kecepatan halaman Anda ikuti langkah-langkah di bawah ini:
cari </body>tag dan ganti dengan:
<!--</body>--> </body>
Klik pratinjau, jika tidak ada error pada template klik simpan
Pernahkah anda mengetes kecepatan akses blog anda pada fitur google pagespeed insight, lalu anda mendapatkan hasil bahwa ada beberapa pengoptimalan yang harus anda benahi. Salah satunya adalah menghapus javascript ataupun bundle css.
Berikut cara menghapus atau menghilangkan bundle css:
1.) Ke www.blogger.com Anda
2.) Pilih Blog.
3.) Pilih tema lalu " Edit HTML ".
4.) Klik sembarang pada kode html template, lalu tekan [CTRL + F] isikan kolom pop up dengan kode html berikut" <b: skin> ". klik Enter!
5.) Sekarang hapus semua Kode CSS Dari " <b: skin> " To " </ b: skin> ".
6.) Hasilnya sisa Kode tadi akan menjadi seperti ini " <b: skin> <! [CDATA []]> </ b: skin> ".
7.) Ganti Kode diatas dengan kode dibawah ini.
& lt; style type = & quot; text / css & quot; & gt; & lt;! - / * <b: skin> <! [CDATA [* /]]> </ b: skin>
8.) Kemudian letakkan kode html
& lt; style type = & quot; text / css & quot; & gt; & lt;! - / * <b: skin> <! [CDATA [* /]]> </ b: skin>
Diantara
<style type = 'text / css'>dan</ style>
Maka akan terlihat seperti ini
<style type = 'text / css'>
& lt; style type = & quot; text / css & quot; & gt; & lt;! - / * <b: skin> <! [CDATA [* /]]> </ b: skin>
</ style>
9.) Klik pratinjau, jika tidak ada error pada template klik simpan
10.) Lalu periksa template anda dengan menekan CTRL + U , jika kode tampil seperti ini:
<style type = "text / css"> <! - / * <link type = 'text / css' rel = 'stylesheet' href = 'https : //www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css '/> <link type =' text / css 'rel =' stylesheet 'href =' https: //www.blogger.com/ dyn-css / authorization.css? targetBlogID = 5450607496194797691 & zx = 6165f825-2905-4853-911f-bcb9820b8aff '/> <style id =' halaman-skin-1 'type =' text / css '> <! - * / - -> </ style>
dan semua huruf berwarna hitam, berarti link stylesheet telah diabaikan oleh browser dan Anda telah sukses mengoptimalkan CSS
Jika cara diatas cukup rumit, anda bisa menerapkan cara kedua:
Langkah pertama:
cari <head>tag dan ganti dengan:
<head>
Tahap kedua:
cari </head> tag dan ganti dengan:
</head><!--<head/>-->
Catatan: Ini adalah cara terbaik karena tidak mempengaruhi variabel jika Anda menggunakan variabel dalam template Anda.
Nonaktifkan Plusone.js dan Widgets.js
Sekarang jika Anda ingin menonaktifkan Plusone.jsdan Widgets.jsmeningkatkan kecepatan halaman Anda ikuti langkah-langkah di bawah ini:
cari </body>tag dan ganti dengan:
<!--</body>--> </body>
Klik pratinjau, jika tidak ada error pada template klik simpan
Post a Comment for "Cara Menghapus Dan Menghilangkan Bundle CSS"