Pracuję nad wewnętrznym systemem korporacyjnym, który ma front-end z wykorzystaniem serwera Tomcat.Jak mogę monitorować czas renderowania w przeglądarce?
EDYCJA: Najlepiej byłoby monitorować renderowanie na klientach uzyskujących dostęp do stron.
Jeśli przeglądarka ma włączoną obsługę JavaScript, jedną z rzeczy, które możesz zrobić, jest napisanie wbudowanego skryptu i wysłanie go w kodzie HTML. Skrypt będzie zrobić dwie rzeczy:
<script language="JavaScript">
var renderStart = new Date().getTime();
window.onload=function() {
var elapsed = new Date().getTime()-renderStart;
// send the info to the server
alert('Rendered in ' + elapsed + 'ms');
}
</script>
... usual HTML starts here ...
trzeba by upewnić się, że strona nie zastępują onload później w kodzie, ale dodaje do listy zamiast obsługi zdarzeń.
+1 - To brzmi jak coś, co obecnie mam na myśli. Dobrze jest uzyskać potwierdzenie tej linii myślenia. Ktoś myśli, że to niewłaściwe podejście? – adpd
To jest teraz przestarzałe. To było najlepsze, co mogłeś zrobić w 2010 roku, ale w 2012 roku większość przeglądarek obsługuje specyfikację W3C Performance Timing i jest to o wiele lepszy sposób na uzyskanie tych informacji. – Ian
To nie działa. Mierzy czas, aż wszystko zostanie załadowane, ale nie zostanie renderowane. Spróbuj wygenerować duży SVG. Zdarzenie 'onload' zostaje wywołane, gdy znany jest rozmiar obrazu SVG, ale użytkownik może nie widzieć go przez pewien czas, dopóki nie zostanie renderowany. –
W odniesieniu do technik nieinwazyjnych, Hammerhead mierzy całkowity czas ładowania (w tym wykonanie JavaScript), ale tylko w Firefoksie.
Widziałem użyteczne wyniki, gdy fragment kodu JavaScript mógł zostać dodany globalnie, aby zmierzyć początek i koniec każdej operacji ładowania strony.
Spójrz na Selenium - oferują one zdalne sterowanie, które może automatycznie uruchamiać różne przeglądarki (np. IE6), ładować strony, testować określoną zawartość na stronie. Na końcu generowane są raporty, które pokazują również czasy renderowania.
Ponieważ inni publikują odpowiedzi, które korzystają z innych przeglądarek, myślę, że ja też. Chrome ma bardzo szczegółowy system profilowania, który rozkłada czas renderowania strony i pokazuje czas potrzebny na każdy krok po drodze.
Co do IE, warto rozważyć napisanie wtyczki. Wydaje się, że na rynku jest niewiele takich narzędzi. Może mógłbyś to sprzedać.
Zgadzam się z (zbyt) "kilkoma narzędziami" na rynku IE. Pisanie wtyczki może nie być złym pomysłem. Mogę rzucić okiem na tamtą. Dzięki za sugestię w Chrome, ale komputery klienckie muszą uruchomić IE6 na czas, ponieważ są to zasady IT firmy. Kiedy pojawi się aktualizacja, na pewno będzie to IE7 lub IE8. Gdybym tylko miał luksus innych przeglądarek ... – adpd
W przeglądarce Firefox można używać Firebug do monitorowania czasu ładowania. Dzięki wtyczce YSlow możesz nawet uzyskać rekomendacje, jak poprawić wydajność.
Navigation Timing API dostępny jest w nowoczesnych przeglądarkach (IE9 +) z wyjątkiem Safari:
function onLoad() {
var now = new Date().getTime();
var page_load_time = now - performance.timing.navigationStart;
console.log("User-perceived page loading time: " + page_load_time);
}
Znasz "Skrzypek" (https://www.fiddler2.com/fiddler2/version.asp)? – XpiritO
Fiddler może mierzyć czas potrzebny na wykonanie żądania i przesłanie go do klienta, ale jeśli strona jest ważna lub duża javascript, opóźnienie będzie większe, gdy przeglądarka przetworzy DOM i javascript. Jest to szczególnie ważne w przypadku IE6. – driis
"Skrzypek nie jest potrzebny": D – adpd