Cara Melacak Permintaan Domain Pihak Ketiga di WordPress

Diterbitkan: 2023-08-03

Apakah Anda ingin mempelajari cara melacak permintaan domain pihak ketiga di WordPress?

Jika situs web Anda lambat, pengunjung dapat pergi bahkan sebelum sempat memuat. Namun, meskipun Anda telah mengoptimalkan setiap bagian situs web Anda, permintaan domain pihak ketiga masih dapat berdampak besar pada waktu pemuatan halaman Anda.

Pada artikel ini, kami akan menunjukkan cara melacak permintaan domain pihak ketiga di WordPress.

How to Track Third Party Domain Requests in WordPress

Mengapa Melacak Permintaan Domain Pihak Ketiga di WordPress?

Dengan mengurangi waktu muat halaman, Anda dapat meningkatkan pengalaman pengguna, mendapatkan lebih banyak pengunjung, dan meningkatkan SEO WordPress Anda. Ada banyak cara untuk mempercepat situs web Anda, termasuk mengoptimalkan gambar dan memilih hosting WordPress terbaik.

Namun, permintaan domain pihak ketiga juga dapat memengaruhi kinerja situs Anda bahkan dengan hosting dan pengoptimalan terbaik.

Permintaan domain pihak ketiga memuat konten atau sumber daya dari lokasi di luar domain Anda. Beberapa contoh umum mencakup konten dari situs media sosial seperti Twitter dan Facebook, jaringan periklanan termasuk Google AdSense, dan bahkan beberapa plugin komentar WordPress.

Sejumlah besar permintaan domain pihak ketiga dapat memperlambat situs web Anda. Namun, kadang-kadang bahkan satu permintaan pihak ketiga dapat memblokir pemuatan halaman lainnya. Ketika ini terjadi, WordPress akan terhubung ke URL pihak ketiga dan mengunduh semua konten yang diperlukan, sebelum memuat sisa halaman Anda.

Karena itu, mari kita lihat bagaimana Anda dapat mempercepat situs web Anda dengan melacak dan mengoptimalkan permintaan domain pihak ketiga di WordPress.

Cara Mengidentifikasi Permintaan Domain Pihak Ketiga di WordPress

Langkah pertama adalah mengidentifikasi semua permintaan domain pihak ketiga yang dibuat situs Anda, menggunakan Pingdom. Pingdom adalah alat pemantauan kinerja populer yang memungkinkan Anda memantau waktu aktif server WordPress Anda. Itu juga dapat menampilkan semua permintaan domain pihak ketiga situs Anda.

Pertama, Anda perlu mengunjungi situs web Pingdom dan menempelkan nama domain Anda ke kolom 'URL'. Kemudian, klik 'Mulai Tes.'

Tracking third-party domain requests using Pingdom

Setelah beberapa saat, Pingdom akan menampilkan perincian kinerja situs Anda. Untuk melihat semua permintaan domain pihak ketiga, gulir ke bagian 'Permintaan File'.

Di sini, Anda akan melihat jenis konten, URL, dan ukuran setiap permintaan.

Tracking third-party URL requests in WordPress using Pingdom

Untuk menemukan permintaan pihak ketiga, cukup cari item yang tidak dimulai dengan nama domain situs Anda.

Jika Anda ingin mempelajari lebih lanjut tentang permintaan, cukup arahkan mouse Anda ke bilahnya di bagan air terjun.

Analyzing domain requests using a waterfall chart and free online tool

Di sini, Anda akan melihat semua langkah yang diambil WordPress untuk mendapatkan konten dari domain pihak ketiga ini termasuk melakukan pencarian DNS, jabat tangan SSL, dan mengunduh data dari domain tersebut.

Pingdom juga menunjukkan berapa lama setiap langkah berlangsung, sehingga Anda dapat mengidentifikasi permintaan domain yang memberikan dampak terbesar pada kinerja situs Anda.

Jika Anda tidak mengenali layanan pihak ketiga, cukup tempelkan URL-nya ke mesin pencari seperti Google. Seringkali, ini akan memunculkan tautan ke dokumentasi, halaman, dan forum tempat Anda dapat mempelajari lebih lanjut tentang domain tersebut.

