Hi #Fediverse, I need some #help.
I proudly built https://tommi.space using #Jekyll, then switching to #Eleventy, coding every single string of the front end myself.
Now, I am realizing it is becoming quite cumbersome to maintain and to adapt to the changeable nature of my craziness. Code is messy and probably a bit bloated, I am not so expert or have enough time to work on improving the performance…
maybe it is time to start using a framework or something, but I have no idea about this stuff. My only imperatives are not to have any front end #JavaScript and have as little abstraction as possible. I would just like to make my life easier and keep the development of my personal website a fun thing to do rather than a stressful chore.
Any thoughts? Suggestions? Please feel free to digress, I am eager to learn about the topic.
Cc @jaredwhite and @zachleat, whose words of wisdom I particularly admire.
One self-explanatory example: the homepage’s score on GTmetrix is destroyed by a lot of CLS, but I have no idea how to solve this… I set the size of all the things I could! I want to stop worrying about this and just be creative.
@tommi I don’t see `width`/`height` attributes on your images, I think you want to follow the recommendations on that report first! Then work on your web font performance next!
If you want to switch away from Eleventy, that’s fine but just as disclosure switching won’t solve these issues
@zachleat I tried using Eleventy image plugin! It seemed to be the solution to a lot of problems, but if I do, then all the images’ aspect ratios get all messed up, I don’t know why…
As a workaround to improve CLS without having to specify width and height for every image, for the moment I am only using [CSS `aspect-ratio` property](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio) for homepage images.
@tommi maybe have a read through https://www.zachleat.com/web/fluid-images/ ? that might answer some questions