Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
When testing performance of various web pages on my web application I noticed that there are some gaps in net tab (waterfall chart) in firebug. In some cases these may take up half of the time for the whole request.
What usually causes these gaps and how can they be removed?
The main reason this happens is for files that are loaded by scripts and CSS files.
For example: CSS, background images won’t start loading until a small delay after the CSS file that links to them loads.
Many JS libraries also load images, CSS, and/or other files. These loads won’t start until the calling JS is loaded, plus a small processing delay.
Libraries, or inline JS, may also fire off loads at the
DOMContentLoadedevent (the purple line) or theloadevent (red line).Finally, obviously, JS can execute AJAX that fires after any manner of delays/intervals.