10 Firefox Extensions For Website Owners

What? Yet another list of ‘firefox extensions you just can’t possibly live without’? Well… yes. This list is the cream of the crop extensions you will certainly find use for if you operate a website.

If you are a firefox guru, you probably already have at least a couple of them, but maybe even you can still find something here you havn’t tried. The list of 10 Firefox Extensions For Website Owners, includes everything from tools to help you fix those pesky CSS issues to monitoring SERP rankings. If you don’t have them, I recommend you get them.

So, here they are, from 10 to 1.

10. ServerSwitcher
If you operate a site with both a dev and production mode, this extension is handy for switching easily between the 2 views for comparison or merely to switch to your dev server. If you operate a small site or hosted site, maybe you don’t have much need for this, but it is certainly handy to have if you do need it.

9. LinkChecker
If you run a dynamic site, or built a site from scratch, its very possible you have some dead links after moving things around. This simple extension lets you know if your links on a page are good or bad without having to click around. There are some other better tools out there for checking your entire site for dead links (search for xenu link sleuth), but this allows you to see them at quick glance.

8. FasterFox
A given. Speeds up your firefox browsing by a variety of tweaks, from increasing the number of parallel downloads to DNS caching. This doesn’t really have anything to do with development, however it is really a must for Firefox.

7. ColorZilla
Used for getting colors from images and converting from RGB. It beats the pants off of taking a screenshot, opening photoshop, and using eyedropper there (or if html just using firebug).

6. liveHTTPHeaders
Quite useful for looking at other sites (and your own) and viewing what HTTP headers are being passed around. Allows you to view POST information and cookies. WebDeveloper (below) has the ability to do most of this, but I personally am not a fan of the realestate that webdeveloper takes up (extra toolbar), and like liveHTTPHeaders combined with firebug.

5. WebDeveloper
Allows you to disable CSS styles at the click of a button, find broken images, view your site at various resolutions (so you can still design for those poor souls on 1024×768, or 800×600). An extra toolbar, which I am not a fan of, but it does have some quite good features.

4. YSlow
Developed by Steve Souders (and team) at yahoo. He is the evangelist at yahoo for website performance (page load times). His main point is that when people come to your site, its very likely that up to 90% of the perceived load time is due not to your server’s HTML generation time, but the rendering of the html client side. That kind of flies in the face of most common thought. Anyway, they developed an extension that works with firebug to profile your website and inform you of possible speed tweaks you can do to improve user load time. As an example, this site gets a rating of “F (32)”. Improvements can include everything from combining/minimizing JS files (to reduce size as well as number of HTTP requests), to using an expires header, to gZipping components, etc. A bad score doesn’t mean the site is awful, but it at least shows you where to make improvements (they are mostly easy things to fix).

3. SearchStatus
Anyone running a website at some point worries about the ‘google juice’ and how well their site is doing. Yea, there’s plenty of sites out there that will show you pagerank, etc, but this extension runs in your status bar and just lets you know pagerank/alexa ranking on all sites you visit. Fairly simple, but quite useful information, even though pagerank is arguably a completely useless statistic.

2. SEO For Firefox
SEO for firefox adds information to your google/yahoo searches, informing you of each results pagerank, alexa score, dmoz ranking, cache date, inclusion in supplemental index, etc. Definitely configure it to just show you (and automatically grab) any data you are interested in. Sounds boring? I find it most useful when checking your own search engine ranking against other sites. Example: Ok, I rank 10th for my targeted keyword. I see that the top 5 results have PR5, next one has PR2, etc.. yet I rank PR4.. why am I not ranked higher? It helps you find the sites that you have the best chances to overtake. It has many other uses, which you will find after a couple days of use. Quite handy.

1. Firebug
If you edit any HTML, or ever look at the source of HTML documents, or are curious as to how webpages are set up, Firebug is a must. I’m sure most of you are aware of this extension, but it is the single most polished and useful extension I have ever used. The only downside to this extension is it isn’t available for IE.. which means when (not if) you have IE css problems you are on your own. Firebug allows you to edit your CSS right on the page, seeing changes instantly. A complete lifesaver.

I welcome any additions to the list. I use at least 8 of these on a daily basis (excepting WebDeveloper and ColorZilla), and for the most part, they will not fill your firefox with any extra valuable desktop space.

