Web Performance
Understanding Web performance from all aspects of the underlying computer network protocol to the application layer may involve knowledge of network, operating system, compilation principles, engineering development, etc., and contributions are welcome.
Click the Watch subscribe project in the upper right corner to get updates in real time, and click Star to collect the project.
Table of contents
- Web rendering principle
- Rendering process
- Resource loading order
- 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
- Cache mechanism
- First field
- Browser behavior
- optimization
- Static resources
- Resource compression
- Image resource optimization
- Webpack
- CDN
- Responsive programming
- Pub/Sub method
- Vue's way
- Dirty inspection mechanism
- Performance comparison
- Virtual DOM
- React Basics
- accomplish
- diff algorithm
- Performance considerations
- Performance issues in hybrid development
- Hybrid development plan
- React Native performance issues
- SPA and SSR
- SPA issues
- Server-side rendering
- Isomorphic applications
- Performance issues
- HTTP2
- New Feature Overview
- Performance improvement
- Engineering Practice
- HTTPS performance impact
- TLS principle
- Performance impact
- High-performance JavaScript
- V8 and JIT
- Memory management
- GC mechanism
- Memory leak
- Algorithms and processes
- Web worker
- WebAssembly
- Compilation principle
- Performance improvement points
- Application scenarios
- PWA and offline applications
- Introduction to PWA
- Service Worker
- Instant applications and P2P
- UDP protocol
- WebRTC
- WebSocket
- Other solutions
- Node.js performance optimization
- Multi-process architecture
- Multi-process in Node
- Asynchronous I/O
- Buffer and Stream
- C++ extension
- Cloud computing related
- Three major algorithms
- Virtual technology
- Distributed clusters
- Big data calculation
- Cluster and load balancing
- Database related
- Performance Testing
- Chrome Developer Tools
- benchmark
- Stress test
- Performance case analysis
Quote instructions
This project will quote pictures or parts of the content of many other articles and books. I will try to indicate it as much as possible. If some omissions are made, please contact me to modify it! This project is designed to organize fragmented knowledge and practical solutions for easy communication and learning, and should not be used for commercial purposes.
Participate in contribution
- Make ideas and suggestions
- Correct and improve errors
- Add new chapters or content
