1. Optimize the DNS service

  • DNS service is a lot of network parameters, it is a domain name resolution IP address of a service, each site has a domain name corresponding to an IP address, many sites we remember domain name is easy to remember, and remember IP address is very laborious, some DNS service fast, resolution is fast, fast Internet; Some solve the slow Internet is slow, but also often can not open the situation. When we find the fastest DNS server, we can fill this parameter into the local connection to improve Internet access speed.

2. Reuse connections or reduce HTTP requests

  • The keep-alive operation does not break the TCP connection created by the backend

3. The SQL optimization

  • SQL optimization is required when wating HTML queries takes too long

4.&5 Increase server bandwidth or reduce downloads

  • Background enable gzip compression

6. Loading sequence

  • Using lazy loading

Lazy loading within scrolling pages can be used when there is a lot of content

  • Using preloading

Use preloading when the content is small, such as small in plain text

  • Place the CSS at the top of the file and the JavaScript file at the bottom

7. Add HTTP cache

  • HTTP requests for CSS JS or image content can be cached locally

8. Add domain name CDN

  • The browser has a limit on the amount of concurrent loading of the same domain name, which can be up to 10 at the same time. Therefore, the domain name can be added to load multiple JS CSS images at the same time, and cookie-free can be achieved at the same time (such as loading the home page of Taobao).

9. Optimize the front-end code

  • More than using SVG
  • Use a backwards for loop
  • Using event Delegate
  • Reactive resource loading
  • Extracting third-party libraries
  • Use bit operation

And so on…