Cara Mempercepat Loading Blog Dengan Instant.page

Mempercepat rendering Halaman Blog

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.

Table of Contents

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 pada 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

1. Buka Dasbhoard Blogger
2. Masuk ke Tema > Edit HTML
3. Cari tag </body> (Gunakan Ctrl+F)
4. Lalu salin dan paste kode HTML di bawah ini tepat di atas tag </body>
5. Jika sudah kemudian Simpan

<script src="//instant.page/5.1.1" type="module" integrity="sha384-MWfCL6g1OTGsbSwfuMHc8+8J2u71/LA8dzlIN3ycajckxuZZmF+DNjdm7O6H3PSq"></script>

Cara Menerapkan Instant.page di Wordpress

1. Buka dasbor kamu > Plugin > Tambah Baru
2. Cari "instant.page" di bilah pencarian di kanan atas
3. Klik "Instal Sekarang"
4. Klik "Aktifkan Plugin"

Jika kamu ingin menerapkannya secara manual menggunakan kode di atas tadi, kamu bisa menambahkannya pada </body> dengan cara buka dasbor > Penampilan > Editor Tema > Header Tema (header.php).

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.

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.

Source:
https://instant.page/