Gone in 4 seconds web performance optimization
1 like•1,925 views
The document discusses web performance optimization techniques, emphasizing the importance of server response time, application configuration, and efficient coding practices. Key strategies include optimizing database queries, utilizing caching, minimizing file sizes, and reducing client-side processing. It also highlights the necessity of using tools like nginx for compression and managing dependencies for faster loading times.
Gone in 4 seconds web performance optimization
- 1. #TechnicalThursday Bandung Digital Valley Gone In 4 Seconds Web Performance Optimization Yohan Totting @tyohan
- 2. Why?
- 7. Choose Right Database and Engine
- 9. Query All At Once vs Split to Multiple Query
- 12. App performance it’s not about the language It’s about your code
- 13. Lazy Loading
- 14. Cache is your nitro
- 16. Use Framework
- 17. Web Server Tune Up
- 18. Use Nginx
- 21. ETags HTTP/1.1 200 OK Last-Modified: Tue, 12 Dec 2006 03:03:59 GMT ETag: "10c24bc-4ab-457e1c1f" Content-Length: 12195
- 22. Expires Expires: Wed, 17 Jun 2015 20:00:00 GMT
- 24. Front End Tune Up
- 26. Reduce Dependencies Fewer files to download means fewer HTTP requests and faster loading times.
- 27. Reduce Dependencies • Combine & minify CSS & javascript • Parallelize downloads across hostnames • Combine images using CSS sprites • Minimize DNS lookup • Avoid redirect
- 28. Minimize Request Size • Keeping cookies and request headers as small as possible. • Serve static content from a cookieless domain
- 29. Reduce Image Dimensions On top of the extra download time, precious processing power and memory are used to resize high-resolution images.
- 30. Reduce Client-Side Processing Rethinking the use of JavaScript and keeping it to a minimum are best.
- 31. RWD vs RESS
- 32. Use Font Awesome Icon
- 33. Mobile First
- 34. Test It