Alat Tes Kecepatan Pingdom – Cara Meningkatkan Skor Pingdom

Situs web yang memuat cepat selalu mendapatkan lebih banyak lalu lintas dibandingkan dengan yang lambat, yang memengaruhi peringkat dan kinerja. Pada artikel ini, saya akan berbicara tentang alat Uji Kecepatan Pingdom, yang dapat membantu Anda memahami masalah kinerja apa pun dalam situs Anda. Tujuannya adalah untuk membawa Anda ke titik seberapa cepat situs Anda dan bagaimana Anda bisa membuatnya lebih cepat.

Terlalu sering, pengguna salah mengartikan data alat Uji Kecepatan Pingdom, hingga memperburuk kecepatan situs web mereka. Ingat, selalu gunakan semua alat sebagai panduan penggunaan karena tidak 100% akurat.

Apa itu Alat Uji Kecepatan Pingdom dan Apa yang Ditawarkannya?

Pingdom adalah alat uji kecepatan web gratis yang populer, solusi pemantauan untuk situs web, aplikasi, dan server Anda. Tidak hanya memantau waktu aktif, tetapi juga kinerja pemuatan sehingga Anda dapat melihat bagaimana pengalaman pengunjung situs Anda. Pingdom menawarkan layanan seperti pemantauan uptime, pemantauan kecepatan halaman, pemantauan transaksi, pemantauan server, dan wawasan pengunjung (RUM).

Mengapa begitu populer? Yah, itu mungkin alat termudah untuk memantau kecepatan situs web dan kinerja halaman. Tidak semua pengguna bisa menjadi ahli kinerja, jadi ini adalah pilihan yang baik untuk rata-rata pengguna WordPress.

Mari kita lihat bagaimana Anda dapat melakukan tes di Pingdom. Menggunakan alat Tes Kecepatan Pingdom bukanlah masalah besar – hanya perlu pergi ke situs Pingdom, masukkan URL Anda dan pilih lokasi sesuai dengan lokasi pengunjung Anda. Kemudian klik tombol 'Mulai Tes' .

Alat Uji Kecepatan Pingdom memungkinkan Anda menguji situs web Anda di 7 lokasi pengujian berbeda (5 benua) di seluruh dunia:

• Asia – Jepang – Tokyo
• Eropa – Jerman – Frankfurt
• Eropa – Inggris – London
• Amerika Utara – AS – Washington DC
• Amerika Utara – AS – San Francisco
• Pasifik – Australia – Sydney
• Amerika Selatan – Brasil – Sao Paulo

Jadi, lokasi pengujian kecepatan situs web Pingdom mana yang terbaik untuk pengujian? Itu tergantung pada pengunjung situs Anda. Pastikan untuk memilih lokasi yang dekat dengan pengunjung Anda. Jika audiens situs Anda berbasis di Eropa , maka Anda memiliki 2 opsi untuk dipilih: (Eropa – Jerman – Frankfurt) atau (Eropa – Inggris – London) . Jika situs Anda memiliki pengunjung dari seluruh dunia, uji situs Anda di lokasi yang berbeda dan ambil langkah yang tepat untuk perbaikan.

Memahami Analisis Air Terjun dengan Alat Uji Kecepatan Pingdom

Laman web umumnya merupakan kombinasi dari HTML, CSS, JavaScript, dan file media , dan masing-masing menghasilkan permintaan untuk dirender di server. Lebih banyak permintaan bisa menjadi alasan di balik lambatnya kecepatan situs. Ada beberapa bagian pada alat Tes Kecepatan Pingdom yang menunjukkan penilaian dan saran untuk perbaikan. Bagian alat Tes Kecepatan Pingdom adalah:

• Ringkasan Pingdom
• Tingkatkan Performa Halaman
• Kode Respons
• Ukuran konten dan permintaan berdasarkan jenis konten
• Ukuran konten dan permintaan berdasarkan domain
• Bagan Air Terjun

Di bagian ini, saya akan menjelaskan kepada Anda bagaimana Anda dapat melakukan analisis air terjun, dan saya akan memecah setiap bagian Pingdom dan menjelaskan lebih detail.

