What are the obstacles for individuals to build a website?
From my personal experience, people hire me because making a website gets complicated fast. Sites are multi-media combinations of 3 coding languages (at least), HTML, CSS, JavaScript. And that's not going into the domain and hosting skills needed. Several services attempt to lower this barrier to entry. And now with AI, the barriers are coming lower every day.
Let's take a look at what options people have available today.
Current Options
I think there are more options available than ever to get a personal site online:
- squarespace.com
- wix.com
- webflow.com
- wordpress.com
- Insert favorite WYSIWYG here...
However, for this experiment I'm going to test 2 that I really believe in:
- Lovable.dev
- Pure HTML
I chose these because they are on the complete opposite sides of the world in terms of tech but conceptually result in the same outcome. A publicly visible personal website. You might know that websites can be discovered in many different ways. I also want to test which of these 2 options results in better performance.
Proposed Solutions
I'm going to use this site as a baseline. And I'm going to use a brand new lovable account as the variable. The process is simple, ask Lovable to create a personal website (like this one) and post to it every day. As far as instructions, I'm going to keep them as basic as possible. "Make me a website", "Make sure its optimized for SEO", "make the logo bigger"; you know, the cringe requests I get from clients every day. Then, just sit back and let it do it's thing.
I'm going to track and measure both sites, since they're both brand spankin' new, and see how they are performing relative to the effort I've put into them.
Notes
Speaking of effort, here's what I've done for this pure html site:
- Created an HTML boilerplate with basic HTML code
- Create a simple inline CSS style tag on each page to ensure I score 100 on a11y metrics
- Then, I just copy paste stuff around to create new pages, etc.
- I use VSCode to make updates, create posts
- Lastly, I commit the changes to a github repo where I also host the website on github pages (for free).
Pros
- Easy to maintain
- Low complexity
- Accessible from anywhere
- Perfect 100/100 on-page tech scores (Lighthouse)
- Totally free
Cons
- Looks like shit (to most)
- Takes a little longer to write content
- Requires some above average coding skills