Identifying and research external domain requests

Cara Mengoptimalkan Permintaan Domain Pihak Ketiga

Setelah Anda mengidentifikasi permintaan domain pihak ketiga yang mengganggu kinerja situs web Anda, ada beberapa cara berbeda untuk mengoptimalkan permintaan tersebut dan meningkatkan kecepatan WordPress Anda.

Metode yang paling sesuai untuk Anda dapat bervariasi tergantung pada bagaimana situs web WordPress Anda disiapkan, permintaan yang dibuatnya, dan faktor lainnya. Dengan mengingat hal itu, cukup gunakan tautan cepat di bawah untuk langsung menuju ke metode yang ingin Anda pelajari lebih lanjut.

  • Metode 1. Hapus Permintaan Domain Pihak Ketiga
  • Metode 2. Hapus Plugin WordPress yang Tidak Perlu
  • Metode 3. Prasambungkan ke Domain Pihak Ketiga Penting
  • Metode 4. Terapkan DNS Prefetching
  • Metode 5. Menghosting Sumber Daya Secara Lokal
  • Metode 6. Gunakan Lazy Loading

Metode 1. Hapus Permintaan Domain Pihak Ketiga

Ini bukan opsi yang baik untuk semua blog WordPress, tetapi menghapus satu atau lebih permintaan pihak ketiga dapat berdampak besar pada waktu pemuatan halaman Anda.

Anda mungkin telah menambahkan permintaan domain secara tidak sengaja, atau Anda mungkin telah mengubah arah sehingga permintaan pihak ketiga tertentu tidak lagi berfungsi dengan baik untuk bisnis Anda.

Misalnya, Anda mungkin awalnya menambahkan Google AdSense tetapi sekarang menghasilkan lebih banyak uang dengan menjual produk WooCommerce di toko online Anda. Dengan menghapus Google AdSense, Anda dapat meningkatkan kinerja toko Anda ke titik di mana Anda mendapatkan lebih banyak penjualan, dan menghasilkan lebih banyak uang dibandingkan dengan menampilkan iklan online.

Di sini, tidak ada solusi mudah yang berfungsi untuk semua situs web. Dengan mengingat hal itu, Anda mungkin ingin mencoba menghapus berbagai layanan dan konten dari situs Anda, lalu melacak dampaknya pada metrik penting seperti tingkat konversi Anda.

Jika Anda memutuskan untuk menghapus fitur dan plugin yang membuat permintaan domain pihak ketiga, sebaiknya cadangkan situs web WordPress Anda. Ini memungkinkan Anda memulihkan situs web dengan cepat jika menemukan kesalahan, atau hanya menyadari bahwa Anda melakukan kesalahan.

Anda mungkin juga ingin menempatkan situs Anda ke mode pemeliharaan saat melakukan perubahan ini, kalau-kalau itu merusak situs web Anda.

Langkah-langkah untuk menghapus permintaan domain pihak ketiga akan bervariasi bergantung pada permintaan.

Namun, Anda sering dapat menemukan panduan langkah demi langkah terperinci dalam dokumentasi untuk layanan, plugin, atau perangkat lunak terkait, atau dengan mengetik permintaan pencarian Anda ke Google. Untuk informasi lebih lanjut tentang topik ini, silakan lihat panduan kami tentang cara meminta dukungan WordPress dengan benar dan mendapatkannya.

Metode 2. Hapus Plugin WordPress yang Tidak Perlu

Plugin adalah alasan besar mengapa WordPress begitu populer. Dengan plugin yang tepat, Anda dapat menambahkan fitur yang hilang, memperluas fungsionalitas bawaan, dan mengubah blog WordPress Anda menjadi situs web apa pun.

Namun, beberapa plugin WordPress membuat banyak permintaan pihak ketiga dan bahkan dapat memperlambat situs web Anda. Anda mungkin sama sekali tidak menyadari bahwa permintaan ini bahkan terjadi.

Dengan mengingat hal itu, sebaiknya buka Plugins » Installed Plugins di dasbor WordPress, dan hapus semua plugin yang tidak lagi Anda perlukan.

