Geek asks and answers

Front-end webpage performance testing

I am interested in measuring and recording page load performance AFTER returning the original body from the server. In other words, as soon as the browser has HTML code, when it is loaded, all pages, css and javascript on the page will be processed and executed using the first jquery block ready.

What is the best way to run performance tests? Most of what I read tends to focus on server response and data loading. However, most of the time the user waits after this. Is there anything there to help with this automatically?

+5
source share
3 answers

Chrome . 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());
});
+3

, , - .

+3

- (WPO) WebPagetest. -, , , - . , . , Google.

http://www.webpagetest.org

WebPagetest is not an automated solution. SpeedCurve is a commercial service that runs on top of WebPagetest to automate the testing process and monitor the performance of your interface. It also compares your site with competitors and warns you of problems with the assembly of your site. Disclaimer: I am the creator of SpeedCurve.

http://speedcurve.com

+1
source

More articles:


All Articles