Tag Archives: firebug

Improve site page speed faster to load by removing extra loaded scripts

Posted on by

The Google websearch team just announced that they will now consider the speed it takes for a website to load when ranking it in Google search results on google.com.

”Site speed is just one of over 200 signals Google uses to determine search ranking, and because it’s a new signal, it doesn’t carry as much weight as the relevance of a page. In fact, less than 1% of all search queries on google.com are affected by the site speed signal”.

This factor may not play a major role now, but in future web consider this factor is going to have a great impact on web search results as it seems, so now it’s the time for all the webmasters our their to start thinking about their site page speed.

Google indicates the page performance in webmasters.google.com and recommends the open-source Firefox/Firebug Add-on Page Speed. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.

Page Speed performs several tests on a site’s web server configuration and front-end code. These tests are based on a set of best practices known to enhance web page performance. Webmasters who run Page Speed on their pages get a set of scores for each page, as well as helpful suggestions on how to improve its performance.

14 rules for faster-loading web sites are described on the companion website of Steve Souders. These rules hev been tested on some of the most popular sites on the Internet and have successfully reduced the response times of those pages by 25-50%.

Firebug

Posted on by

Firebug

Firebug (version 1.3.3), developped by Joe Hewitt and Rob Campbell, is a free and open source (BSD) debug tool. It integrates with Firefox to put a wealth of tools at the fingertips of web designers. The tool allows to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Firebug makes it simple to find HTML elements buried deep in the page. Firebug’s CSS tabs tell you everything you need to know about the styles in your web pages, and if you don’t like what it’s telling you, you can make changes and see them take effect instantly. When your CSS boxes aren’t lining up correctly it can be difficult to understand why. Let Firebug be your eyes and it will measure and illustrate all the offsets, margins, borders, padding, and sizes for you. Your pages are taking a long time to load, but why? (JavaScript, image compression, partner’s servers). Firebug breaks it all down for you file-by-file. When things go wrong, Firebug lets you know immediately and gives you detailed and useful information about errors in JavaScript, CSS, and XML. The Document Object Model is a great big hierarchy of objects and functions just waiting to be tickled by JavaScript. Firebug helps you find DOM objects quickly and then edit them on the fly. The command line is one of the oldest tools in the programming toolbox. Firebug gives you a good ol’ fashioned command line for JavaScript complete with very modern amenities. Having a fancy JavaScript debugger is great, but sometimes the fastest way to find bugs is just to dump as much information to the console as you can. Firebug gives you a set of powerful logging functions that help you get answers fast.