A list of installed WordPress plugins, in the WordPress dashboard

Anda bahkan dapat mencoba mengganti beberapa plugin yang lebih kecil dengan satu plugin WordPress. Misalnya, ada banyak sekali plugin dan alat SEO di pasaran, tetapi AIOSEO adalah perangkat SEO lengkap yang melakukan daftar panjang tugas SEO penting.

Metode 3. Prasambungkan ke Domain Pihak Ketiga Penting

Pilihan lainnya adalah menghubungkan ke domain eksternal tepat di awal proses pemuatan halaman. Saat browser melakukan prakoneksi ke domain eksternal terlebih dahulu, sering kali browser dapat mengunduh konten pihak ketiga lebih cepat.

Perlu diketahui bahwa prakoneksi ke URL eksternal menghabiskan sumber daya dari pemuatan halaman Anda yang lain. Jika sumber daya eksternal tidak penting, memprioritaskannya dengan cara ini dapat merusak pengalaman pengguna dengan menunda sisa konten Anda.

Untuk menggunakan metode prakoneksi, Anda memerlukan daftar semua permintaan domain pihak ketiga. Jika Anda belum melakukannya, Anda bisa mendapatkan informasi ini menggunakan Pingdom, dan dengan mengikuti proses yang dijelaskan di atas.

Setelah itu, Anda harus menambahkan kode khusus di WordPress. Beberapa panduan akan memberi tahu Anda untuk mengedit file tema Anda secara langsung, tetapi ini dapat menyebabkan banyak kesalahan umum WordPress. Anda juga tidak akan dapat memperbarui tema WordPress Anda tanpa kehilangan penyesuaian.

Itu sebabnya merekomendasikan WPCode.

WPCode adalah plugin cuplikan kode terbaik yang memungkinkan Anda menambahkan CSS khusus, PHP, HTML, dan lainnya tanpa membahayakan situs Anda. Anda juga dapat mengaktifkan dan menonaktifkan cuplikan kode Anda dengan mengklik tombol.

Pertama, Anda perlu menginstal dan mengaktifkan plugin WPCode gratis. Untuk informasi lebih lanjut, lihat panduan langkah demi langkah kami tentang cara memasang plugin WordPress.

Setelah plugin diaktifkan, buka Cuplikan Kode »Tambahkan Cuplikan .

How to add a custom snippet to WordPress using WPCode

Di sini, Anda akan melihat semua cuplikan WPCode siap pakai yang dapat Anda tambahkan ke situs Anda. Ini termasuk cuplikan yang memungkinkan Anda menonaktifkan komentar sepenuhnya, mengunggah jenis file yang biasanya tidak didukung WordPress, menonaktifkan halaman lampiran, dan banyak lagi.

Cukup arahkan mouse Anda ke opsi 'Tambahkan Kode Kustom Anda (Cuplikan Baru)' dan klik tombol 'Gunakan cuplikan' saat muncul.

Adding custom JavaScript code to your website or blog

Di layar berikutnya, Anda perlu mengetikkan judul untuk cuplikan kode. Ini hanya untuk referensi Anda, jadi Anda dapat menggunakan apa pun yang Anda inginkan.

Kemudian, buka tarik-turun 'Jenis Kode' dan pilih 'Cuplikan JavaScript.'

Adding custom JavaScript to a WordPress website

Setelah selesai, Anda siap untuk menambahkan setiap domain yang harus disambungkan ke WordPress.

Misalnya, dalam cuplikan kode berikut, kami melakukan prakoneksi ke Google Fonts.

<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />

Di editor kode, cukup tambahkan setiap URL eksternal yang ingin Anda gunakan.

Preconnecting to a third-party domain

Setelah selesai, lanjutkan dan gulir ke pengaturan 'Penyisipan'. Di sini, pilih 'Sisipkan Otomatis' jika belum dipilih.

Anda kemudian dapat membuka tarik-turun 'Lokasi' dan memilih 'Site Wide Header.'

Adding code to a WordPress header

Saat Anda siap untuk mengaktifkan cuplikan kode, gulir ke bagian atas halaman dan klik tombol 'Nonaktif' sehingga berubah menjadi 'Aktif.