Ringkasan Pingdom

Saat Anda menjalankan situs WordPress melalui Pingdom, itu menghasilkan hasil berdasarkan tingkat kinerja, ukuran halaman, waktu buka , dan permintaan.

Saat Anda menguji situs Anda beberapa kali, Anda akan melihat bahwa waktu buka situs Anda berubah pada setiap pengujian, sementara hasil lainnya (nilai kinerja, ukuran halaman, dan permintaan) tetap sama. Alasan untuk varian waktu buka ini adalah cache DNS, cache CDN, cache WordPress, dan API eksternal .

Skor Pingdom yang ditingkatkan tergantung pada aplikasi web Anda dan konfigurasi server. Mungkin tidak mungkin mendapatkan skor 100 persen setiap saat, terutama saat Anda menjalankan situs web e-niaga, tetapi selalu ada ruang untuk perbaikan.

Tingkatkan Performa Halaman

Bagian Tingkatkan Kinerja Laman mencakup nilai kinerja agregat dengan saran untuk meningkatkan kinerja laman Anda Meskipun saran ini mungkin tidak berlaku untuk setiap situs web, saran tersebut meningkatkan peluang peningkatan.

Mari kita lihat saran-saran ini.

1) Gunakan Jaringan Pengiriman Konten (CDN)

Hal terpenting untuk digunakan di situs WordPress Anda adalah CDN (Content Delivery Network). CDN mengacu pada grup server yang terdistribusi secara geografis yang menyediakan pengiriman konten Internet dengan cepat. Ini adalah jaringan server yang berlokasi di seluruh dunia. CDN memungkinkan transfer cepat konten web dengan membawanya lebih dekat ke tempat pengguna berada.

Jika Anda pengguna Cloudways, Anda dapat memanfaatkan CloudwaysCDN. Semua paket hosting Cloudways memiliki CloudwaysCDN bawaan yang dapat diaktifkan dengan beberapa klik. Untuk mengetahui lebih lanjut, lihat blog CDN WordPress di Cloudways.

Mari kita lihat beberapa penyedia CDN pihak ketiga:

1. KeyCDN
2. CDN CloudFlare
3. Amazon CloudFront
4. CDN77

Di sini Anda dapat melihat pembandingan CDN WordPress dari tiga penyedia CDN populer yang banyak digunakan.

2) Hindari kesalahan HTTP 404 (Tidak Ditemukan)

Kesalahan Hindari HTTP (404) muncul di saran alat Uji Kecepatan Pingdom ketika permintaan tidak dapat diselesaikan dengan sukses. Tautan yang rusak, seperti saat Anda secara manual melampirkan tautan ke gambar yang dihapus di dalam halaman, menghasilkan kesalahan 404.

Selalu pastikan bahwa tidak ada permintaan yang akan dibuat untuk aset yang sudah tidak ada lagi.

3) Minimalkan Pengalihan

Saran paling umum dari alat Uji Kecepatan Pingdom adalah 'minimalkan pengalihan'. Pengalihan terjadi ketika satu halaman di situs Anda menyebabkan halaman lain dimuat. Ini dapat terjadi ketika Anda mengarahkan HTTP ke HTTPS , www ke non-www , dan URL dari pos yang diperbarui telah berubah.

Berikut adalah beberapa hal yang dapat Anda lakukan untuk menjaga situs Anda dari terlalu banyak pengalihan:

1. Jangan pernah menautkan ke halaman yang sudah memiliki pengalihan, karena ini dapat menyebabkan beberapa pengalihan.
2. Pastikan untuk menghapus plugin yang dinonaktifkan/tidak digunakan yang dapat mengakibatkan pengalihan yang tidak perlu.
3. Saat membuat tautan di situs Anda, gunakan awalan HTTP atau HTTPS yang tepat dan periksa apakah itu www atau non-www.

Jika Anda ingin tahu lebih banyak tentang pengalihan, lihat artikel Cloudways di Pengalihan WP 301.

