How to measure the speed of loading and "execution" of pages

Question

Search Engine Optimization

Recommend some tool that could measure the page load speed (it is desirable that the time is separately shown for each requested "resource" of the page, like an image, javascript or css
). Ideally, the program should also show the speed of execution of the loaded javascript, i.e. showed when the page is completely “ready”.

UPD: here they gave me a whole list of useful tools, I bring it to you, maybe it will come in handy for someone too.

Page Speed ​​- Open source Firefox/Firebug Add-on that evaluates the performance of web pages and gives suggestions for improvement.

Chrome Developer Tools- Tools included in Google Chrome that let you edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. You can also use them to optimize web page performance by profiling CPU and memory usage.

Speed ​​Tracer - Google Chrome extension that helps you debug performance problems with AJAX applications.

Firebug - Firefox Add-on that lets you edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Fiddler 2 - Web debugging proxy which logs all HTTP/S traffic between your computer and the Internet. Inspect HTTP/S traffic, set breakpoints, and "fiddle" with incoming or outgoing data. (You can test any browser - it works as a proxy)

Yahoo! YSlow- Firefox/Firebug Add-on that analyzes web pages and suggests ways to improve their performance, based on a set of rules for high performance web pages.

Cuzillion - Tool for quickly constructing web pages to see how components interact and how behavior differs across browsers, sometimes in unexpected ways. Also lets you share sample pages with others. (Check how best to arrange the inclusion of styles, javascript, etc.)

Complete list Let's make the web faster > Tools .

Google Chrome Developer Tools: 12 Tricks to Develop Quicker - it shows how to work with some chrome chips.

Answer 1

I use the YSlow plugin for Firefox from Yahoo. I think that's what you need. On habré where

Answer 2

FireBug for Firefox will suit you.
firebug.ru/

Answer 3

I'm using FF 3.6 + Firebug + Firefox Throttle
Firefox Throttle (http://www.uselessapplications.com/ru/Application/FirefoxThrottle.aspx) - allows you to test loading times at different internet speeds.
Set the required speed in Firefox Throttle, and in Firebug see how long it takes to load individual elements.

Answer 4

ab also allows you to do load testing

Answer 5

online service tools.pingdom.com/

Answer 6

It's strange that they forgot about GTmetrix .

Answer 7

I did a whole investigation to find all the services.
Which from all sides will help to check the site for loading speed.
https://vc.ru/services/72263-20-instrumentov-dlya-...
or here
https://spark.ru/startup/loadingexpress/blog/51932...
There are really a lot of services now.
Also don't forget to check the server response speed.
This is even more important than a full load.
Because search engines look at this indicator and can remove it from indexing if the response speed is more than 1 second.
I also use several for server response:
Yandex - https://webmaster.yandex.ru/tools/server-response/
More - https://ping.loading.express
More -https://ping-admin.ru

Answer 8

Well, about the download speed - because almost all browsers are able to do this now (in Firefox - Firebug, in Chrome - a built-in tool, in Opera - DragonFly)
. record the start and end times of functions.

Answer 9

firebug

Answer 10

I measure with a Python script - https://4python.pythonanywhere.com/googlepagespeed... , there are only basic indicators so far, but the guys on the TG channel @py4seo who maintain this blog promised to continue working on the script and the script should appear soon, which will measure more indicators. For me, this is optimal, because. you only need a list of URLs, and the script will do the rest))