Bagaimana cara memeriksa apakah link[rel=preconnect] telah menyelesaikan tugasnya atau belum?

Saya menambahkan link[rel=preconnect] di kode HTML halaman saya. Tapi bagaimana saya bisa memeriksa apakah prekoneksi berfungsi atau tidak?

Prakoneksi tidak muncul di panel Jaringan DevTools, saya tidak melihatnya di chrome://tracing.

Alat apa yang dapat saya gunakan untuk melihat acara ini?


html performance-testing web-performance
person andre487    schedule 07.10.2016    source sumber
comment
Ini sebenarnya bukan pertanyaan yang bagus untuk Stack Overflow, karena ini meminta alat, tapi menurut saya sesuatu seperti Fiddler (di Windows) akan dapat melacak sesuatu seperti itu.   -  person Heretic Monkey    schedule 07.10.2016
comment
Saya tidak yakin alat ini merupakan solusi yang baik karena sulit membedakan peristiwa prakoneksi dan permintaan pertama ke host.   -  person andre487    schedule 08.10.2016
comment
Beberapa saran berguna juga ada di sini: stackoverflow.com/questions/39629343   -  person Giorgio Tempesta    schedule 20.12.2018

Jawaban (2)


arrow_upward
4
arrow_downward

Anda dapat menggunakan Chrome DevTools untuk ini secara manual. Periksa tab waktu URI yang Anda tetapkan prakoneksi, jika DNS-Connect-SSL tidak memakan waktu atau dapat diabaikan (seperti, 2-5mdetik), maka Anda dapat menganggap prakoneksi berfungsi. Satu-satunya jebakan di sini adalah pengujian berulang, ketika koneksi Anda belum kedaluwarsa di browser.

person Alexander Podkopaev    schedule 13.04.2018

arrow_upward
5
arrow_downward

Anda dapat melihatnya di air terjun yang dibuat oleh https://www.webpagetest.org/

Berikut ini contohnya:

masukkan deskripsi gambar di sini

Perhatikan bahwa situs web Anda harus dapat diakses secara online agar WebPageTest dapat membacanya.

person Gaël Métais    schedule 08.10.2016
comment
Terima kasih! Namun apakah ada cara untuk memeriksa prakoneksi jika proyek Anda berada di dalam intranet? - person andre487; 08.10.2016
comment
Anda dapat mencoba menyiapkan terowongan sementara untuk membuat situs web tersedia di luar, ngrok.com adalah yang saya gunakan. Namun domain utama dan domain yang ingin Anda sambungkan sebelumnya harus dapat diakses. Jadi, jika Anda melakukan terowongan pada domain kedua, Anda harus mengubah kode agar mengarah ke domain terowongan yang baru. - person Gaël Métais; 09.10.2016
comment
Solusi lainnya adalah menyiapkan instance WebPageTest pribadi Anda di dalam intranet. Banyak perusahaan memiliki contoh sendiri sehingga mereka dapat melakukan pemeriksaan kinerja sebelum mendorong proyek ke produksi. - person Gaël Métais; 09.10.2016