DEV Community

loading...

Discussion on: I rebuilt my portfolio🌻 Now it loads in 1.6s πŸŽ‰ Here's how I did

Collapse
blindfish3 profile image
Ben Calder

And it's the opinion of most others!

What happens if a potential employer receives your application on their mobile device, opens your site and has a really bad experience?

Collapse
saurabhdaware profile image
Saurabh Daware 🌻 Author

I do get the point but I think it depends on one's use-case. In my case my mobile.css is 100 lines long and plus I'm minifying it so the final production size of my mobile.css is 2kb.

Also, I cared about my comfort and I am personally more creative when I think about desktop first and then turning it into mobile view is just a few adjustments (and especially since it is a portfolio I just wanted to be as creative as I can πŸ¦„)

I have made websites where I had to write mobile-first CSS and I totally get the point of having that extra CSS file for PCs rather than mobile but yes the topic is too broad to talk about since other parameters like the size of your files, the eventual aim of the website, Your comfort, your team's comfort matter as well.

Oh, and do let me know if you have different views on this, Thank you🌻

Thread Thread
blindfish3 profile image
Ben Calder

That makes sense. I didn't look at the source ;)

Reading the article, the way you emphasised separating mobile.css as a step towards reducing the overall payload gave the impression it was a large file.

Thread Thread
saurabhdaware profile image
Saurabh Daware 🌻 Author

oh my bad and yes now I feel like it would've made sense to have it in the same file as well since it is not adding much content to it. Initially I just didn't know how much it will grow so I went with two files.