4) Tambahkan Tajuk Kedaluwarsa

Semua file situs WordPress dimuat satu per satu untuk pengunjung pertama kali. Permintaan yang dibuat antara browser web dan server Anda meningkatkan waktu buka situs web. Cache browser menyimpan file situs web ke komputer pengunjung, jadi ketika mereka mengunjungi situs web lagi, situs web dimuat dari cache browser alih-alih server, yang mempercepat situs web.

Tetapi bagaimana browser mengetahui file mana yang akan disimpan dan file mana yang akan dimuat dari server, dan berapa lama untuk menyimpannya? Di situlah Header Kedaluwarsa masuk. Ini adalah aturan yang memberi tahu browser web apakah akan memuat sumber daya halaman web dari cache browser pengunjung atau dari server Anda.

Sekarang, mari masuk ke bagian how-to yang sebenarnya. Saya akan menunjukkan cara menambahkan Expires Header menggunakan dua metode berbeda.

Tambahkan Header Kedaluwarsa Dengan Menggunakan Plugin

Instal plugin W3 Total Cache. Setelah diinstal dan diaktifkan, buka Dashboard WordPress > Performance > Browser Cache , lalu aktifkan opsi 'Set expired header' dan simpan perubahannya.

Jika Anda ingin tahu lebih banyak tentang plugin W3 Total Cache, lihat artikel Cloudways tentang Cara Menggunakan Plugin W3 Total Cache WordPress untuk Situs Web yang Lebih Cepat.

Tambahkan Header Kedaluwarsa Dengan Menggunakan Kode

Anda juga dapat menambahkan Header Kedaluwarsa dengan menggunakan kode. Untuk ini, cari tahu apakah situs web Anda menggunakan server Apache atau Nginx. Untuk melakukan ini, jalankan situs web Anda di browser, tekan Ctrl + Shift + I untuk membuka jaringan situs (mungkin Anda perlu me-refresh situs sekali), klik nama domain di bagian atas, dan pergi ke header bagian. Di sana, Anda akan menemukan nama server Anda.

Untuk menambahkan Expires Header ke server Apache, akses file .htaccess Anda dengan menggunakan server FTP (Filezilla) dan kode yang diberikan di bagian atas file .htaccess Anda.

 ## KEADAAN CACHING HEADER ##
<IfModule mod_expires.c>
KedaluwarsaAktif Aktif
ExpiresByType image/jpg "akses 1 tahun"
ExpiresByType image/jpeg "akses 1 tahun"
ExpiresByType image/gif "akses 1 tahun"
Gambar ExpiresByType/png "akses 1 tahun"
ExpiresByType image/svg "akses 1 tahun"
ExpiresByType teks/css "akses 1 bulan"
Aplikasi ExpiresByType/pdf "akses 1 bulan"
Aplikasi ExpiresByType/javascript "akses 1 bulan"
Aplikasi ExpiresByType/x-javascript "akses 1 bulan"
Aplikasi ExpiresByType/x-shockwave-flash "akses 1 bulan"
Gambar ExpiresByType/ikon x "akses 1 tahun"
ExpiresDefault "akses 3 hari"
</JikaModul>
## KEADAAN CACHING HEADER ##

Di Cloudways, Anda tidak dapat membuat perubahan apa pun pada level Nginx, tetapi Anda dapat menggunakan aturan Apache dan menambahkan Expires Header di file .htaccess aplikasi Anda. Untuk lebih lanjut, lihat artikel Cloudways Leverage Browser Caching di WordPress untuk Mengoptimalkan Waktu Muat Halaman.

5) Buat Lebih Sedikit Permintaan HTTP

Setiap kali Anda memuat situs web, banyak hal teknis terjadi untuk mengirimkan konten di layar pengguna, termasuk permintaan HTTP. Jadi apa itu permintaan HTTP? Bagaimana pengaruhnya terhadap pengalaman pengguna? Dan apa yang dapat Anda lakukan untuk mengurangi permintaan HTTP situs web Anda?

