Performance Tuning a chapter
Tuning the opening topic
In the business expanded to certain circumstances, when the long wait time business appear, not smooth the situation, this time should be on the overall tune. Continues to be the pursuit of this topic when tuning to explore better infrastructure, better configuration, and so, in fact, there has been the topic tune to a misunderstanding, is the need to tune the infrastructure will be in the right circumstances to get better results, point the face needs tuning, do not think a simple configuration file can be adjusted to achieve good results, it is not the front end to business logic to load the container network architecture data index kernel parameters need to be adjusted so often a single point of tuning the practical effect of little benefit, accurate understanding of the short board in order to effectively improve the customer experience.
This blog is understood from my personal point of view, if there are other ideas can be sent to my personal email in-depth discussion, and I like to know some technical chiefs! to my email [email protected]
Tuning Ideas
In fact, in my own thinking in tuning in general, there are two ideas: Forward tuning, tuning and point and area .
What is the forward tuning? Forward tune that is starting from the front page as a customer form to feel, using the built-in browser function to analyze the problem.
Forward of the front end Tuning Tuning
Front-end tuning techniques: loading techniques of the page is also a very important part, directly affects the customer experience, allowing customers to directly feel the speed of the speed.
First, like up from TCP / IP point of view, the request to reduce the transmission of multiple requests into HTTP requests once, multiple packets into one or more large packages may also be delivered by the network to enhance the benefits of the transport layer.
Compression via css and js files, compressed into a plurality of files css, multiple js into one. Thereby reducing the number of HTTP requests.
Png using vector graphics instead of the traditional view allows the browser rendering speed increases.
Can be used to write css effect does not use js to write by using the amount of native js. To avoid the use of a small feature, but the introduction of a large number of third-party libraries, loading useless resources, increase the burden on transport.
Pictures using lazy loading technology (Jingdong, Lynx, Taobao and other sites will use more pictures of this technique), does not require disposable loading the page all the pictures resources, all you have to put a footprint diagram. When the viewable area of the picture to the browser and then loading.
DNS pre-resolution, similar to Jingdong, Taobao, Tmall more pictures of business websites, they are at load picture, first resolve the IP picture server, the router domain name cache, when you need to load images, you no longer need to resolve DNS this domain name resolution process is omitted when loading images, this technique is usually combined picture lazy loading technology.
Use small icons on many websites sprite, many small images into one integrated, using the pictures were positioned to show various small icon, which also can effectively improve the transmission efficiency.
Use the front page caching technology, allowing users to directly call back the page cache. Can effectively improve bandwidth utilization, does not require secondary reload the page. E.g. vue the keep-alive.
Front-end frameworks, libraries, images, css, js files introduced CDN official like a lot of front-end framework document has been provided CDN acceleration, only we need to introduce to load the framework document libraries faster, more web sites for pictures CDN can buy some pictures to upload pictures to CDN acceleration, allowing the browser to open faster.
In fact, the effect of a direct impact on the front-end user experience so here accounted for a large space, because I am not a front-end technology, nor is it designed curriculum, so their understanding was still poorly understood, in fact, front-end tuning is still very important, and the code level tuning is also a key.
Forward tuning of CDN acceleration
- CDN content distribution network.
- User IP thereby distribute the analysis to the nearest server room, transmission problems on the physical, reducing substitution, packet loss, out of order, delay the problem, improve the response speed of the user access to the site.
- Large user groups, and across the region.
Laundry too late to go tomorrow, day after tomorrow night and then write.