Cara Hapus CSS Dan JS Bawaan Blogger Untuk Meningkatkan Kecepatan Loading Blog

Cara Hapus CSS Dan JS Bawaan Blogger

Fighaz Mc, Blogger - Hay, Pada postingan kali ini, saya akan membagikan tutorial cara meningkatkan kecepatan loading blog dengan menghapus file Css dan Js bawaan blogger untuk meningkatkan kecepatan loading blog.

Bagi kalian yang sedang mencari bagaimana cara menghapus CSS dan Js bawaan blogger untuk mempercepat loading blog kalian, dalam postingan ini saya akan memberikan cara yang cepat dan tentunya mudah.

Sebenarnya ada banyak cara yang dapat kita lakukan untuk mempercepat loading blog yang kita miliki. Ada banyak cara untuk mempercepat loading blog bagi pengguna platform blogger tanpa harus mengeluarkan biaya tambahan.

Yups, tidak bisa kita pungkiri, Selain pengoptimalan gambar blog, penghapusan kode JS, CSS, dan widget Blogger juga patut dipertimbangkan.

Alangkah baiknya, simak penjelasan singkat dibawah ini tentang Apa Itu CCS dan JS sebelum kita menghapusnya.

Apa Itu CSS?

CSS (Cascading Style Sheet) adalah salah satu bahasa desain (styling language) bagian dari markup language yang dapat “mewarnai” atau mendesain suatu halaman website. Markup language ini sering dipasangkan dengan markup language (bahasa marka) seperti HTML. CSS juga digunakan untuk membangun sebuah halaman situs jejaring.

Bagi seorang Front-end Developer CSS sangatlah penting dalam membuat sebuah tampilan halaman website yang sedang dibangun. Dengan peran CSS dalam sebuah halaman website akan membuat pengunjung menjadi nyaman untuk menjelajahi keseluruhan sebuah situs web.

Fungsi CSS

Berikut ini beberapa fungsi dari penerapan CSS didalam sebuah halaman website menurut saya pribadi yakni;

Memuat halaman situs dengan cepat, dengan menggunakan CSS dalam pembuatan suatu halaman website akan mempercepat tampilan dari halaman sebuah situs web.
Desain diproses dengan cepat, dengan menerapkan CSS didalam pembuatan website, pengembang atau pembuat website akan lebih mudah dan cepat membuat suatu website karena tidak perlu mengetik hal yang sama berulang-ulang, cukup masukkan script atau kode pemanggilan di tempat atau bagian diinginkan.
Responsif terhadap berbagai perangkat, dengan penerapan CSS didalam sebuah halaman website, tampilan website akan lebih mudah di akses di berbagai perangkat atau mesin pencarian.

Cara Kerja CSS

Pada 3 Point' diatas, saya sudah uraikan tentang apa itu CSS. Nah Cara kerja CCS dalam sebuah halaman website saat dikunjungi akan menampilkan halaman website dengan gaya atau tampilan yang akan mempresentasikan atau mengikuti Susunan CSS dalam mengoptimalkan tampilan disetiap perangkat atau browser yang digunakan.

Mulai dari Load HTML, yang akan menampilkan atau memuat sebuah website sesuai HTML dari jaringan. Setiap elemen atau atribut di dalam website akan ditampilkan dan disatuka didalam DOM (tempat CSS dan konten bertemu).

Dengan perambaan sejumlah HTML seperti gambar teks, video dan sebagainya, yang diuraikan berdasarkan jenis pemilihan ID atau tempat untuk menampilkan dengan rentan waktu yang sudah diatur dalam beberapa tampilan visual yang mengikuti layar.

Apa Itu JavaScript?

JavaScript adalah bahasa yang digunakan dalam pemrograman untuk mengembangkan sebuah website. JavaScript digunakan dalam pembuatan website bertujuan agar website lebih dinamis dan interaktif.

Konten dinamis yang dimaksud ialah konten dapat bergerak ataupun berubah di didalam website tanpa perlu mereload halaman website seperti gambar, foto, animasi dan sebagainya.

Contoh mudahnya seperti kalian menyukai suatu video atau gambar yang ada di Facebook, Tittok, Instagram dan beberapa Platfrom sejenisnya. Saat kalian klik untuk menyukai, maka akan ada animasi perubahan dari yang sebelumnya tidak berwarna menjadi berwarna (tergantung dari animasi CSS/JS yang digunakan).

Fungsi JavaScript

Berikut beberapa fungsi JavaScript secara umum yang mudah dimengerti seperti;

