Тестирование производительности веб-страницы на передней панели

Я заинтересован в измерении и регистрации производительности загрузки страницы ПОСЛЕ возврата исходного тела с сервера. Другими словами, как только браузер имеет HTML-код, когда он загружается, загружая все изображения, css и javascript на странице, и закончил рендеринг и выполнение первого блока jquery ready.Тестирование производительности веб-страницы на передней панели

Каков наилучший способ проведения тестов производительности? Большинство из того, что я прочитал, имеет тенденцию сосредотачиваться на ответе сервера и загрузке данных. Однако большую часть времени пользователь ждет после этого. Есть ли что-нибудь там, чтобы помочь с этим в автоматическом режиме?

источник

2013-02-25 chrishomer

вам нужно автоматизировать действия пользователя ли? Или просто измерять время на стороне клиента для отображения страницы? – Brad

«Тестирование нагрузки» - это не то же самое, что «производительность загрузки веб-страницы» ... просто говорят, что название путается ... – yoosiba

Извините, вы правы. Я думал, что «Загрузка страницы» не «Загрузка сервера». – chrishomer

Хром имеет встроенный профайлер в инструментах для разработчиков. CTRL+SHIFT+I на ПК или Cmd+option+J на Mac.

С jQuery, готовность DOM произойдет до загрузки окна. Так что-то, как это должно сказать вам дельту между DOM нагрузки и нагрузки активов:

// 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()); 
});

источник

2013-02-25 21:24:03 AlienWebguy

Остерегайтесь точности времени JavaScript: http://ejohn.org/blog/accuracy-of-javascript-time/ – Brad

Любое время, потерянное или просчитанное от получения самой метки времени или от ожидания до следующей 15 мс очереди, по моему мнению, ничтожно. Если вы достигнете точки бенчмаркинга, чтобы повысить нагрузку на страницу менее 100 мс, вы никогда не получите рентабельность инвестиций. – AlienWebguy

Конечно, все зависит от того, что именно вы пытаетесь профилировать. Вот почему я указал на это. Я видел множество случаев, когда люди пытаются что-то время на каждой итерации и удивляются, почему их данные повсюду. При сравнении времени в JavaScript вы можете смотреть только на большую картинку или много итераций. – Brad

Оптимизация веб-производительности идут (WPO) промышленности для инструмента мониторинга фронтального производительности является WebPagetest. Это дает вам очень подробный анализ полной загрузки веб-страницы, включая график водопада, который показывает, как каждый ресурс загружается веб-браузером и где у вас могут быть проблемы. Вы также получаете скриншоты ключевых событий браузера, диафильмов и видео. Это действительно потрясающий инструмент с открытым исходным кодом, и его ведущий разработчик работает в Google.

http://www.webpagetest.org

WebPagetest не является автоматизированным решение, хотя. SpeedCurve - это коммерческий сервис, который работает поверх WebPagetest для автоматизации процесса тестирования и мониторинга производительности вашего интерфейса. Он также сравнивает ваш сайт с конкурентами и предупреждает вас о проблемах со сборкой вашего сайта. Отказ от ответственности: Я создатель SpeedCurve.

http://speedcurve.com

источник

2013-08-17 09:59:10 zeman

Вы являетесь создателем SpeedCurve? –

Вы можете попробовать следующие услуги мониторинга в режиме реального пользователя, который обеспечивает четкое представление о том, как пользователи испытывают ваш сайт или веб-приложение в режиме реального времени.

источник

2015-09-29 06:13:48

Тестирование производительности веб-страницы на передней панели

ответ

Смежные вопросы