httpwatch Professional Edition is free of charge, and the free version has some functional limitations.
Dynatrace's Ajax edition:
Dynatrace is a free tool that I often use. It not only detects resource loading waterfall graphs, but also monitors page presentation time, CPU usage, JS analysis, and execution time, CSS parsing time.
Speed tracer:
Speed trace is a plug-in of Google Chrome. The advantage of speed
Tss Translation: common Java memory problems Part 1
Http://www.theserverside.com/news/thread.tss? Thread_id = 62217
Http://blog.dynatrace.com/2011/04/20/the-top-java-memory-problems-part-1/
Memory and garbage collector have always been one of the most noteworthy issues in Java applications. When we talk about the JVM memory collection mechanism in Java, I am afraid most people will be confused about the GC garbage collection mechanism. Michael Kopp of
instructions on the official website.
Java console:
...
Page speed:
Analyze the webpage loading status, and provide related suggestions and optimized files. You can also directly click to jump to the optimized documentation, which is useful.
Yslow:
Why is it slow? Yahoo tells you. According to the 35 best practices of the famous Yahoo 7 categoriesEvaluate and prompt your website.
Seoquake:
Seo. I have a little knowledge about Seo. I have probably read it. It feels good. I want to add it to my f
WebPerformance Testing ToolsMainly divided into three kinds: one is to test the load speed of the page resources; one is to test the page after loading finished page rendering, JS operation speed; One is the overall evaluation of the page analysis1.Firebug: Firebug is the most classic development tool in Firefox, which integrates HTML viewing and editing, JavaScript consoles, and network health monitors, and is the right helper for developing JavaScript, CSS, HTML, and Ajax. can monitor the requ
compressor to compress JavaScript files (in fact, today Nodejs tools are more useful)
compressing JavaScript files on the server (GZIP encoded)
cache JavaScript files by correctly setting HTTP response headers to avoid caching problems by adding timestamps to filenames
Using CDN
Iv. Post-release performance testing and problem tracking
Use the Network analysis tool to find bottlenecks in loading scripts and other resources on the page.
Lazy loading of scripts can s
important JS loading hour, which is the product policy accounting methodTotal download Shicheneme promised to calculate the onload hour, such as promised to account for the synchronization load of all the time-loaded resources. If there is a lot of asynchronous foil on the page, you can end the asynchronous foil as the total download hourIv. Functional Monitoring ToolsBecause the method and policy of aggregating data are different, the front-end Function monitoring is divided into two types, no
fastest. But this situation is often impossible, let alone easy to achieve.If you can not reduce the complexity of the algorithm, you can also find the key points in the algorithm and improve the method, to play a role in improving performance. Suppose we have the following algorithm:The overall time complexity of the algorithm is O (N3), and the complexity is O (N x O x P) if calculated in individual access order. But anyway, when we analyze this code, we find some strange scenarios:
lay out the table once the entire first row has been received. Cells in subsequent rows do not affect column widths. Any cell that has content that overflows uses the ‘overflow’ property to determine whether to clip the overflow content.
Automatic layout, CSS 2.1 Specification
This algorithm may be inefficient since it requires the user agent to have access to all the content in the table before determining the final layout and may demand more than one pass.
Several tools and several articles
of JS, the entire page other places of the JS performance is also to be considered, such as the process of a single Ajax request, a front-end operation of the use of JS, and JS In addition to time performance will have CPU, memory consumption performance considerations, These dynatrace tools are available.In addition, during the whole process of downloading the external resources, we should try to avoid all kinds of request errors.Of course, in addit
As you know, jQuery selectors can be obtained in the following ways: 1. IDS such as $ (# ID); 2. tagnames such: $ (A); 3. Use ClassName For example: $ (. className); The above are several frequently used JQuery selectors. For jQuery usage optimization, let's take a look at jQuery selectors.
As you know, jQuery selectors can be obtained in the following ways:
1. You can use the ID such as $ ("# ID ");
2. Use TagName such as: $ ("");
3. Use ClassName For example: $ (". ClassName ");
The above are
Front-end performance monitoring system ShowSlow, monitoring system showslow
Author: zhanhailiang Date:1. Introduction
ShowSlow is an open-source front-end performance monitoring system that provides the following functions:
Frontend performance indicator data collection function: ShowSlow native provides data collection toolsDOM Monster!However, it also supports reporting performance data to the server through third-party tools such as YSlow and PageSpeed (the server provides the data collect
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, rende
location of the user's number of rolling lines between the visible boundary and the data retrieved from the Grid visible part and the page cache.Additional resources
The following resources are also useful for application performance tuning:
View a 50-minute webinar video version of this blog
Suggestions from other Ext JS users in the Sencha Ext: Open Discussion forum Performance Best Practices thread
Tips for optimizing Internet Explorer 8 and higher
Information about
.html2javascript http://accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/The HTML-to-JavaScript converter obtains the label and transforms it into a series of document.write () declarations that can be used in JavaScript blocks19.Web Developer Https://addons.mozilla.org/da/firefox/addon/60?lang=zh-CNAn add-on for Firefox adds a menu and toolbar to Firefox, which contains a lot of development tools20.JS Regexp Generator http://www.jslab.dk/tools.regex.phpAn on-line tool f
performance testing. including model establishment, performance test case design, Tool introduction, script code writing, scene design, performance analysis and so on.
Front-end performance testing, as well as front-end performance test analysis tools HttpWatch, DynaTrace Ajax, FireBug, YSlow.
Functional test Tools QTP, WinRunner, Jmeter
Software = program + documentationProgram: A collection of instructions that implement a functio
range to minimize the number of user domain name resolution, reduce the amount of data downloaded by users, increase concurrency and so on. In fact, we just clean up the pipes to make the pipes bigger, or add more pipes, or just try to keep the water inside the pipe a little less, so that it can be smoother. Resource examplesPerformance analysisThere are tools that can be used to perform detailed analysis of JavaScript performance and even DOM parsing, such as
requires the user agent to having access to all the content in the table before D Etermining the final layout and may demand more than one pass.
Automatic layout, CSS 2.1 specification
Several tools and articlesSometimes, you may find in IE, you do not know what you modified, the result of the CPU went up to 100%, and then after a few seconds repaint/reflow to complete, this kind of things in the era of IE often occurs. So, we need some tools to help us see if there's anything wrong
our code.
Google's speedtracer is a very tough job for you to see how expensive your browsing renders are. In fact, both Safari and Chrome can use one of the timeline in the developer tools.
Firefox's Firebug-based Firebug Paint events plugin is also good.
IE you can use an IE extension called dynatrace.
Finally, don't forget the following articles that improve browser performance:
Google-web Performa
Markup Validation Service
Unit Test
qunit/Jasmine
Mocha/should/Chai
Automated testing
Webdriver
Front End Library/framework
jQuery/underscore/Mootools/prototype.js
YUI3/Dojo/ExtJS
Backbone/knockoutjs/emberjs
Front-end standards/specifications
HTTP1.1
Ecmascript3/5
W3c/dom/bom/xhtml/xml/json/jsonp
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.