DEV Community

Cover image for Building an efficient portfolio from scratch.

Building an efficient portfolio from scratch.

JoelBonetR 🥇 on May 23, 2020

Hi there! I just re-built my portfolio with a 100/100 pagespeed and would like to share my experience with you. Pagespeed/lighthouse score is neve...
Collapse
 
ctrlarchidel profile image
Nikola Kovacevic

Hey @joelbonetr ,

as I started to work on my portfolio I was curious about what you did.
I went to check your portfolio, but unfortunately, it is broken on Mac / Firefox
Screenshot

I hope you fix it soon as otherwise, it looks good.

Collapse
 
joelbonetr profile image
JoelBonetR 🥇

Yes, I always code for chrome first, then I'll need to adapt it (some prefixes on CSS rules and so).
Check it on Chrome and you'll be able to see it and inspect it, i'll fix FF, Edge and Safari by next week :)

Collapse
 
joelbonetr profile image
JoelBonetR 🥇

Already fixed SVG render for FireFox and Edge, hope it fix Safari too at the same time, tell me if you see some glitch. Have a nice day :D

Collapse
 
sakibulislam profile image
Sakibul Islam

@joelbonetr Can you please provide the url of your portfolio? It would be really helpful! Thanks in advance 👍

Collapse
 
joelbonetr profile image
JoelBonetR 🥇 • Edited

It's on my profile and linked on the article, moreover on the 100/100 pagespeed link at the top second line of text you will see it =)
Here it is anyway:
joelbonetr.com/

I'm editing it those days for Google metrics testing purposes, you may see changes from a day to another.

Collapse
 
sakibulislam profile image
Sakibul Islam

Oh my! How did I missed it! Anyways amazing website! @joelbonetr Loved your 20 things about me and Working with section it has a unique aesthetic.

Thread Thread
 
joelbonetr profile image
JoelBonetR 🥇

Haha no problem and thanks!
I'll try different approaches for different content blocks in a near future till i find what i like more, hope you for being able to build your own with this post :)

Thread Thread
 
sakibulislam profile image
Sakibul Islam

Yes I am working on my own portfolio website. I think I can borrow some of your ideas on my website. Is that okay with you?

Thread Thread
 
joelbonetr profile image
JoelBonetR 🥇

Yes of course, you can pick whatever you want, but remember that than only copying you'll learn more or less how another one did something, but trying to create your own approach of an idea could make your job better than the source where you find it :)

Thread Thread
 
sakibulislam profile image
Sakibul Islam

Exactly! I got your points. Thanks for the enlightment 👍😊

Thread Thread
 
joelbonetr profile image
JoelBonetR 🥇

You're welcome, don't forget to show us up your work when finished! 😁

Thread Thread
 
sakibulislam profile image
Sakibul Islam

Yes! Definitely I will show up to it! 😉😉

Collapse
 
buinauskas profile image
Evaldas Buinauskas

It's on his profile 😉

Collapse
 
sakibulislam profile image
Sakibul Islam

Oh my! I saw it now! Thanks @Evaldas 👍

Collapse
 
dkalomoiris profile image
Dimitris Kalomoiris • Edited

Nice post. Thank you for sharing.
Quick question tho. About-option in your navbar toggler, isn't suppose to redirect you on the About This Site/About Me section? Seems like broken to me. Or it just works like a homepage?

Collapse
 
joelbonetr profile image
JoelBonetR 🥇

Yes it is, thanks a lot for reporting!
I'm too busy those days i'll fix it when possible (portfolio is not my main priority). BTW i would like to refactor some parts and modify some behaviors on different devices too, apart from taking in mind the latest lighthouse updates for getting a 4x 100 score again :D