DEV Community

Redesign my portfolio! It loads very fast ⚡

Pushpak Chhajed on May 16, 2020

Hi, everyone! This is my second attempt for writing a blog. So I learned web development around 2 years ago. I decided to build my po...
Collapse
 
hxii profile image
Paul (hxii) Glushak

Great job on the improvement! Always glad when people make the effort to better their craft.

That being said, while this may be an unpopular opinion and I hope you'll take criticism, but.. why?

  • Why load 1.1Mb of resources for one page? Your content (well, HTML, rather) is 0.8% of the total request. Render blocking and heavy resources aside, imagine not everyone has fast internet but is interested in your work. It takes your page about 15 seconds to load on slow 3G.
  • Why keep animations playing after the initial load? If you scroll back and forth it's very annoying.
  • You should check out prefers-reduced-motion and prefers-color-scheme.
Collapse
 
pushpak1300 profile image
Pushpak Chhajed • Edited

I'm still working on improving it .
Thank you so much for sharing really helpful tips I will check them out :D

Collapse
 
griffinfoster profile image
Info Comment hidden by post author - thread only accessible via permalink
Griffin Foster
Collapse
 
pushpak1300 profile image
Pushpak Chhajed

Many thanks for reporting the issue ! Issue has been resolved now. 👍

Collapse
 
marissab profile image
Marissa B

It always feels good to see scores like that go up! What do you feel was the hardest part of the process?

Collapse
 
pushpak1300 profile image
Pushpak Chhajed • Edited

Yes ! The hardest part was to configure webpack and purge for remove the unused bootstrap css

Collapse
 
waylonwalker profile image
Waylon Walker

I love the animations that you have!

Collapse
 
pushpak1300 profile image
Pushpak Chhajed

Thanks 👍

Collapse
 
rico042002 profile image
Rico Miller

Great job, looks incredible.

Collapse
 
pushpak1300 profile image
Pushpak Chhajed

Thanks!

Collapse
 
kherin profile image
Kherin Bundhoo

Hello great to see the performance boost 👍
Just wanted to know if you noticed a SEO impact when using those tools

Collapse
 
pushpak1300 profile image
Pushpak Chhajed

I've not seen any negative impact on SEO.
SEO score has increase after using these tools.

For SEO optimization you can follow this article.

Some comments have been hidden by the post's author - find out more