Kann js den Ladefortschritt einer einzelnen Datei erkennen?

Question

Seit kurzem verlangt das Unternehmen, den Ladefortschritt von Ressourcen anzuzeigen, wenn unsere mobile Webseite geöffnet wird. Ich habe zum Beispiel das Laden des Gesamtbildes als Daten für den Fortschrittsbalken angegeben. Der Leiter möchte jedoch in der Lage sein, den Ladefortschritt einzelner Dateiressourcen anzuzeigen (z. B. CSS, JS, Bilder und andere Ressourcen, wenn das Netzwerk extrem schlecht ist). Später las ich einige Informationen im Internet, in denen es um das Herunterladen ging (obwohl ich auch das Gefühl habe, dass Herunterladen und Zwischenspeichern nicht dasselbe sind ==), und ich habe das Gefühl, dass dies von der Führung nicht verlangt wird. Also habe ich das spät in der Nacht gepostet. Es wäre besser, wenn es eine kleine Demo gäbe, die ich lesen kann.

Answer 1

单文件的加载时间，可以通过Perfromance API来处理，使用performance.getEntries()获取所有资源请求的时间数据这里有篇文章，你可以参考初探 performance – 监控网页与程序性能，希望可以帮到你。