There might be a time when you notice that a web page is running really slowly for you and you decide to look into the cause of this. One thing you can stat with is seeing what information is sent to you when accessing that web page and you can do this also in Firefox browser directly. You will be able to do this with an out of box Firefox but I will be showing you how to do that using Firebug extension for Firefox.
First we must install Firebug. You can do this by simply going to your Firefox menu on the top right corner and selecting Add-ons from it. Or you can click Ctrl+Shift+A. You can see it in the image below.
After you select Add-ons you should see Firefox open a new tab with extensions, plugins and themes. In the search bar on top right corner in this tab you will see a search bar, type Firebug in it and hit enter. You should see Firefox finding the extensions based on your search. The very first result should be Firebug. Press install next to it. Shown in the image below.
Once its done installing you should probably restart your browser. Once you start it again you will see this little new button in your Firefox. By pressing this button you will activate Firebug. See the image below.
When you activate the Firebug you sill see something like the following.
This is Firebug, it allows you to do multiple things with the website you have loaded, but we will focus on the Net tab in this tutorial. You see the Firebug control panel, there is a tab called Net. When you go to that tab, you can see the things that are loaded on your computer when you access a web page. It also shows how quick it happened and allows you to view the headers of the requests and responses. I will not go into too much detail of what all can it do. The image below shows an empty Net tab.
Now we don't see much here since I haven't navigated to any webpage. But once we do, the tab will be populated. The following image shows how it looks like when you type in www.youtube.com.
Now normally, each time you go to a new page the network information is refreshed and the new one is displayed. But what if you wanted to keep the old one as well as the new one? Well you can use the Persist function by pressing a button "Persist". When you do that and load a new page you should see the old page information put in a tab and the new information shown below it. The image below shows where to find this button.
The below image shows how the tabs are generated by refreshing the Youtube page after enabling Persist function. Markup in the image: Red box = Old information, Green box = new information.
Now what if we want to share this information for whatever reason? Could we export this information as it is to a file and send it to someone? Yes we can. Although Firebug doesn't have this functionality in it out of the box, but we can install an extension to the Firebug that will add this option. To do that we will go to