Menonaktifkan Javascript dan CSS (Scripts dan Styles) Default Blogger - HadaCircle

31 Januari 2017

Menonaktifkan Javascript dan CSS (Scripts dan Styles) Default Blogger

Script dan Style bawaan dari Blogger berfungsi untuk menjalankan Widget default juga, jika anda tidak memakai Widget-widget bawaan dari Blogger, maka alangkah sebaiknya untuk menonaktifkan Script dan Style bawaan Blogger. Jika sudah maka efeknya saat sidnifikan pada kecepatan Loading Blog. Cara cek apakah Blog anda masih aktif Script dan Style bawaan dari Blogger, cukup dengan View Page Source pada Web Browser anda.

Tutorial Webmaster, Blogger

Akan terlihat

......
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/1507566101-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6735898677678201846&zx=168e06a1-2c2a-4a01-b726-12cdc07ba126' />

... 

  ....

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/ ...

Kode tersebut tidak muncul pada Template HTML Blog, sehingga tidak bisa dihapus secara langsung. Sekarang kita akan membuatnya menjadi Comment ( <!-- .. -->) dan Textarea ( <textarea>..</.)

Penjelasan

CSS akan kita rubah menjadi Comment
JavaScript menjadi textarea. Kenapa textarea? Karena jika merubah menjadi comment, maka Blogger akan menambah tag pengganti, sehingga teteap terload juga. Namun jika dirubah menjadi Textarea, Server akan membaca sebagai tag sedangkan Browser anda akan membacanya sebagai Plain Text.

Agar PlainText tidak dimunculkan atau tidak tampil, maka dibungkus dengan tag kondisional Error Page.

Cara/Kesimpulan

1) Ganti <head> menjadi &lt;head&gt;

2) Bungkus <b:skin> .... </b:skin> dengan tag, seperti ini



<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + &quot;4999/01/tidakada.html&quot;'> 
<textarea><b:skin><![CDATA[
        ......
.....
      ]]></b:skin>
</textarea>
</b:if>

3) Ganti </head> menjadi


&lt;/head&gt;&lt;!--
  <head/>
  --&gt;&lt;/head&gt;

4) Ganti </body> dengan


&lt;textarea&gt;
    &lt;!--
  </body>
  -->
  &lt;/textarea&gt;
  &lt;/body&gt;






5) Simpan Template

6) Cara ini tidak akan menimbulkan kesalahan HTML, atau pengaruh SEO. Karena cara ini satu-satunya yang menutup sempurna tag-tag tersebut tanpa peringatan Error dari situs validasi HTML5 atau tidak menunjukkan warna merah saat view source di Web Browser

7) Kode diatas diterapkan pada web ini silahkan View Source web ini untuk menambah pemahaman anda



Blogger Bundle


Comments


EmoticonEmoticon