Cari tahu pengaruh JavaScript pihak ketiga terhadap performa dan tindakan yang dapat Anda lakukan untuk mencegahnya memperlambat situs.
JavaScript pihak ketiga umumnya mengacu pada skrip yang disematkan di situs Anda yang:
- Tidak ditulis oleh Anda
- Ditayangkan 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 analisis dan metrik
- Skrip pengujian A/B untuk eksperimen
- Library bantuan (seperti pemformatan tanggal, animasi, dan library fungsional)
Skrip pihak ketiga dapat memberikan fungsi yang canggih, tetapi itu bukan satu-satunya hal yang dapat dilakukan. Cookie juga memengaruhi privasi, keamanan, dan perilaku halaman—dan dapat menjadi masalah besar bagi performa.
Performa
JavaScript dalam jumlah yang signifikan dapat memperlambat performa. Namun, karena JavaScript pihak ketiga biasanya berada di luar kendali Anda, JavaScript tersebut dapat menimbulkan masalah tambahan.
Jaringan
Menyiapkan koneksi memerlukan waktu, dan mengirim terlalu banyak permintaan ke beberapa server akan menyebabkan pelambatan. 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 kali menambah overhead jaringan dengan hal-hal seperti:
- Memicu permintaan jaringan tambahan
- Mengambil gambar dan video yang tidak dioptimalkan
- Cache HTTP yang tidak memadai, yang memaksa pengambilan resource jaringan secara rutin
- Kompresi server resource tidak memadai
- Beberapa instance framework dan library yang diambil oleh penyematan pihak ketiga yang berbeda
Rendering
Cara JavaScript pihak ketiga dimuat sangatlah penting. Jika dilakukan secara sinkron di jalur rendering penting, tindakan ini akan menunda penguraian dokumen lainnya.
Jika pihak ketiga mengalami masalah server dan gagal mengirimkan resource, rendering akan diblokir hingga waktu permintaan habis, yang dapat berkisar antara 10 hingga 80 detik. Anda dapat menguji dan menyimulasikan masalah ini dengan pengujian Single-Point-of-Failure WebPageTest.
Yang harus dilakukan
Penggunaan JavaScript pihak ketiga sering kali tidak dapat dihindari, tetapi ada beberapa hal yang dapat Anda lakukan untuk meminimalkan efek sampingnya:
- Saat memilih resource pihak ketiga, pilih resource yang mengirim kode dalam jumlah paling sedikit, tetapi tetap memberikan fungsi yang Anda perlukan.
- Gunakan anggaran performa untuk konten pihak ketiga guna mengontrol biayanya.
- Jangan gunakan fungsi yang sama dari dua vendor yang berbeda. Anda mungkin tidak memerlukan dua pengelola tag atau dua platform analisis.
- Lakukan audit dan hapus skrip pihak ketiga yang tidak diperlukan secara rutin.
Untuk mempelajari cara mengaudit konten pihak ketiga dan memuat konten tersebut secara efisien guna meningkatkan performa dan pengalaman pengguna, lihat postingan lainnya di bagian Mengoptimalkan referensi pihak ketiga.