Testowanie wydajności strony przedniej

Question

Interesuje mnie pomiar i rejestracja naszej wydajności ładowania strony PO początkowym ciele jest zwracana z serwera. Innymi słowy, gdy przeglądarka ma kod HTML, po zakończeniu ładowania wszystkich obrazów, css i javascript na stronie i zakończy renderowanie i wykonanie pierwszego bloku gotowego jquery.

Jaki jest najlepszy sposób na przeprowadzenie testów wydajności w tym? Większość z tego, co przeczytałem, koncentruje się na odpowiedziach serwera i pobieraniu danych. Jednak większość czasu, który użytkownik czeka, jest po tym. Czy jest coś, co może w tym pomóc w sposób zautomatyzowany?

Answer 1

Chrome ma wbudowany profiler w narzędziach programistycznych. CTRL+SHIFT+I na komputerze PC lub Cmd+option+J na komputerze Mac.

Z jQuery, DOM gotowy stanie się przed załadowaniem okna. Więc coś jak to powinno wam deltę pomiędzy DOM obciążenia aktywów i obciążenie:

// When the DOM is loaded 
$(function(){ 
    console.log('Start ' + new Date().getTime()); 
}); 

// When all the images are loaded 
$(window).load(function(){ 
    console.log('End ' + new Date().getTime()); 
}); 

Answer 2

Optymalizacja wydajności internetowej Go (WPO) branży narzędzie do monitorowania wydajności front-end jest WebPagetest. Daje to bardzo szczegółową analizę pełnego obciążenia strony internetowej, w tym wykresu kaskadowego, który pokazuje, w jaki sposób każdy zasób jest ładowany przez przeglądarkę internetową i gdzie mogą występować problemy. Otrzymasz także zrzuty ekranu najważniejszych wydarzeń w przeglądarce, taśm filmowych i filmów. To naprawdę niesamowite narzędzie open source, a jego główny programista jest zatrudniony przez Google.

http://www.webpagetest.org

WebPagetest nie jest zautomatyzowane rozwiązanie chociaż. SpeedCurve to komercyjna usługa, która działa na WebPagetest, aby zautomatyzować proces testowania i monitorować wydajność front-end. Sprawdza również Twoją witrynę internetową przed konkurencją i ostrzega o problemach z budową Twojej witryny. Zastrzeżenie: Jestem twórcą SpeedCurve.

http://speedcurve.com

Answer 3

Można spróbować następujących usług monitorowania rzeczywistego użytkownika, który zapewnia wyraźny obraz tego, jak użytkownicy doświadczają witryny lub aplikacji internetowej w czasie rzeczywistym.

• Atatus
• New Relic
• App Dynamics
• Pingdom