Web performance

Understand Web performance from the underlying computer network protocol to the application layer. At present, the project is in the beginning stage, welcome the students who are interested in performance optimization to participate in the summary!

Making: github.com/laoqiren/we…

directory

  • Principles of Web Rendering
    • Rendering process
    • Resource loading sequence
    • Browser Optimization Strategy
    • Repaint and reflow
  • Bandwidth and Latency
    • Start by entering the URL
    • Bandwidth and Latency
    • TCP Protocol Details
    • HTTP 1 x performance
    • Targeted optimization
  • Caching mechanisms
    • The first field
    • Browser behavior
    • To optimize the
  • Static resource
    • To reduce the request
    • Resources compression
    • Image resource optimization
    • Webpack
    • CDN
  • Virtual DOM
    • The React based
    • implementation
    • The diff algorithm
    • Performance considerations
  • HTTP2
  • Impact on HTTPS Performance
  • High-performance JavaScript
  • PWA
  • WebAssembly
  • Instant application with P2P
  • Node.js performance optimization
  • Cluster and load balancing
  • Database correlation
  • The performance test

Refer to instructions

This project will quote pictures or part of contents of many other articles and books. I will try my best to indicate all of them. If there are some omissions that violate your copyright, please contact me for modification! The purpose of this project is to sort out fragmentary knowledge and practice programs for easy exchange and learning. Please do not use them for commercial purposes.

Participate in the contribution

  • Offer ideas and suggestions
  • Error correction to improve
  • Add a new chapter or content