Cara Mempercepat Loading Blogger - Ada banyak tips yang bisa di lakukan untuk mempercepat akses loading blog mulai dari memasang Lazy Load, menghapus kode javascript atau CSS yang tidak diperlukan blog dan sebagainya.
Selain cara di atas, ternyata ada tips lain untuk meningkatkan akses blog yaitu menggunakan Script Instant.page. Dimana Instant.page akan mengurangi pemuatan halaman blog atau website menggunakan prefetch URL.
Lalu bagaimana cara kerja dan cara menerapkan Instant.page untuk mempercepat loading blog? untuk mengetahuinya kamu bisa baca lebih lanjut artikel ini sampai selesai.
Apa dan bagaimana cara kerja Instant.page?
Instant.page adalah perpustakaan open source yang dibuat oleh Alexandre Dieulot. Berfungsi untuk mempercepat situs web menggunakan prefetch URL.
Cara kerja Instant.page melakukan rendering halaman tepat sebelum pengguna mengkliknya dengan fitur preloading just-in-time.
Jadi saat pengguna mengarahkan kursor ke link tautan di desktop, instant.page akan mulai mengunggah bagian HTML dari halaman tersebut di latar belakang.
Lalu pada perangkat mobile. Ini akan mulai memuat halaman di pada saat pengungjung menyentuh link pada layar sebelum mengkliknya. Untuk demo kamu bisa cek blog preview.inputekno.com.
Cara Menerapkan Instant.page di Blogger
- Buka Dasbhoard Blogger
- Masuk ke Tema > Edit HTML
- Cari tag
</body>(Gunakan Ctrl+F) - Lalu salin dan paste kode HTML di bawah ini tepat di atas tag </body>
- Jika sudah kemudian Simpan
<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
// alternatif lain
<script src='//cdn.inputekno.com/CodeBlog/instant-page-5.2.0.js' type='module' defer></script>Cara Menerapkan Instant.page di Wordpress
- Buka dasbor kamu > Plugin > Tambah Baru
- Cari "Instant.page" di bilah pencarian di kanan atas
- Klik "Instal Sekarang"
- Klik "Aktifkan Plugin"
- Atau donwload plugin instant page
Jika kamu ingin menerapkannya secara manual menggunakan kode di atas tadi, kamu bisa menambahkannya pada atribut </body>.
Caranya buka dasbor > Penampilan > Editor Tema > Header Tema (header.php). atau gunakan Gunakan plugin Headers and Footers Code Snippets Wordpress untuk menerapkan kode tersebut.
Dukungan dan Keamanan
Instant.page mendukung semua browser berbasis chromium seperti google chrome, Microsoft edge, Brave dan Firefox, dll. Script instant.page dihosting tanpa server dengan Cloudflare Worker.
Opsi Tambahan dengan Atribut Data
Kamu dapat menerapkan pengaturan tambahan dan menyesuaikan javascript dengan menambahkan beberapa atribut data instant.
// atribut data instant
data-instant-allow-query-string
data-instant-allow-external-links
data-instant-whitelist
data-instant-intensity='mousedown'
data-instant-intensity='mousedown-only'
data-instant-intensity='150'
data-instant-intensity='viewport'
data-instant-intensity='viewport-all'
data-instant-mousedown-shortcutKamu juga bisa mengecualikan URL tertentu, dengan menggunakan atribut data data-no-instant.
<a href='https://domain.com/page' data-no-instant>Page</a>Untuk memahami lebih lanjut silakan pelajari dokumentasi Instant.page
Penutup
Nah itu tadi Cara Mempercepat Loading Blog Dengan Instant.page. Jika artikel ini bermanfaat bisa kamu share dan rekomendasikan ke teman-teman yang membutuhkan, jika ada pertanyaan lain bisa bertanya melalui komentar.