This article is about further extensions for Firebug, which can extend Firebug from its basic feature for web development by installing additional extensions (that is also a Firefox add-on). If you’re still new in what is Firebug and how to use it, there is an extensive tutorial here at Makeuseof about “Amateur’s Guide To Customizing Website Design With Firebug”.
Here are a couple of its popular extensions, which I use in day to day basis:
Among other extensions for Firebug, the most popular one, are developed by Yahoo! inc Company. YSlow analyzes web pages and why they’re slow based on Yahoo!’s rules for high performance web sites. The rules are
- Minimize HTTP Requests
- Use a Content Delivery Network
- Add an Expires or a Cache-Control Header
- Gzip Components
- Put StyleSheets at the Top
- Put Scripts at the Bottom
- Avoid CSS Expressions
- Reduce DNS Lookups
- Avoid Redirects
- Remove Duplicate Scripts
- Configure ETags
- Make AJAX Cacheable
- Use GET for AJAX Requests
- Reduce the Number of DOM Elements
- No 404s
- Reduce Cookie Size
- Use Cookie-Free Domains for Components
- Avoid Filters
- Do Not Scale Images in HTML
- Make favicon.ico Small and Cacheable
It ranked (like A, B, C, D) your website for performance based on three predefined rulesets:
- YSlow(V2) – this ruleset contains the 22 rules listed above.
- Classic(V1)- this ruleset contains the first 13 rules listed above.
- Small Site or Blog- this ruleset contains 14 rules that are applicable to small web sites or blogs.
You can install the YSlow extensions here and the full guide for the extensions here .
This extension analyzes web pages and tells you how good they fulfill on-page Search Engine Optimization criteria. It gives you
- Overview of SEO-important web page components
- Analysis of on-page-SEO-criteria
- In the newest version SenSEO (1.4.3 in the time of writing) checks
Correct usage of Document-Title, Meta-Description and Meta-Keywords
- Headlines, Domain and URL-Path
- Other general content-criteria
As you can see in the screenshot, it shows all of the component that are needed for search engine optimization, from h1 to h6, meta description and keyword, the alt attribute in images and it even show how the search engine read the website trough visible content.
You can install the extensions from here.
There are others popular extensions like Flashbug (displays all the running .SWF file trace output), FireQuery (plugin for jQuery development), you can see it at “Firebug Extensions add-on page”, The extensions is ranked by its popularity and the complete list is in the official “wiki for list of all Firebug extensions.”.
u may also like this :