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
in the sencha Ext: Open Discussion Forum performance best practices thread
Tips for optimizing Internet Explorer 8 and higher
Information about dynatrace performance management technology for Internet Explorer and Firefox
Chrome speed tracer website and tutorial
Firebug profiler tutorial
Author:Don GriffinDon Griffin is a member of the ext JS core team. he was an ext JS user for 2 years before joining sencha and has over 20 years of
There are a large number of log articles discussing jQuery selectors and their performance impact. As you know, you can use ID, TagName, or ClassName to select elements. Depending on the selector, jQuery uses the local method of the browser, for example, using ID or label to select an element, alternatively, you must manually retrieve the elements from the DOM when using the class name selection (because the corresponding getElementsByClssName does not exist in IE ).
Analyze the two seconds in m
the following algorithm:
The overall time complexity of this algorithm is O (N3). If it is calculated separately, the complexity is O (N x O x P ). However, when analyzing this code, we may find some strange scenarios:
In the development environment, test data shows that the time complexity of the left branch (N-> M-> Heavy operation) is greater than that of the O and P on the right, so we only saw the left branch in our analyzer.
In the production environment, your maintenance team may f
Coding style
jslint / jshint
csslint
Markup Validation Service
Unit Test
qunit / Jasmine
mocha / should / Chai
automation test
webdriver
Front End Library/framework
jQuery/underscore/Mootools/prototype.js
YUI3/Doj
. The tool displays a beautiful chart to measure the loading time.
5. Which Loads Faster
This is an open-source tool that allows you to compare the speed of two websites online, such as Google vs Bing and Apple vs Adobe, to help you know which website is loading faster.
6. Show Slow
Show Slow is an open-source tool that helps you monitor various website performance metrics. Able to test the website status in YSlow, Page Speed, WebPageTest, and dynaTrace
bottlenecksThe key to making the system very efficient in application development is to monitor the performance of your system in the real world. You must be able to monitor program activity through specific devices and your Web infrastructure.Monitoring activity is the most positive-it tells you what's going on and leaves the problem to your discovery and eventual resolution.Monitoring can reveal several different issues. They include:
Server downtime.
The server is out of a probl
have occurred on the server.The server did not send the correct content.The application's overall performance monitoring tools, such as New Relic and Dynatrace, can help you monitor the time it takes to load a webpage from the remote, and nginx can help you monitor the application's delivery side. When you need to consider adding capacity to your infrastructure to meet your traffic needs, application performance data can tell you that your optimizati
}
Commonhelper.shownobtnalert (typname, links);
}
function Trainlinks (arr) {
var links = "This can have, for the time being!" ";
if (Arr.length > 0) {
Links = ' }
for (i = 0, j = arr.length I Links + = ' }
if (Arr.length > 0) {
Links + = ' }
return links;
}
Secondary storage The recommended article List JS (future by modifying this file to maintain the recommended article):
Copy Code code as follows:
var Links = {
HTML: [],
CSS: [[http://www.cnblogs.com/just
. 4. Which loads faster?
Just like its name, compare the speed of the test two pages, at a glance, quickly test and your opponent's data bar. 5. Webpagetest
Very good real-time browser rendering speed (Chrome,firefox and IE), you can choose from several locations around the world to carry out experiments. 6. Web Page Analyzer
Quite an old performance testing tool, first released in 2003, provides your Web page size, resources and load time data, and gives good advice. 7. Show Slow
It can be
.... Here is a code snippet:
JQuery script example in onLoad
The onLoad event processor is filled with such calls. By using the free dynaTrace AJAX Edition, you will see the $ call parsed as a selector, and with those method calls, the selector can get at least one object. The following uses PurePath to observe the onLoad event processor, which not only shows the time consumed by each selector call, it also includes the number of objects actually fou
representation, and the more connections.
Pre-judgment algorithm: This algorithm uses the observation algorithm to calculate the score, but the pre-judgment algorithm will analyze the change trend of the score to determine whether the performance of a server is improving or decreasing. Servers with improved trends will get more connections. The algorithm is suitable for most environments.
Performance Tuning Community Dynatrace shared custome
consider using different selectors to improve performance.
About jQuery Selector
There are a large number of log articles discussing jQuery selectors and their performance impact. As you know, you can use ID, TagName, or ClassName to select elements. Depending on the selector, jQuery uses the local method of the browser, for example, using ID or label to select an element, alternatively, you must manually retrieve the elements from the DOM when selecting a class name (because the corresponding
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.