Top 5 Tips - Front End Optimization & Web Performance Gains

Wanna make your website or app faster?! I hope I can help! These 5 frontend web performance tips are will improve and speed up your CSS animations, asset fetching and your initial page load. Other tips NOT featured include:

- placing your script tags at the bottom of your body tags

Thanks for watching! :) Please leave a comment on what you liked or didn't like so I can continue to make useful content for you.

🎧MUSIC
----
"Boom Bap Drums" by flural

# 1 - Reduce HTTP Requests & Redirects (0:16)
----

# 2 - Reduce # of Images + Compress (1:25)
----

# 3 - Optimize for the Critical Rendering Path (2:25)
----

# 4 - Asset Caching (3:50)
----

# 5 - Optimize Animations (5:00)
----

EQUIPMENT USED
--

[jazzedaboutcoding]

QUESTION: What are some of your greatest performance savers? Leave a comment and let me know! <3

[hgilbert]

that was pretty powerful. thank you so much. very impressed indeed. i rarely comment. surprised you don't have more videos. loved the format, condensed and ultra helpful. perfect for me .... and i am still like "wow" and wrote all down.

[smartumesh]

useful tips. Please include more in a series of such post

[shiyolep]

OMFG you are the best!!! I can learn from you anything!!! Can you do a Core Web Vitals in depth video pretty please?

Please come back to YouTube, your video will absolutely destroy any other video.

Thanks for this

[rajashekhar]

Can you give an example on will change and pwa

[LemonDust]

It would be nice if you showed more of how to do the things you mentioned & gave a bit more info on them. Currently, it's kind of just a bulleted list that doesn't help much as much as it could. Also, this is should be front end optimization for web performance not apps so it kind of muddles the info because you share tips from both types which is a bit confusing. As well as, there were a few topics & terms you just assumed people understood that you breezed over which added some confusion.

Additionally, unrelated to the video: your slogan "diversity. learn. love" doesn't quite make sense or have the right flow... would probably make more sense to say "Code. Learn. Love". Diversity doesn't quite make a clear connection here with the other two, so if you really wanted to include the diversity maybe something more like "where diversity & learning come together" or "where coding & diversity meet" something more along those lines 😊