[Original] Introduction to web development and testing Auxiliary Tools

[Original] Introduction to web development and testing Auxiliary Tools

Http://code.google.com/intl/zh-CN/speed/tools.html

Tools and downloads

There are invalid variables that affect a site's performance. the tools listed below can help you discover those variables and improve your site. we recommend that you experiment with these tools. multiple simple changes can improve the experience for your users around the world by several seconds.

From googleweb PAGE analysis

Page speed-Open source Firefox/firebug add-on that evaluates the performance of web pages and gives suggestions for improvement.

Chrome Developer Tools-Tools embedded ded in Google Chrome that let you edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. you can also use them to optimize web page performance by profiling CPU and memory usage.

Speed tracer-Google Chrome extension that helps you debug performance problems with Ajax applications.

Resource Optimization

Closure compiler-Optimize the speed and size of your JavaScript.

Development Tools

Closure tools-Use the closure compiler, closure library, and closure templates to build rich Web applications with JavaScript that is faster, more powerful, and more optimized.

Google Web Toolkit-Toolkit that allows you to build rich Web applications in Java, and then compile into highly optimized JavaScript.

From other development sdevelopment

Cuzillion-Tool for quickly constructing web pages to see how components interact and how behavior differs analyze SS browsers, sometimes in unexpected ways. Also lets you share sample pages with others.

Hammerhead-Firebug add-on for measuring the load time of web pages.

Oocss-Development Environment and framework for creating fast, reusable CSS objects and modules.

Performance Benchmarking

Httperf-Tool for generating HTTP workloads and measuring web server performance, and constructing micro-and macro-level benchmarks.

Mon. itor. US-Provides a personalized Ajax dashboard interface, checks server performance and availability, generates uptime reports, tracks visitors, checks CPU, memory and other systems resources, and alerts when it detects abnormalities.

Pylot-Open source tool for testing the performance and scalability of Web Services. It runs HTTP load tests, verifies server responses, and produces reports with metrics.

Wbox-Performs various tests, including page load benchmarking, web server and web application stress testing, and verifies correct configuration of virtual domains configuration, redirects, and HTTP compression.

Javascript profiling

Dynatrace Ajax-Full Tracing Analysis of Internet Explorer 6-8 (including JavaScript, rendering, and network traffic). (related blogpost)

PHP profiling

Xdebug-Extension for PHP that provides profiling and code coverage analysis, as well as debugging information including stack and function traces, and memory allocation.

Xhprof by Facebook-Instrumentation-based hierarchical profiler for PHP.

Resource Optimization

CSS sprite generator-Generates a CSS sprite out of a number of images.

Jslint-Tool that looks for code quality problems in javascript programs.

Jsmin-Filter which removes comments and unnecessary whitespace from JavaScript files.

Smush it-Online tool that allows you to upload images for lossless compression and optimization. provides a report of bytes saved and downloads a zip file containing the optimized versions of the files.

Spriteme! -Tool that determines background images to Sprite, groups and sprites them, and generates resultant modified CSS.

Yui compressor-Javascript minifier designed to yield a higher compression ratio than other tools.

Web debugging

Fiddler 2-Web debugging proxy which logs all HTTP/s traffic between your computer and the Internet. Inspect HTTP/s traffic, set breakpoints, and "Fiddle" with incoming or outgoing data.

Firebug-Firefox add-on that lets you edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Httpwatch-HTTP viewer and debugger integrated with IE and Firefox to provide HTTP/s monitoring without leaving the browser window.

Web page analysis

AOL page test-Open source tool for measuring and analyzing Web page performance using Internet Explorer.

Browsermob-Tool for website performance monitoring and alerting.

IBM page detailer-Graphical tool that assesses web page performance and provides details include the timing, size, and identity of each item in a page.

Introspectrum-Web-based performance monitor which simulates users using actual web browsers.

Microsoft vrta-Tool that visualizes web page download, identifies areas for performance improvements, and recommends solutions.

MySpace performance tracker-Internet Explorer browser plugin that helps improve web page performance by capturing and measuring possible bottlenecks.

Webpagetest-Tool that provides a waterfall of your page load performance as well as a comparison against an optimization checklist.

Yahoo! Yslow-Firefox/firebug add-on that analyzes Web pages and suggests ways to improve their performance, based on a set of rules for High Performance Web pages.