Saat seseorang mengunjungi halaman di situs web Anda, browser web orang tersebut mengirimkan permintaan ke server web Anda . Server Anda menghosting halaman web yang mereka coba lihat di situs Anda. Untuk setiap file, browser web perlu membuat permintaan HTTP terpisah , jadi semakin banyak file yang dimiliki situs web Anda, semakin banyak permintaan HTTP yang akan dihasilkan dari browser Anda. Lebih banyak permintaan HTTP dapat memengaruhi pengalaman pengguna situs web Anda.

Berikut adalah beberapa strategi umum untuk Membuat Permintaan HTTP Lebih Sedikit :

• Hapus permintaan HTTP dengan menghapus plugin yang tidak perlu yang tidak menambahkan nilai ke situs Anda, karena plugin biasanya memuat CSS dan JavaScript mereka sendiri.
• Gabungkan permintaan HTTP dengan menggabungkan beberapa file CSS menjadi satu file CSS. Situs web memuat lebih cepat karena browser perlu membuat lebih sedikit permintaan.
• Salah satu strategi yang lebih baik adalah mengganti plugin kelas berat dengan yang lebih ringan.
• Meskipun gambar membuat situs Anda lebih menarik dan menambah nilai situs Anda, hapus gambar yang tidak perlu dan selalu gunakan gambar yang dioptimalkan (Anda dapat menggunakan ShortPixel dan WP Compress untuk mengoptimalkan gambar Anda).
• Gunakan pemuatan lambat untuk gambar dan video.

Gunakan poin ini untuk mempercepat situs WordPress Anda untuk kinerja yang lebih baik.

6) Kompres Komponen Dengan GZIP

Kompresi GZIP adalah teknologi yang mengurangi waktu pengunduhan file dengan mengompresi file data. Semua browser modern secara otomatis membuka zip file terkompresi saat data terkompresi diterima oleh browser. Semua browser modern, perangkat lunak server, dan semua hosting WordPress terbaik mendukung kompresi GZIP. Kompresi GZIP dapat mengurangi ukuran file hingga 70%.

Cloudways hadir dengan Breeze Plugin yang terinstal, sehingga Anda dapat mencapai kompresi GZIP hanya dengan menginstal dan mengaktifkan plugin cache Breeze WordPress.

Berikut adalah plugin yang direkomendasikan untuk Kompresi GZIP:

• GZIP dengan WP Rocket
• GZIP dengan WP Super Cache
• GZIP dengan W3 Total Cache

W3 Total Cache adalah plugin caching dengan versi gratis. Anda hanya perlu menginstal dan mengaktifkan plugin, dan kompresi GZIP akan otomatis diaktifkan di situs web Anda. Buka Performance > General Settings , dan aktifkan 'Browser Cache' . Klik tombol 'Simpan semua perubahan' setelah melakukan perubahan.

7) Hindari Src atau Href yang Kosong

Atribut HTML tanpa nilai yang ditetapkan (tidak ada informasi di antara tanda kutip) disebut atribut 'kosong' . Atribut kosong dari sumber (src) dan tautan (href) menekankan browser untuk terhubung meskipun tidak ada nilai Uniform Resource Identifier (URI).

Berikut adalah beberapa contoh tag kosong Source (src) dan Link (href) dalam HTML dan JavaScript :

HTML:

 <img src="”>
<a href="”>

JavaScript:

 var img = Gambar baru();
img.src = "";

Pastikan tidak ada tag HTML dan JavaScript kosong di situs web Anda. Jika ada, hapus dan pertahankan semua tautan Anda dengan benar. Kedua, masalah tag kosong berkaitan dengan gambar, jadi selalu periksa tautan gambar saat mengunggah dan menggunakan.

8) Letakkan JavaScript di Bawah

Ini berarti Anda memuat konten halaman lain sebelum JavaScript, sehingga pengguna dengan koneksi internet lambat tidak perlu menunggu JavaScript dimuat. Ketika JavaScript ditempatkan di bagian atas, itu mulai memuat terlebih dahulu dan memengaruhi pengalaman pengguna dengan memperlambat konten halaman lainnya.

