Frontend Performance Optimization

1. Use multiple domain names to increase the maximum number of concurrent connections
Large websites have multiple domain names to store different resources, such as IMG, CSS, and HTML. Because browsers only limit the number of concurrent requests for a single domain name, they do not limit the number of concurrent requests for a single IP address, therefore, you can map an IP address to multiple domain names and then use these domain names to access website resources. In this way, the original browser concurrency is 6, and the number of concurrent requests for two domain names can reach 12. However, it should be noted that the more domain names, the better, because domain name resolution also takes time, and too many concurrent requests will consume too much CPU on the client, when the number of domain names reaches a certain level, the web page performance will begin to decline. Therefore, you need to find a balance point based on the actual situation in the application. If not, it is generally better to have 2 to 4.

For more information about browser restrictions, see

 

2. About base64: URL
Base64: the URL is base64-encoded.
The advantage is that HTTP requests are reduced, some files can be solved to avoid cross-domain issues, images are not updated and re-uploaded, And the cache needs to be cleared. However, problems such as browser compatibility, CSS file size increase, and coding cost also exist.

Frontend Performance Optimization