• By Siti Asiah
• 11 September 2026

Toko Online Multi-Vendor Lemot? Resource Hints seperti DNS Prefetch Bisa Jadi Solusinya

Website toko online dengan banyak vendor punya tantangan teknis yang tidak dimiliki website biasa: setiap halaman biasanya memuat aset dari banyak domain pihak ketiga sekaligus — mulai dari CDN gambar produk, skrip pembayaran, widget chat vendor, font eksternal, hingga script analitik. Setiap domain tambahan ini berarti ada proses pencarian alamat server (DNS lookup) dan pembukaan koneksi baru yang harus diselesaikan sebelum aset dari domain tersebut bisa mulai diunduh.

Banyak situs sebenarnya lambat bukan karena server utamanya sendiri bermasalah, melainkan karena harus menunggu proses koneksi ke berbagai domain pihak ketiga ini satu per satu. Di sinilah teknik yang disebut resource hints — khususnya DNS prefetch dan preconnect — berperan penting.

Apa Sebenarnya yang Terjadi Saat Browser Memuat Aset Eksternal

Setiap kali browser perlu mengambil aset dari domain pihak ketiga, ada beberapa tahap yang harus dilewati: domain harus diselesaikan dulu menjadi alamat IP lewat proses DNS lookup, kemudian koneksi TCP dibuka ke server tersebut, dan jika situs menggunakan HTTPS, ditambah lagi proses negosiasi keamanan TLS. Seluruh tahapan ini terjadi berulang untuk setiap domain pihak ketiga yang berbeda, dan pada website multi-vendor yang memuat aset dari puluhan domain vendor berbeda, akumulasi waktu tunggunya bisa terasa signifikan bagi pengunjung.

DNS Prefetch dan Preconnect: Mempercepat Proses Ini Lebih Awal

Resource hints bekerja dengan cara memberi tahu browser untuk mulai menyiapkan koneksi ke domain tertentu lebih awal, sebelum aset dari domain itu benar-benar dibutuhkan halaman. Ada dua teknik utama yang biasa digunakan:

• DNS-Prefetch hanya menyelesaikan proses pencarian alamat domain (DNS lookup) di awal, tanpa membuka koneksi penuh. Teknik ini ringan dan cocok diterapkan ke banyak domain pihak ketiga sekaligus, seperti domain masing-masing vendor pada toko online.
• Preconnect melangkah lebih jauh dengan menyelesaikan DNS lookup sekaligus membuka koneksi TCP dan negosiasi TLS di awal. Preconnect dapat memberikan peningkatan kecepatan total sekitar 100 hingga 500 milidetik, dibanding DNS-prefetch yang mempercepat setiap koneksi sekitar 20 hingga 120 milidetik.

Karena preconnect membutuhkan lebih banyak resource untuk disiapkan di awal, penerapannya sebaiknya dibatasi hanya untuk domain-domain paling kritis yang pasti akan dipakai segera, seperti CDN gambar produk utama atau skrip pembayaran. Untuk domain pihak ketiga lainnya yang lebih banyak jumlahnya — seperti domain masing-masing vendor di marketplace — DNS-prefetch menjadi pilihan yang lebih hemat resource namun tetap memberi manfaat nyata.

Kenapa Ini Sangat Relevan untuk Toko Online Multi-Vendor

Toko online dengan model multi-vendor secara struktural memang lebih rumit dibanding toko online biasa dengan satu sumber aset. Setiap vendor mungkin punya integrasi berbeda — baik itu widget chat masing-masing, tautan gambar produk dari server terpisah, atau skrip pelacakan analitik milik vendor sendiri. Tanpa penataan resource hints yang tepat, browser pengunjung harus menyelesaikan proses DNS lookup dan koneksi untuk setiap domain ini secara berurutan tepat saat halaman dimuat, yang berkontribusi pada waktu tunggu sebelum konten utama (Largest Contentful Paint) benar-benar tampil.

Dengan menata dns-prefetch dan preconnect secara strategis — preconnect untuk domain paling kritis, dns-prefetch untuk sisanya — resolusi domain-domain ini bisa berjalan di latar belakang jauh lebih awal, sehingga saat aset benar-benar dibutuhkan, prosesnya jadi jauh lebih instan dari sisi pengunjung.

Optimasi Teknis Ini Butuh Implementasi yang Cermat

Menata resource hints bukan sekadar menambahkan baris kode secara asal. Terlalu banyak preconnect yang dipasang sekaligus justru bisa kontraproduktif dan membebani koneksi awal halaman, sementara penempatan yang salah bisa membuat manfaatnya tidak terasa sama sekali. Diperlukan analisis domain mana saja yang paling kritis dan mana yang cukup diberi dns-prefetch saja, disesuaikan dengan pola pemuatan halaman masing-masing toko online.

BogorWebsite.com membangun website toko online, termasuk platform multi-vendor, dengan struktur teknis yang dioptimasi sejak awal, termasuk penataan resource hints seperti dns-prefetch dan preconnect untuk domain pihak ketiga yang relevan. Karena sistem yang digunakan dibangun secara custom, penyesuaian teknis seperti ini bisa dilakukan lebih presisi dibanding platform berbasis banyak plugin yang strukturnya sudah baku. Bagi toko online yang juga ingin performanya terus terpantau dan dioptimalkan seiring waktu, layanan jasa SEO BogorWebsite.com turut memperhatikan aspek kecepatan teknis sebagai bagian dari strategi peringkat pencarian jangka panjang.

Detail Teknis Kecil, Dampak yang Terasa Nyata

Optimasi seperti dns-prefetch dan preconnect memang terdengar sangat teknis dan mudah terlewat dalam proses pembuatan website pada umumnya. Namun bagi toko online multi-vendor yang bergantung pada banyak domain pihak ketiga, detail kecil seperti ini bisa berkontribusi nyata pada pengalaman pengguna dan performa keseluruhan situs.

Diskusikan kebutuhan optimasi teknis website multi-vendor Anda melalui WhatsApp 0812-3451-4325 atau kunjungi halaman kontak BogorWebsite.com.