Membuat tampilan halaman website menjadi lebih menarik.
Membuat Aplikasi yang dapat dijalankan di perangkat mobile.
Menjalankan dan mengembangkan web server sebuah website.
Membuat dan mengembangkan game berbasis web browser.

Setelah membaca ulasan singkat tentang apa itu CSS dan JavaScript, sekarang kita masuk pada tahap Cara Hapus CSS Dan JS Bawaan Blogger Untuk Meningkatkan Kecepatan Loading Blog.

Keuntungan Menghapus CSS Dan JS Bawaan Blogger

Selain pengoptimalan gambar di dalam blog, penghapusan kode JS, CSS, dan widget Blogger juga patut dipertimbangkan yah. Langkah ini bertujuan agar blog yang kita kelola semakin cepat loding pemuatannya dalam meningkatkan optimasi SEO dari blog atau website yang kita miliki.

Yah, bagi Blogger pumula tampilan blog terkadang lebih "diutamakan". Tanpa disadari, banyaknya CSS dan JavaScript didalam website atau blog membuat loading atau pemuatan blog dan website menjadi berkurang.

Penting untuk diingat yah, salah satu faktor yang menyebabkan blog atau website muncul di pencarian teratas adalah kecepatan dari blog atau website dalam pemuatan atau tampilannya di browser pencarian dan perangkat.

Manfaat utama dari menghapus script bawaan blogger ialah blog yang kita kelola semakin cepat loading blognya. Kita dapat menguji blog kita pada tes web speed seperti Google PageSpeed Insight, GTMetrix, Pingdom dan sejanis lainnya. Semakin cepat loading blog yang kita kelola maka akan berdampak baik pada kualitas SEO.

Kekurangan Menghapus CSS Dan JS Bawaan Blogger

Ada manfaatnya menghapus JS atupun CSS widget bawaan Blogger, tetapi langkah ini juga akan mempengaruhi beberapa hal didalam blog yang kita kelola, seperti Kita tidak akan bisa mengakses menu Layout di Dashboard Blogger ataupun menambahkan dan mengurangi widget didalam blog pada tampilan tata letak blogger. Efek lainnya seperti widget Kontak bawaan Blogger tidak lagi berfungsi dengan baik atau tidak bisa mengirimkan pesan.

Cara Menghapus CSS Dan JS Bawaan Blogger

Berikut cara hapus CSS dan JavaScrip bawaan blogger untuk meningkatkan kecepatan loading blog.

Masuk Akun Blogger Anda.
Lalu Buka Menu Tema.
Lalu Klik Edit Html
Pertama Lihat kode <head> ganti dengan kode di bawah ini.

&lt;head&gt;

Lalu cari kode </head>, dan ganti dengan kode di bawah ini.

&lt;!--<head/><b:if cond='!data:blog.adsenseClientId'>--&gt;&lt;/head&gt;</b:if>

Lalu cari kode <b:skin><![CDATA[ dan ganti dengan kode di bawah ini.

&lt;style&gt;&lt;!-- /* <b:skin><![CDATA[

Yang terakhir cari kode </body> biasanya ada di bagian akhir dan ganti dengan kode di bawah ini.

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

Jangan Lupa Klik Save

Setelah melakukan langkah-langkah diatas, kalian bisa mencoba hasilnya di beberap browser tes page speed blog seperti, PageSpeed Insight, GTMetrix, Pingdom dan sejanis lainnya.

Cara mengatasi Widget Formulir Kontak Blogger Yang Eror Akibat Menghapus CSS dan JavaScript Bawaan Blogger

Seperti yang sudah saya jelaskan diatas tentang dampak buruk atau kekurangan dari menghapus CSS dan JavaScript bawaan blogger. Untuk mengatasinya kalian cukup ikuti langkah mudah berikut ini.

Buka Halaman Contact Di dalam dasbor blogger anda.
Ganti kode halaman contak yang ada dengan kode dibawah ini.

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '123xxxxxxxxxxxxxxxx';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d123xxxxxxxxxxxxxxxx','//www.example.com/','123xxxxxxxxxxxxxxxx');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '123xxxxxxxxxxxxxxxx', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>

Ganti Id yang Saya tandai dengan Id Blog anda dan URL halaman blog anda.
Lalu klik Save.

Sekian untuk kali ini tentang Cara Hapus CSS Dan JS Bawaan Blogger Untuk Meningkatkan Kecepatan Loading Blog. Semoga bisa bermanfaat.

Selamat mencoba...!!!

Fighaz Mc Halo!, Saya suka menulis di blog, sebuah ruang pribadi saya untuk berbagi tips, informasi, dan pengetahuan seputar dunia internet dan teknologi. Mari jelajahi dunia digital bersama!