Here's my portfolio/personal website (in french): l3m.in.
And here's it's lighthouse score:
This website is built using only vanilla php/html/css (and a scoop or two of js in the admin panel), with a focus on speed and SEO. I recently added cover images for my posts, but the images where too big and lowered my score. So today I reduced the width of the cover images, and the "100" performance score is back :)
Tech Lead/Team Lead. Senior WebDev.
Intermediate Grade on Computer Systems-
High Grade on Web Application Development-
MBA (+Marketing+HHRR).
Studied a bit of law, economics and design
Location
Spain
Education
Higher Level Education Certificate on Web Application Development
It's a hard task to maintain the 100 score for long time and specially on big web apps or even little ones that need some scripts for analytics but trying it with a portfolio is a good exercise to practice it a bit and see the limits and the weights for each point on those kind of metrics.
I read your post (great & valuable content!), and here's what I did for my site:
Steps 1 Wireframing (pen and paper), 3 Choosing a webhosting, 4 Setting up your hosting, 5 Preparing the version control service (Git), 9 Gitignore, 14 Deploy to production, and 15 Optimization.
The thing is I don't used any framework or bundler, since I don't really use javascript on my site other than for my tiny wysiwyg editor in the admin panel:
Tech Lead/Team Lead. Senior WebDev.
Intermediate Grade on Computer Systems-
High Grade on Web Application Development-
MBA (+Marketing+HHRR).
Studied a bit of law, economics and design
Location
Spain
Education
Higher Level Education Certificate on Web Application Development
Bundlers also take care of html and css optimization (they minify too), also I use Sass on dev time for obvious reasons and the bundler transpilates it into css.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
I'll start:
Here's my portfolio/personal website (in french): l3m.in.
And here's it's lighthouse score:
This website is built using only vanilla php/html/css (and a scoop or two of js in the admin panel), with a focus on speed and SEO. I recently added cover images for my posts, but the images where too big and lowered my score. So today I reduced the width of the cover images, and the "100" performance score is back :)
It's a hard task to maintain the 100 score for long time and specially on big web apps or even little ones that need some scripts for analytics but trying it with a portfolio is a good exercise to practice it a bit and see the limits and the weights for each point on those kind of metrics.
In addition to my comment before I'll let you here my documentation about the entire workaround I followed :)
I read your post (great & valuable content!), and here's what I did for my site:
Steps 1 Wireframing (pen and paper), 3 Choosing a webhosting, 4 Setting up your hosting, 5 Preparing the version control service (Git), 9 Gitignore, 14 Deploy to production, and 15 Optimization.
The thing is I don't used any framework or bundler, since I don't really use javascript on my site other than for my tiny wysiwyg editor in the admin panel:
Bundlers also take care of html and css optimization (they minify too), also I use Sass on dev time for obvious reasons and the bundler transpilates it into css.