12 Cara Mempercepat Loading Blog menyerupai AMP Blogger Template
Dalam beberapa hari ini, aku disibukkan dengan pembelajaran wacana pengalihan template blogger biasa menjadi AMP Templates or Theme.
Ternyata sangat rumit. Butuh penguasaan HTML lebih lanjut untuk tahap mengubah template blogger biasa menjadi template blog valid AMP Validator.
Beberapa blogger templates biasa, berhasil aku ubah menjadi AMP HTML valid 90%. Saya masih sangat kesulitan dalam pembuatannya; terutama di bab Related Posts.
Yang menjadi pertanyaannya ialah apakah kita sanggup mempercepat kanal loading blog menyerupai theme AMP blog itu? Bisa. Sangat bisa.
Bagi Anda yang ingin menciptakan (atau mengubah) template blogger yang sudah ada menjadi valid AMP-HTML tapi tidak cukup ilmu untuk menguasai kode-kode penunjang AMP, kenapa sih tidak mempercepat loading blog sendiri dari template blog yang sudah Anda pakai?
Template yang lama, sanggup Anda percepat lagi kanal loadingnya. Caranya sangat gampang dan praktis. Di bawah ini ada tutorial bagaimana cara mempercepat loading blog.
Tutorial mempercepat kanal loading blog di bawah ini tanpa memakai Lazy Loads dan lain-lainnya... tanpa JavaScript.
#1. Tutorial Pertama
1. Login to Blogger
2. Template > Edit HTML
3. Cari arahan di bawah ini:
Dan arahan di bawah ini (kode ini berdampingan, atas-bawah):
4. Hapus arahan tersebut sampai </b:includable> (kode penutupnya)
5. Simpan perubahan theme menyerupai biasa
Kode awalnya ialah <b:includable....> sampai dengan </b:includable>.
#2. Tutorial Kedua
Caranya hampir sama dengan tutorial di atas, hanya saja kodenya berlokasi di daerah yang berbeda tapi masih dalam satu ruang lingkup.
Kodenya adalah:
dan arahan di bawah ini:
Hapus kedua arahan diatas hingga dengan penutupnya yaitu </b:includable>.
Kedua arahan di atas ialah arahan default bawaan Blogger; dan memang tidak begitu penting.
Apalagi jika sebelumnya Anda telah menggunakan template blogger terbaru 2018 SEO dan User Friendly, Fast Loading dan Responsive.
Saya yakin banget 100%, kedua arahan di atas sama sekali tidak digunakan.
Ketersediaan kedua arahan di atas di dalam template malah memperberat loading blog, alasannya nyatanya tidak digunakan, ya lebih baik di hapus, deh! :)
#3. Menghapus Widget Bundle CSS
Dari jaman bahula hingga detik ini, para desainer template seringkali bermasalah dengan Bundle CSS yang ditemukan di dalam Blogger Themes.
Ketika di cari, kodenya nggak ada. Ghoib!Sama kek fans Manchester City, Ghoib. Hehehe...
Ubah arahan <head> dengan arahan di bawah ini:
Ubah arahan </head> dengan arahan di bawah ini:
Ubah arahan </body> dengan arahan di bawah ini:
#4. Pasang Script OnClick Event di Blogger
Baik itu widget komentar Blogger dan Disqus, sama-sama memperlama loading blog (kecuali Facebook yang tergolong cepat).
Apalagi jika komentarnya itu mencapai ratusan, astaga... berat banget.
Untuk mengakalinya, saran dari aku sih memasang Script yang berfungsi Show dan Hidden widget komentar blog; Script ini namanya OnClick Event.
Tutorialnya sudah banyak banget di Google, cari aja dengan kata kunci, "Cara pasang OnClick Event di Blog". Muncul tuh!
Wait... meski pun pada hakikatnya OnClick Event mempercepat loading blog, ingat... OnClick Event tidak anggun untuk SEO, pokoknya tidak bagus, sangat kuat bagi SEO.
#5. Menghapus Comments Widget
Saya tidak menyarankan ya, tapi jika benar-benar ingin mempercepat loading blog, silahkan hapus widget komentar Blogger secara permanen.
Terus? Ya nggak ada.
Artinya, blog Anda tidak punya widget kometnar blog. Setidaknya sih ya komentar Facebook semoga blog Anda lebih bernilai :)
Baca Juga: Cara Menghapus Widget Comment Blog secara Permanen 100%
Beberapa tips komplemen dari aku ialah:
Sebenarnya, ada banyak lagi sih. Mengingat banyaknya blogger Copas mentah-mentah aka AutoBlog, aku tulis beberapa saja.
Pengertian AMP Project ialah inisiatif sumber terbuka yang bertujuan untuk menciptakan web lebih baik bagi semua kalangan.
Dalam beberapa hari ini, aku disibukkan dengan pembelajaran wacana pengalihan template blogger biasa menjadi AMP Templates or Theme.
Ternyata sangat rumit. Butuh penguasaan HTML lebih lanjut untuk tahap mengubah template blogger biasa menjadi template blog valid AMP Validator.
Beberapa blogger templates biasa, berhasil aku ubah menjadi AMP HTML valid 90%. Saya masih sangat kesulitan dalam pembuatannya; terutama di bab Related Posts.
Yang menjadi pertanyaannya ialah apakah kita sanggup mempercepat kanal loading blog menyerupai theme AMP blog itu? Bisa. Sangat bisa.
Template yang lama, sanggup Anda percepat lagi kanal loadingnya. Caranya sangat gampang dan praktis. Di bawah ini ada tutorial bagaimana cara mempercepat loading blog.
Tutorial mempercepat kanal loading blog di bawah ini tanpa memakai Lazy Loads dan lain-lainnya... tanpa JavaScript.
12 Cara Mempercepat Loading Blog menyerupai AMP Blogger Template
#1. Tutorial Pertama
1. Login to Blogger
2. Template > Edit HTML
3. Cari arahan di bawah ini:
<b:includable id='feedLinks'>
Dan arahan di bawah ini (kode ini berdampingan, atas-bawah):
<b:includable id='feedLinksBody'>
4. Hapus arahan tersebut sampai </b:includable> (kode penutupnya)
5. Simpan perubahan theme menyerupai biasa
Kode awalnya ialah <b:includable....> sampai dengan </b:includable>.
#2. Tutorial Kedua
Caranya hampir sama dengan tutorial di atas, hanya saja kodenya berlokasi di daerah yang berbeda tapi masih dalam satu ruang lingkup.
Kodenya adalah:
<b:includable id='postQuickEdit' var='post'>
dan arahan di bawah ini:
<b:includable id='shareButtons' var='post'>
Hapus kedua arahan diatas hingga dengan penutupnya yaitu </b:includable>.
Kedua arahan di atas ialah arahan default bawaan Blogger; dan memang tidak begitu penting.
Apalagi jika sebelumnya Anda telah menggunakan template blogger terbaru 2018 SEO dan User Friendly, Fast Loading dan Responsive.
Saya yakin banget 100%, kedua arahan di atas sama sekali tidak digunakan.
Ketersediaan kedua arahan di atas di dalam template malah memperberat loading blog, alasannya nyatanya tidak digunakan, ya lebih baik di hapus, deh! :)
Dari jaman bahula hingga detik ini, para desainer template seringkali bermasalah dengan Bundle CSS yang ditemukan di dalam Blogger Themes.
Ketika di cari, kodenya nggak ada. Ghoib!
Ubah arahan <head> dengan arahan di bawah ini:
<head>
Ubah arahan </head> dengan arahan di bawah ini:
</head><!--<head/>-->
Ubah arahan </body> dengan arahan di bawah ini:
<!--</body>--></body>
#4. Pasang Script OnClick Event di Blogger
Baik itu widget komentar Blogger dan Disqus, sama-sama memperlama loading blog (kecuali Facebook yang tergolong cepat).
Apalagi jika komentarnya itu mencapai ratusan, astaga... berat banget.
Untuk mengakalinya, saran dari aku sih memasang Script yang berfungsi Show dan Hidden widget komentar blog; Script ini namanya OnClick Event.
Tutorialnya sudah banyak banget di Google, cari aja dengan kata kunci, "Cara pasang OnClick Event di Blog". Muncul tuh!
Wait... meski pun pada hakikatnya OnClick Event mempercepat loading blog, ingat... OnClick Event tidak anggun untuk SEO, pokoknya tidak bagus, sangat kuat bagi SEO.
#5. Menghapus Comments Widget
Saya tidak menyarankan ya, tapi jika benar-benar ingin mempercepat loading blog, silahkan hapus widget komentar Blogger secara permanen.
Terus? Ya nggak ada.
Artinya, blog Anda tidak punya widget kometnar blog. Setidaknya sih ya komentar Facebook semoga blog Anda lebih bernilai :)
Baca Juga: Cara Menghapus Widget Comment Blog secara Permanen 100%
7 Cara Sederhana Mempercepat Loading Blog
Beberapa tips komplemen dari aku ialah:
- Hapus widget tidak penting (termasuk Recent Posts, kecuali muncul di Single Posts)
- Widget Fanspage Facebook
- Mengurangi unit iklan dalam bentuk Gadget (Layout Blog)
- Menggunakan Script dalam bentuk Asinkron (bukan Sinkron, unit iklan Google AdSense)
- Compress semua gambar di blog; termasuk gambar header blog
- Menghapus 3 kolom di Footer (termasuk Section-Section-nya)
- Tidak memasang Google Badge+, apalagi yang sudah di modifikasi, niscaya lebih berat
Sebenarnya, ada banyak lagi sih. Mengingat banyaknya blogger Copas mentah-mentah aka AutoBlog, aku tulis beberapa saja.
Apa itu AMP Project?
Pengertian AMP Project ialah inisiatif sumber terbuka yang bertujuan untuk menciptakan web lebih baik bagi semua kalangan.
Proyek ini memungkinkan pembuatan situs dan iklan dengan performa tinggi, cepat, dan konsisten di banyak sekali perangkat dan platform distribusi.
AMP - Accelerated Mobile Pages atau Laman Seluler Dipercepat; merupakan suatu cara untuk menciptakan laman web yang ringan dan sanggup dimuat dengan cepat, khususnya pada perangkat seluler.
AMP - Accelerated Mobile Pages atau Laman Seluler Dipercepat; merupakan suatu cara untuk menciptakan laman web yang ringan dan sanggup dimuat dengan cepat, khususnya pada perangkat seluler.
0 Response to "12 Cara Mempercepat Loading Blog Menyerupai Amp Blogger Template"