, , , , , , , , , ,

50 Responses to 10 Firefox Extensions For Website Owners

  1. Everton September 5, 2007 at 7:10 am #

    Welcome to the Connected Internet Team Kline, and great first post. I’m going to enjoy reading your posts and I think the rest of the readers will do as well.

    I used to have an extension that allowed me to click on a page and see the CSS sections e.g. where started and finished. Does anyone know what it is called?

  2. Everton September 5, 2007 at 7:10 am #

    Welcome to the Connected Internet Team Kline, and great first post. I’m going to enjoy reading your posts and I think the rest of the readers will do as well.

    I used to have an extension that allowed me to click on a page and see the CSS sections e.g. where started and finished. Does anyone know what it is called?

  3. Avatar of Everton
    Everton September 5, 2007 at 8:10 am #

    Welcome to the Connected Internet Team Kline, and great first post. I’m going to enjoy reading your posts and I think the rest of the readers will do as well.

    I used to have an extension that allowed me to click on a page and see the CSS sections e.g. where < div id="content" > started and finished. Does anyone know what it is called?

  4. Kline September 5, 2007 at 8:57 am #

    Firebug contains that information, but it is likely you are thinking of another extension.

    Though, seriously, firebug is the best around. weeeeee. look, I can change the font on this page with a click. Wow, now it’s in Georgia.

  5. Kline September 5, 2007 at 8:57 am #

    Firebug contains that information, but it is likely you are thinking of another extension.

    Though, seriously, firebug is the best around. weeeeee. look, I can change the font on this page with a click. Wow, now it’s in Georgia.

  6. Avatar of Kline
    Kline September 5, 2007 at 9:57 am #

    Firebug contains that information, but it is likely you are thinking of another extension.

    Though, seriously, firebug is the best around. weeeeee. look, I can change the font on this page with a click. Wow, now it’s in Georgia.

  7. Everton September 5, 2007 at 9:00 am #

    lol I should have read the whole list – Firebug is the one I was looking for.

  8. Everton September 5, 2007 at 9:00 am #

    lol I should have read the whole list – Firebug is the one I was looking for.

  9. Avatar of Everton
    Everton September 5, 2007 at 10:00 am #

    lol I should have read the whole list – Firebug is the one I was looking for.

  10. Kline September 5, 2007 at 9:10 am #

    Nae bother. I’m not quite sure what happened to my link text there, it got a bit out of control.

    Firebug is available for IE, but imo, it is not worth it. It’s just a logging console, none of the other wonderful features.

  11. Kline September 5, 2007 at 9:10 am #

    Nae bother. I’m not quite sure what happened to my link text there, it got a bit out of control.

    Firebug is available for IE, but imo, it is not worth it. It’s just a logging console, none of the other wonderful features.

  12. Avatar of Kline
    Kline September 5, 2007 at 10:10 am #

    Nae bother. I’m not quite sure what happened to my link text there, it got a bit out of control.

    Firebug is available for IE, but imo, it is not worth it. It’s just a logging console, none of the other wonderful features.

  13. Tomaz September 5, 2007 at 9:17 am #

    My favorite are SearchStatus and SEO for Firefox.

    I noticed that the pagerank value shown in SearchStatus is always the correct one, while the the Google toolbar sometimes shows a wrong value.

    You would need to reload the page for the toolbar pagerank to show the correct value.

  14. Tomaz September 5, 2007 at 9:17 am #

    My favorite are SearchStatus and SEO for Firefox.

    I noticed that the pagerank value shown in SearchStatus is always the correct one, while the the Google toolbar sometimes shows a wrong value.

    You would need to reload the page for the toolbar pagerank to show the correct value.

  15. Tomaz September 5, 2007 at 10:17 am #

    My favorite are SearchStatus and SEO for Firefox.

    I noticed that the pagerank value shown in SearchStatus is always the correct one, while the the Google toolbar sometimes shows a wrong value.

    You would need to reload the page for the toolbar pagerank to show the correct value.

  16. Shashank September 5, 2007 at 10:09 am #

    Nice handy list presently i am using colorzilla,fasterfox ,searchstatus,sparky :),Imageshack right click.

    Is firebug similar to webdeveloper extension

  17. Shashank September 5, 2007 at 10:09 am #

    Nice handy list presently i am using colorzilla,fasterfox ,searchstatus,sparky :),Imageshack right click.

    Is firebug similar to webdeveloper extension

  18. Avatar of Shashank
    Shashank September 5, 2007 at 11:09 am #

    Nice handy list presently i am using colorzilla,fasterfox ,searchstatus,sparky :),Imageshack right click.

    Is firebug similar to webdeveloper extension

  19. Kline September 5, 2007 at 10:16 am #

    I prefer firebug to webdeveloper in all honesty. A lot of people *really* like webdeveloper, but I think firebug has a lot more features that help with design more (maybe i am not fully using webdeveloper)… but just install firebug.. right click on a page, select inspect element and … enjoy. Everything is editable and shows up realtime. It integrates with YSlow, which is always a plus. Works well with ajax calls, CSS, DOM manipulation, profiles your site.. pretty much whatever you would ever hope from an html development standpoint. Plus, it doesn’t take up any toolbar space ;)

  20. Kline September 5, 2007 at 10:16 am #

    I prefer firebug to webdeveloper in all honesty. A lot of people *really* like webdeveloper, but I think firebug has a lot more features that help with design more (maybe i am not fully using webdeveloper)… but just install firebug.. right click on a page, select inspect element and … enjoy. Everything is editable and shows up realtime. It integrates with YSlow, which is always a plus. Works well with ajax calls, CSS, DOM manipulation, profiles your site.. pretty much whatever you would ever hope from an html development standpoint. Plus, it doesn’t take up any toolbar space ;)

  21. Avatar of Kline
    Kline September 5, 2007 at 11:16 am #

    I prefer firebug to webdeveloper in all honesty. A lot of people *really* like webdeveloper, but I think firebug has a lot more features that help with design more (maybe i am not fully using webdeveloper)… but just install firebug.. right click on a page, select inspect element and … enjoy. Everything is editable and shows up realtime. It integrates with YSlow, which is always a plus. Works well with ajax calls, CSS, DOM manipulation, profiles your site.. pretty much whatever you would ever hope from an html development standpoint. Plus, it doesn’t take up any toolbar space ;)

  22. BeachBum Michael September 5, 2007 at 11:15 am #

    I use SEO Quake and love it. Thanks for the list I will check out the linkchecker plugin, that sounds cool.

    BeachBum Michael

  23. BeachBum Michael September 5, 2007 at 11:15 am #

    I use SEO Quake and love it. Thanks for the list I will check out the linkchecker plugin, that sounds cool.

    BeachBum Michael

  24. BeachBum Michael September 5, 2007 at 12:15 pm #

    I use SEO Quake and love it. Thanks for the list I will check out the linkchecker plugin, that sounds cool.

    BeachBum Michael

  25. Samuel September 5, 2007 at 11:43 am #

    One of the best plugins i have seen for firefox is SEO Quate. Its great! Shows you a wealth of information including links in google and yahoo as well as alexa rankings and PR. Its really good to quickly check that stats of any site.

  26. Samuel September 5, 2007 at 11:43 am #

    One of the best plugins i have seen for firefox is SEO Quate. Its great! Shows you a wealth of information including links in google and yahoo as well as alexa rankings and PR. Its really good to quickly check that stats of any site.

  27. Samuel September 5, 2007 at 12:43 pm #

    One of the best plugins i have seen for firefox is SEO Quate. Its great! Shows you a wealth of information including links in google and yahoo as well as alexa rankings and PR. Its really good to quickly check that stats of any site.

  28. John September 5, 2007 at 2:35 pm #

    Nice list, seobook’s firefox extension is number one always ;)

  29. John September 5, 2007 at 2:35 pm #

    Nice list, seobook’s firefox extension is number one always ;)

  30. John September 5, 2007 at 3:35 pm #

    Nice list, seobook’s firefox extension is number one always ;)

  31. MB September 5, 2007 at 3:47 pm #

    I don’t know how I lived without SEO For Firefox. (Slight exaggeration but still a valid point.)

  32. MB September 5, 2007 at 3:47 pm #

    I don’t know how I lived without SEO For Firefox. (Slight exaggeration but still a valid point.)

  33. MB September 5, 2007 at 4:47 pm #

    I don’t know how I lived without SEO For Firefox. (Slight exaggeration but still a valid point.)

  34. Shashank September 5, 2007 at 3:49 pm #

    @Kline
    i ve installed Firebug just now…its a wonderful addition to my addons…as Kline said the best thing is it doesn’t take any toolbar space to the already crowded state.

  35. Shashank September 5, 2007 at 3:49 pm #

    @Kline
    i ve installed Firebug just now…its a wonderful addition to my addons…as Kline said the best thing is it doesn’t take any toolbar space to the already crowded state.

  36. Shashank September 5, 2007 at 4:49 pm #

    @Kline
    i ve installed Firebug just now…its a wonderful addition to my addons…as Kline said the best thing is it doesn’t take any toolbar space to the already crowded state.

  37. Wendy Piersall September 5, 2007 at 6:19 pm #

    Luuuuuuurrrrvvvv Colorzilla!!! Downloaded and installed immediately! :D

  38. Wendy Piersall September 5, 2007 at 6:19 pm #

    Luuuuuuurrrrvvvv Colorzilla!!! Downloaded and installed immediately! :D

  39. Wendy Piersall September 5, 2007 at 7:19 pm #

    Luuuuuuurrrrvvvv Colorzilla!!! Downloaded and installed immediately! :D

  40. Micah September 6, 2007 at 9:23 pm #

    Wow, I didn’t know about Firebug. I’ll have to give it a try, I’m tired of clicking on the drop down menu…then “source”.

  41. Micah September 6, 2007 at 9:23 pm #

    Wow, I didn’t know about Firebug. I’ll have to give it a try, I’m tired of clicking on the drop down menu…then “source”.

  42. Micah September 6, 2007 at 10:23 pm #

    Wow, I didn’t know about Firebug. I’ll have to give it a try, I’m tired of clicking on the drop down menu…then “source”.

  43. Kline September 7, 2007 at 4:06 am #

    The only thing that irks me sometiems about firebug is that it *does* show you JS modified text. It can be a blessing for troubleshooting ajax,etc, but if you want to see your google adsense code quickly, it shows you the actual rendered google code instead.

    Theres probably a way to toggle between them, but whatever. still amazing.

  44. Avatar of Kline
    Kline September 7, 2007 at 5:06 am #

    The only thing that irks me sometiems about firebug is that it *does* show you JS modified text. It can be a blessing for troubleshooting ajax,etc, but if you want to see your google adsense code quickly, it shows you the actual rendered google code instead.

    Theres probably a way to toggle between them, but whatever. still amazing.

  45. FriendlyFire August 14, 2009 at 4:58 am #

    I don’t know if you knew, but you can easily make Web Developer take far less space.

    Just right click on your toolbars and select Customize, then move all the items from there to wherever you have space. For me, I put two flexible spacers to the right of the basic File/Edit/etc. menu bar and stuck all the icons in the middle. It fits snugly, looks good and takes no extra space!

  46. FriendlyFire August 14, 2009 at 5:58 am #

    I don’t know if you knew, but you can easily make Web Developer take far less space.

    Just right click on your toolbars and select Customize, then move all the items from there to wherever you have space. For me, I put two flexible spacers to the right of the basic File/Edit/etc. menu bar and stuck all the icons in the middle. It fits snugly, looks good and takes no extra space!

  47. Lotus August 25, 2010 at 8:53 pm #

    SEO for Firefox is a must for every webmaster. I have added 10+ addons on my browser. Now I will test if this will decrease or increase Firefox crash rate.

  48. Wardrobe For Sale August 30, 2010 at 9:33 pm #

    One more great post in great series. I really like your blog, it makes my time more valuable.

  49. online conveyancing August 31, 2010 at 6:11 pm #

    I love what you guys are always doing

  50. igwfvcz September 1, 2010 at 3:55 am #

    BtioeN arrhcbnzqvta, [url=http://fhknlljxtlor.com/]fhknlljxtlor[/url], [link=http://uhrtshmwxjik.com/]uhrtshmwxjik[/link], http://pdaptbdkgizk.com/