WEB辅助开发、调试、性能检测、调优工具集

2024-03-26 05:58

本文主要是介绍WEB辅助开发、调试、性能检测、调优工具集,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

google code 中找到一个 WEB 辅助开发、调试、性能检测、调优工具的列表:

http://code.google.com/speed/tools.html

 

There are many 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 Google

Web 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 included 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 developers

Development

Cuzillion - Tool for quickly constructing web pages to see how components interact and how behavior differs across 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.

 

 

这篇关于WEB辅助开发、调试、性能检测、调优工具集的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/847487

相关文章

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

手把手教你idea中创建一个javaweb(webapp)项目详细图文教程

《手把手教你idea中创建一个javaweb(webapp)项目详细图文教程》:本文主要介绍如何使用IntelliJIDEA创建一个Maven项目,并配置Tomcat服务器进行运行,过程包括创建... 1.启动idea2.创建项目模板点击项目-新建项目-选择maven,显示如下页面输入项目名称,选择

在 VSCode 中配置 C++ 开发环境的详细教程

《在VSCode中配置C++开发环境的详细教程》本文详细介绍了如何在VisualStudioCode(VSCode)中配置C++开发环境,包括安装必要的工具、配置编译器、设置调试环境等步骤,通... 目录如何在 VSCode 中配置 C++ 开发环境:详细教程1. 什么是 VSCode?2. 安装 VSCo

正则表达式高级应用与性能优化记录

《正则表达式高级应用与性能优化记录》本文介绍了正则表达式的高级应用和性能优化技巧,包括文本拆分、合并、XML/HTML解析、数据分析、以及性能优化方法,通过这些技巧,可以更高效地利用正则表达式进行复杂... 目录第6章:正则表达式的高级应用6.1 模式匹配与文本处理6.1.1 文本拆分6.1.2 文本合并6

C#图表开发之Chart详解

《C#图表开发之Chart详解》C#中的Chart控件用于开发图表功能,具有Series和ChartArea两个重要属性,Series属性是SeriesCollection类型,包含多个Series对... 目录OverviChina编程ewSeries类总结OverviewC#中,开发图表功能的控件是Char

鸿蒙开发搭建flutter适配的开发环境

《鸿蒙开发搭建flutter适配的开发环境》文章详细介绍了在Windows系统上如何创建和运行鸿蒙Flutter项目,包括使用flutterdoctor检测环境、创建项目、编译HAP包以及在真机上运... 目录环境搭建创建运行项目打包项目总结环境搭建1.安装 DevEco Studio NEXT IDE

Python开发围棋游戏的实例代码(实现全部功能)

《Python开发围棋游戏的实例代码(实现全部功能)》围棋是一种古老而复杂的策略棋类游戏,起源于中国,已有超过2500年的历史,本文介绍了如何用Python开发一个简单的围棋游戏,实例代码涵盖了游戏的... 目录1. 围棋游戏概述1.1 游戏规则1.2 游戏设计思路2. 环境准备3. 创建棋盘3.1 棋盘类

Vue3 的 shallowRef 和 shallowReactive:优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template