DEV Community

Cover image for 7 Tricks to take the Performance of your Website to the Moon πŸš€πŸŒ™

7 Tricks to take the Performance of your Website to the Moon πŸš€πŸŒ™

Tapajyoti Bose on April 02, 2023

Are users complaining about your slow website? This article shares 7 tricks to take the performance of your website to the moon. Let's get started!...
Collapse
 
fiik346 profile image
Taufik Nurhidayat

Also you can compress image for web

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

Yeah that's a really obvious one. I can't believe I missed out this one.

Thanks a lot for pointing out :)

Collapse
 
spock123 profile image
Lars Rye Jeppesen

Use image service, they compress for each browser. Avif for all and webp for Explorer

Collapse
 
wentura profile image
Zbynek Svoboda

Ex - plo - r - er? What's that? :-D

Collapse
 
nickbash profile image
Nick Smith

you can use fetchpriority="high" attribute on images to instruct the browser to load the resource as soon as possibile, improving LCP times.

Collapse
 
asad1 profile image
Asad

Excellent. Here's one more resource: pagespeed.web.dev/

Collapse
 
sique976 profile image
San D.

Great article! Congrats!

Collapse
 
reikrom profile image
Rei Krom

fetch data for your pages when a user hovers a specific link.

Collapse
 
ipapoutsidis profile image
Ilias Papoutsidis

@ruppysuppy Thank you for post.
Especialy the first prefetch I will definitely will be using on any sites from now on!

Collapse
 
nazaroni profile image
Nazar

It's so obvious... but good to have there as a "checklist!", to not forgot to "mark" them all... and add some from the useful comments ;)
Thanks for sharing! πŸΊπŸ»πŸ™Œ

Collapse
 
spock123 profile image
Lars Rye Jeppesen

Webpack, really?

Collapse
 
fruntend profile image
fruntend

Π‘ongratulations πŸ₯³! Your article hit the top posts for the week - dev.to/fruntend/top-10-posts-for-f...
Keep it up πŸ‘

Collapse
 
bybydev profile image
byby

one simple trick: less code!