Simpan file JavaScript Anda dengan ekstensi .js (my-amazing-script.js) dan letakkan file JS itu di direktori tema Anda (Anda dapat membuat direktori untuk JavaScript, yaitu public_html/wp-content/themes/your-theme/assets /js). Setelah menempatkan file JavaScript Anda, edit file functions.php tema Anda dan tambahkan kode ini:

 fungsi wpb_adding_scripts() {
wp_register_script('my-amazing-script', get_template_directory_uri() . '/js/my-amazing-script.js','','1.1', true);
wp_enqueue_script('skrip-saya-menakjubkan');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );

Fungsi yang digunakan wp_register_script() dan itu termasuk:

 <?php
wp_register_script( $handle, $src, $deps, $ver, $in_footer );
?>

Setel parameter $in_footer ke true untuk menambahkan skrip di footer atau bagian bawah halaman WordPress.

Kode Respons

Bagian selanjutnya dalam alat uji kecepatan Pingdom adalah Kode Respons, juga disebut sebagai kode status HTTP. Bagian ini memberi tahu Anda apa yang terjadi dengan semua sumber daya yang Anda muat di halaman. Beberapa yang umum adalah:

• 200 – Semuanya baik-baik saja
  301 – Sumber daya yang diminta telah dipindahkan secara permanen
  404 – Sumber daya yang diminta tidak ditemukan

Kode Respons dalam kisaran 200-an hingga 300-an biasanya baik-baik saja, tetapi kode antara 400 dan 500 biasanya disebut kesalahan yang harus Anda perbaiki.

Ukuran Konten dan Permintaan berdasarkan Jenis Konten

Ini membantu Anda melihat sumber daya halaman web Anda. Tabel adalah informasi tentang distribusi konten dan permintaan Anda.

Ukuran konten menurut jenis konten menyediakan daftar semua aset situs web Anda yang dikelompokkan menurut jenis konten. Informasi ini dapat membantu Anda menghilangkan kesalahan. Di mana pun Anda menyadari bahwa ukuran konten menurut jenis konten lebih dari yang diharapkan, Anda dapat mengerjakan bagian konten itu untuk membuat kinerjanya lebih baik.

Ukuran Konten dan Permintaan berdasarkan Domain

Ukuran konten dan permintaan berdasarkan bagian domain memungkinkan Anda melihat layanan internal dan eksternal dengan ukuran median mereka. Bagian ini menampilkan permintaan yang dihasilkan oleh domain. Disarankan untuk membuat lebih sedikit permintaan eksternal karena setiap layanan eksternal memperkenalkan latensinya sendiri.

Secara umum, yang terbaik adalah meminimalkan jumlah permintaan dan menyimpan aset di satu tempat, seperti dengan memindahkannya ke server web atau CDN Anda. FontAwesome atau BootStrap dapat dianggap sebagai contoh. Jika Anda menautkan skrip FontAwesome atau BootStrap secara eksternal, unduh dan sajikan secara langsung.

Bagan Air Terjun

Terakhir, kami memiliki bagian permintaan alat uji kecepatan Pingdom, yang menghasilkan bagan air terjun. Anda dapat menganalisis setiap permintaan untuk melihat masalah kinerja. Bagian ini memiliki bagan air terjun berkode warna yang terperinci.

Analisis air terjun Pingdom menunjukkan setiap permintaan HTTP di situs Anda, dan digunakan oleh pengembang untuk memahami pemuatan situs secara visual dan mengidentifikasi kemacetan. Fokus pada ukuran koneksi – koneksi panjang dan bilah panjang memblokir pemuatan situs yang cepat.

Ringkasan

Ketika datang ke alat pengujian kecepatan situs web, ada banyak alat yang tersedia di pasar. Seperti yang Anda lihat, alat Uji Kecepatan Pingdom bekerja lebih baik untuk menjelajahi kinerja situs web dengan penjelasan dan saran yang mendalam.

Saya telah memberi Anda informasi terperinci tentang produk. Sekarang giliran Anda untuk menggunakan alat ini untuk meningkatkan kinerja situs web Anda.