Editing Files and Testing Performance with WordPress Tools

✦ Firebug: Firebug (https://addons.mozilla.org/firefox/

addon/1843) is an add-on that integrates into the Firefox browser and
provides you with a host of tools for Web development, including the
ability to edit, debug, and monitor the behaviors of CSS, HTML, and
JavaScript live for any Web page you view. We can’t live without this
tool mainly because of the CSS editing capabilities. We can open a Web
page in Firefox, activate the CSS editing tool in Firebug, and do live CSS
editing, which makes our Web site development go much faster.

✦ YSlow: To use YSlow (https://addons.mozilla.org/en-US/

firefox/addon/5369), you have to install the Firebug add-on. YSlow
analyzes Web pages and makes suggestions as to how you can improve
the speed and load time of your Web site by incorporating things like
image size optimization, JavaScript, or CSS, or by reducing the over-
all size of your Web page. We use this tool every time we deploy a
WordPress site to get recommendations on how to improve the site
loading time.

✦ Web Developer: Web Developer (https://addons.mozilla.org/
firefox/addon/60) adds a very helpful toolbar in your Firefox
browser that gives you access to several types of Web development
tools, such as CSS viewing, CSS editing, image information, browser
resizing, HTML and CSS validation tools, HTML viewing and editing,
and more. We use the Web Developer toolbar on a constant basis to
help us develop, test, and debug Web sites that we create.

 

As much as we prefer the Mozilla Firefox browser, many users consider it

somewhat of a resource/memory hog. We’ve experienced this as well, but it
isn’t enough to make us stop using it. However, we have to shut down and
restart the Mozilla Firefox browser at least two times during a normal work-
day to prevent it from crashing our system with its resource use