Kemudian, klik tombol 'Simpan Cuplikan'.

Optimizing third-party domain requests in WordPress

Metode 4. Terapkan DNS Prefetching

Prefetching DNS memungkinkan Anda melakukan pencarian DNS di latar belakang sebelum pengunjung membutuhkan konten atau sumber daya yang ditautkan. Ini sangat berguna untuk sumber daya pihak ketiga yang digunakan di seluruh situs web Anda, seperti Google Analytics, Google Fonts, atau layanan Jaringan Pengiriman Konten (CDN) WordPress Anda.

Untuk menggunakan DNS prefetching, cukup buat cuplikan JavaScript baru menggunakan WPCode, dan dengan mengikuti proses yang sama seperti yang dijelaskan di atas.

Adding DNS prefetching in WordPress

Setelah selesai, tambahkan setiap nama domain yang ingin Anda ambil menggunakan format berikut:

 <link rel="dns-prefetch" href="//fonts.googleapis.com">

Setelah memasukkan informasi ini, tambahkan kode ke header seluruh situs Anda dengan mengikuti langkah-langkah yang dijelaskan di Metode 3, lalu terbitkan cuplikan kode.

Metode 5. Menghosting Sumber Daya Secara Lokal

Jika digunakan dengan benar, preconnecting dan prefetching memungkinkan Anda membuat permintaan domain pihak ketiga tanpa memengaruhi pengalaman pengunjung. Namun, jika memungkinkan, Anda harus mencoba menghosting sumber daya dan konten secara lokal.

Mengambil konten dari server lokal biasanya jauh lebih cepat, dan lebih mudah untuk meningkatkan performa konten tersebut. Misalnya, Anda mungkin menggunakan plugin caching, atau menyiapkan CDN.

Ada banyak plugin dan layanan WordPress berbeda yang dapat membantu Anda menghosting konten secara lokal. Misalnya, jika Anda ingin menggunakan tipografi khusus maka Anda dapat menghosting font lokal di WordPress daripada memuatnya dari pihak ketiga seperti Google Fonts.

Demikian pula, Anda dapat dengan mudah menambahkan font ikon unik ke tema WordPress Anda menggunakan plugin seperti SeedProd.

Jika Anda menggunakan Google Ads, Google Analytics, Campaign Manager, atau produk Google gratis populer lainnya, Anda dapat menghosting skrip gtag.js secara lokal di server Anda sendiri menggunakan MonsterInsights dengan Performance Addon.

Dengan mengganti permintaan domain eksternal dengan sumber daya lokal, Anda sering kali dapat meningkatkan kinerja situs web tanpa mengurangi fitur dan kontennya.

Metode 6. Gunakan Lazy Loading

Alih-alih memuat semua konten Anda sekaligus, pemuatan malas hanya mengunduh konten yang terlihat di layar pengguna. Ini kemudian akan memuat lebih banyak konten saat pengguna menggulir ke bawah layar. Ini dapat membuat halaman terlihat lebih cepat dimuat.

WordPress akan memuat gambar dengan malas secara default, tetapi bergantung pada lokasinya, mungkin juga membantu untuk memuat konten yang dihosting secara eksternal dengan malas. Misalnya, jika Anda ingin menyematkan video YouTube di postingan blog WordPress, maka Anda bisa memilih plugin yang sudah built-in lazy loading.

Plugin lain seperti Smash Balloon YouTube Feed hadir dengan caching bawaan dan pemuatan tertunda untuk pemutar video. Hal ini dapat meningkatkan waktu muat halaman yang dirasakan, bahkan saat Anda menampilkan konten dari situs web pihak ketiga.

Kami harap artikel ini membantu Anda mempelajari cara melacak permintaan domain pihak ketiga di WordPress. Anda mungkin juga ingin melihat panduan kami tentang cara membuat umpan foto Instagram khusus, atau lihat ahli kami memilih plugin galeri video YouTube terbaik untuk WordPress.

Jika Anda menyukai artikel ini, silakan berlangganan tutorial video Saluran YouTube kami untuk WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.