Peluang dan Eksperimen baru WebPageTest: uji hampir semua hal

Tidak pernah ada waktu yang lebih baik dari sekarang untuk pendekatan pengembang web terhadap SEO.

Kecepatan di mana alat dan sumber daya, baik alat baru dan apa pun yang familier, berinovasi, dan opsi terbuka bagi kami juga menuntut kami untuk terus mengikutinya. Baru-baru ini, itu berarti lebih banyak persyaratan untuk pengoptimalan kinerja karena Google merilis pembaruan algoritme dan perubahan pada penghitungan metrik.

Salah satu alat yang harus Anda kenal adalah WebPageTest. Mereka baru-baru ini merilis beberapa alat uji terintegrasi baru yang sangat berguna.

WebPageTest sekarang mem-proxy modifikasi HTML yang ditentukan pengguna secara real-time melalui Netlify untuk menjalankan tes perbandingan langsung di dalam antarmuka pengguna mereka. Tidak diperlukan pengkodean.

Jenius masuk akal

Logika aplikasi cerdas di tiga area besar yang menjadi perhatian gelembung temuan untuk Anda, tetapi tidak hanya dengan uraian teks, dengan opsi pengujian ulang yang disiapkan bagi Anda untuk menjalankan kombinasi variasi untuk perbandingan. Rangkaian pengujian yang tersedia di WebPageTest sekarang berarti tidak akan ada lagi penyiapan pengujian menggunakan alat proxy pihak ketiga yang menduplikasi apa yang dapat Anda uji secara langsung.

Ini semua secara teknis mungkin sebelumnya dan pendekatan asli terus menjadi penting.

Meskipun sangat komprehensif, akan selalu ada tes yang perlu Anda jalankan menggunakan host proxy pilihan Anda. Namun, ini membutuhkan penanganan JavaScript dan Cloudflare.

Dengan WebPageTest Anda bisa mengarahkan dan mengklik.

Data lab sial

Ingatlah selalu bahwa kombinasi angka terbaik dari tes laboratorium mungkin tidak menghasilkan angka yang sama di lapangan. Ini benar-benar dapat menyebabkan fitur situs web rusak.

Skrip dan gaya memiliki urutan pemuatan yang ditentukan pengembang di mana perubahan apa pun dapat berarti perubahan yang melanggar yang tidak sesuai untuk produksi. Host proxy dapat menyediakan akses untuk QA sebagai bagian dari proses pengoptimalan.

Dengan tidak adanya peringatan itu, izinkan kami memberi tahu Anda betapa hebatnya memiliki testbed untuk mendemonstrasikan pengoptimalan HTML. Ini telah menjadi dasar lokakarya dan sesi konferensi kami sekarang selama lebih dari setahun.

Artikel panduan Search Engine Land kami dapat membantu Anda menyiapkan testbed. Kami akan menggunakan versi terbaru di SMX Advanced. Bergabunglah dengan kami secara langsung jika Anda bisa melakukannya.

Peluang

Teks Peluang WebPageText tersedia untuk semua orang di laporan.

Anda tidak memerlukan keahlian JavaScript untuk menjalankan perbandingan variasi HTML lagi. Sebagai gantinya, Anda memerlukan akun berbayar untuk menjalankan tes proxy bawaan berlabel Eksperimen.

Akun gratis memberi Anda akses yang lebih baik ke laporan dan riwayat, tetapi tidak menjalankan Eksperimen. Anda masih dapat menulis JavaScript dan mem-proxy pengujian Anda sendiri secara gratis.

Itu sama sekali tidak praktis dan memakan terlalu banyak waktu.

Eksperimen

Pilih item menu Peluang & Eksperimen dalam laporan WebPageTest dan Anda akan disajikan daftar temuan yang lengkap.

