Cari tahu bagaimana JavaScript pihak ketiga dapat memengaruhi kinerja dan apa yang dapat Anda lakukan untuk menjaganya agar tidak memperlambat situs Anda.
JavaScript pihak ketiga umumnya mengacu pada skrip yang disematkan di situs Anda yang:
- Tidak ditulis oleh Anda
- Disalurkan dari server pihak ketiga
Situs menggunakan skrip ini untuk berbagai tujuan, termasuk:
- Tombol berbagi ke media sosial
- Penyematan pemutar video
- Layanan chat
- Iframe iklan
- Skrip Analytics dan metrik
- Skrip pengujian A/B untuk eksperimen
- Library helper (seperti pemformatan tanggal, animasi, dan library fungsional)
Skrip pihak ketiga dapat memberikan fungsi yang andal, tetapi hal tersebut bukan cerita keseluruhan. Setelan ini juga memengaruhi privasi, keamanan, dan perilaku halaman—dan dapat sangat bermasalah untuk performa.
Performa
Jumlah JavaScript yang signifikan dapat memperlambat performa. Namun, karena JavaScript pihak ketiga biasanya berada di luar kendali Anda, hal ini dapat menimbulkan masalah lainnya.
Jaringan
Menyiapkan koneksi membutuhkan waktu, dan mengirim terlalu banyak permintaan ke beberapa server akan menyebabkan perlambatan. Waktu tersebut bahkan lebih lama untuk koneksi aman, yang mungkin melibatkan pencarian DNS, pengalihan, dan beberapa perjalanan bolak-balik ke server akhir yang menangani permintaan pengguna.
Skrip pihak ketiga sering ditambahkan ke overhead jaringan dengan hal-hal seperti:
- Mengaktifkan permintaan jaringan tambahan
- Mengambil gambar dan video yang tidak dioptimalkan
- Cache HTTP yang tidak mencukupi, yang memaksa pengambilan resource jaringan sering
- Kompresi server resource yang tidak memadai
- Beberapa instance framework dan library yang diambil oleh sematan pihak ketiga yang berbeda
Rendering
Cara pemuatan JavaScript pihak ketiga sangat penting. Jika dilakukan secara sinkron di jalur rendering kritis, tindakan ini akan menunda penguraian sisa dokumen.
Jika pihak ketiga mengalami masalah server dan gagal mengirimkan resource, rendering akan diblokir hingga waktu permintaan habis, yang dapat berlangsung antara 10 hingga 80 detik. Anda dapat menguji dan menyimulasikan masalah ini dengan Pengujian Single-Point-of-Failure WebPageTest.
Yang harus dilakukan
Menggunakan JavaScript pihak ketiga sering kali tidak dapat dihindari, tetapi ada hal-hal yang dapat Anda lakukan untuk meminimalkan efek samping:
- Saat memilih resource pihak ketiga, pilih resource yang mengirim kode paling sedikit sambil tetap memberikan fungsi yang Anda butuhkan.
- Gunakan anggaran performa untuk konten pihak ketiga agar biayanya tetap terkendali.
- Jangan menggunakan fungsi yang sama dari dua vendor yang berbeda. Anda mungkin tidak memerlukan dua tag manager atau dua platform analisis.
- Audit dan hapus skrip pihak ketiga yang redundan secara rutin.
Untuk mempelajari cara mengaudit konten pihak ketiga dan memuatnya secara efisien untuk meningkatkan performa dan pengalaman pengguna, lihat postingan lain di bagian Mengoptimalkan referensi pihak ketiga.