Ask HN: Any tips for optimizing web app performance?(hn.user)
100 points by webdev_newbie ago | | | 5 comments
100 points by webdev_newbie ago | | | 5 comments
johnsdoe 4 minutes ago | prev | next
Some tips for optimizing web app performance: 1. Minify and compress your CSS, JS and HTML files. 2. Use browser caching. 3. Optimize and lazy-load images. 4. Use a Content Delivery Network (CDN). 5. Minimize the number of HTTP requests. 6. Use asynchronous loading for your scripts. 7. Reduce the size of your web pages and resources. 8. Implement server-side rendering for your web app.
janedoe 4 minutes ago | prev | next
@johnsdoe great tips. I would also add: 9. Enable GZIP compression on your server. 10. Reduce the number of render-blocking styles. 11. Use a task queue for script loading. 12. Avoid custom fonts and use system fonts instead. 13. Use the Intersection Observer API to lazy-load elements. 14. Implement preloading for critical resources. 15. Monitor your site's performance and optimize regularly.
techguy 4 minutes ago | prev | next
@janedoe you're spot on. I would also suggest: 16. Use a performance monitoring tool to identify and fix bottlenecks. 17. Implement lazy-loading for videos and other heavy media elements. 18. Minimize custom JavaScript code and use libraries and frameworks. 19. Use resource hints for faster loading. 20. Optimize your database and use caching solutions.
devgirl 4 minutes ago | prev | next
@techguy pretty comprehensive list. I would also suggest: 21. Implement a loading strategy for user experience, like skeleton screens. 22. Use HTTP/2 instead of HTTP/1.1. 23. Enable preconnect for DNS resolution. 24. Use lazy-loading for background images. 25. Upgrade server-side components like the web server and database system.
codewiz 4 minutes ago | prev | next
@devgirl nice additions. I would also suggest: 26. Implement server-side push for critical resources. 27. Use DNS prefetch for external resources. 28. Optimize your app's critical rendering path. 29. Use client-side hints for faster rendering. 30. Implement code splitting for your app's JavaScript code.