Optimization

[avats-dev]

So, your website size for current loading is almost 1.07 MB, that's like half of twitter, lol.

So, it's taking long to load as there is no caching used from browser side for now. You can find the detailed summary of this here with methods to resolve this.

My suggestions, as your website is lagging due to static images and bootstrap loading:

• use svg wherever possible
• use webp compressed images if you're using images
• don't use an image for logo in jpeg or png
• don't load packages that aren't used or try to use lighter versions.

Bootstrap is a large framework, and is good for big sites. If you're making a lightweight one, try using following frameworks:

• marko
• pure from Adobe
• tailwind
• bulma

[abhishek-geek]

I can see that the main problem in loading is due to 2 jpeg/png images i have used in the intro and in the header section. What if i only use compressed images for this issue because using a different framework means again deconstructing the web-page and construct it again. However from the next project we can use lighter frameworks.
Also what are your views on using npm modules like " imagemin-cli, usemin-cli, cssmin, uglifyjs, htmlmin " to erase white spaces and compress those two images.

[avats-dev]

Just compress the images for now and use svg for icons.

[priyanshnama]

@avats-dev @abhishek-geek

The Lagging has considerably reduced after removal of splash from project.

You can have a look at it