Peluang di sini berasal dari kondisi pengujian dunia nyata (disimulasikan dengan perangkat keras jika memungkinkan). Pengujian kami menunjukkan peluang untuk menguji ulang eksperimen dengan variasi sumber daya yang memblokir perenderan (biasanya JavaScript dan CSS), gambar yang dimuat lambat, skrip pihak ketiga yang dihosting sendiri, dan banyak lagi.

Uji asinkron, tunda, atau bahkan skrip dan lembar gaya sebaris menggunakan antarmuka. Kami telah menulis Cloudflare Worker JavaScript untuk mem-proksi pengujian ini dan kami juga menambahkan aturan gaya sebaris untuk menunda pemuatan konten ke bagian bawah halaman, termasuk footer. Array awal integrasi WebPageTest dapat menangani sebagian besar, tetapi tidak semua, pengujian asli kami.

Ini sekejap untuk menempatkan tes bersama-sama sekarang.

Ubah pengaturan pengujian dan mulailah menjalankan variasi untuk mengasah cawan suci Core Web Vitals hijau di seluruh papan. Penawaran ini luar biasa komprehensif dan mencakup lebih dari apa yang memengaruhi kinerja halaman web.

Anda akan menemukan tiga kategori yang mengelompokkan peluang untuk bereksperimen dengan pertanyaan berikut:

• Apakah cepat? Kecepatan mengkategorikan dan mengelompokkan eksperimen pengoptimalan kinerja.
• Apakah itu bisa digunakan? Kegunaan mengelompokkan kesalahan validasi HTML yang dapat mengacaukan pembaca layar dan hal-hal yang memengaruhi perubahan tata letak.
• Apakah itu tangguh? Ketahanan pergi ke masalah keamanan termasuk protokol campuran. Ubah pengaturan pengujian dengan antarmuka kotak centang dan mulai menjalankan variasi. Anda akan mendapatkan opsi yang disempurnakan dalam laporan perbandingan.

Dasbor untuk rangkaian pengujian

WebPageTest harus menyerupai dasbor untuk rangkaian pengujian dan berhasil melakukannya di dalam pelaporan yang memberikan lebih banyak detail daripada Lighthouse, dan dengan representasi bagan air terjun yang jauh lebih baik daripada Chrome Dev Tools.

Meskipun benar dengan titik dan klik Anda dapat menjalankan eksperimen HTML di lingkungan "tanpa kode", detail yang disediakan dan navigasi membutuhkan pengalaman – dan pengalaman pengkodean adalah yang terbaik.

Eksperimen bawaan baru mereplikasi tugas pekerja Cloudflare lainnya dengan menghapus semua JavaScript. Memiliki hal-hal seperti itu sehingga dapat diakses jauh lebih mudah daripada menulis skrip untuk variasi pengujian.

Eksperimen Lanjutan memungkinkan kami memasukkan HTML di lokasi utama, menguji taktik untuk mengubah urutan pemuatan, gagal memuat, atau memodifikasi, termasuk mengecilkan, sumber daya.

Secara teknis tidak ada yang menghentikan kami untuk menguji hampir semua hal di halaman mana pun.

Jatuh ke dalam lubang kesuksesan

Laporan perbandingan itu sendiri berfungsi untuk mengarahkan Anda agar memilih dan menguji ulang lebih banyak variasi. Spanduk metrik hasil mencakup skor peningkatan dan penurunan kode warna antara kontrol dan eksperimen.

Bagian peluang yang tersisa dengan subkumpulan sakelar eksperimen muncul di bawah. Anda dapat mengklik jalan Anda menuju peningkatan yang signifikan.

Kami telah melakukan kerja keras untuk menulis tes untuk demonstrasi di SMX Advanced dan ketika kami live, Anda dapat mengharapkan kami untuk membahas pembaruan besar ini ke alat yang kami gunakan. Ini akan menjadi jauh lebih mudah.

Kami akan melihat apakah siklus teks cepat dari integrasi eksperimen WebPageTest mendapatkan apa yang telah kami persiapkan untuk disampaikan. Mari kita lihat apakah kita bisa mendapatkan green di seluruh papan.