Waktu Muat Antar Halaman Lebih Cepat Menggunakan instant.page
Menggunakan instant.page Membuat Peralihan Antar Halaman Jauh Lebih Cepat Dengan Memuat Halaman Tepat Sebelum Pengguna Mengkliknya.
Secara sederhana saat pengguna mengunjungi website dan mengklik/menyentuh halaman yang ingin di tuju maka ada waktu muat saat peralihan halaman, dengan menggunakan instant.page halaman akan dimuat sebelum pengguna mengklik/menyentuh nya.
Website ini menggunakan instant.page dengan pengaturan data-instant-intensity="viewport-all" pada tag body HTML tujuan nya agar Halaman yang muncul seluas luasnya pada area viewport (area yang terlihat pengguna di perangkat) akan dimuat sebelum pengguna mengklik/menyentuh nya dan Preload dilakukan dengan <link rel="prefetch" href="url"> hasil nya saat pengguna mengklik/menyentuh halaman tujuan halaman akan secara instant ditampilkan tanpa menunggu waktu muat terlebih dahulu.
<body class="{% block body_class %}{% endblock body_class %}{% if design.title_font == "Elegant serif" %} has-serif-title{% endif %}{% if design.body_font == "Modern sans-serif" %} has-sans-body{% endif %}" data-instant-intensity="viewport-all">
instant.page memiliki plugin untuk wordpress yang bisa kalian install, jika kalian tidak menggunakan wordpress kalian cukup menambahkan script tag sebelum tag penutup body pada HTML
<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
Semoga Membantu dan menambah pengetahuan. Terimakasih