DEV Community

Discussion on: I rebuilt my portfolio🌻 Now it loads in 1.6s 🎉 Here's how I did

Collapse
 
technomad profile image
Tech Nomad

What about 300ms for a WordPress + Vue.js site? ;)
wue-theme.app

(Server in Frankfurt without CDN, so in USA it could take around 2 seconds to load).

Collapse
 
saurabhdaware profile image
Saurabh Daware 🌻

That is really cool! Would you mind sharing what you're doing for the first load?

Collapse
 
technomad profile image
Tech Nomad

Thanx :)
First of all a VPS server with a handmade nginx, MySQL and PHP setup. Then also the theme itself is fully handmade without any plugins that could effect the speed negatively (e.g. WPML). Only those measures already drop the loading time to ~600ms. Then WP Rocket does the rest :)

Thread Thread
 
saurabhdaware profile image
Saurabh Daware 🌻

woaahh so cool 🦄🦄 I have no idea about server setup and deployments tbh mine is hosted over netlify 😂🕺 Thank you for sharing it was super informative🌻

Thread Thread
 
technomad profile image
Tech Nomad

On udemy there is a bunch of nice tutorials. I didn't watch this one, but it has great ratings:
udemy.com/course/wordpress-the-def...

Collapse
 
xcs profile image
XCS • Edited

This looks cool, congrats for the work!

So can I use any WordPress plugin and it will work with the theme as with any other theme? If yes, that's amazing, if not, what is the purpose of using WordPress at all, as I know WordPress is all about the ecosystem (themes/plugins)?

Collapse
 
technomad profile image
Tech Nomad

Hey, thanx for the star on Github :D
"So can I use any WordPress plugin and it will work with the theme?"
Yes, the theme works POTENTIALLY with any plugin. But it only provides the basic concept. You have to build everything you need on your own. But Yoast SEO for example works out of the box. Also any plugin which relies on wp_head() and wp_footer().

The problem with single page apps was primarily the SEO. And that problem does the theme solve without server side rendering (Nuxt.js) which brings some disadvantages (separated node.js server; you can't use the window object).

So you will still have to implement all the features like comments, forms etc yourself. And it's really hard work. I'm working for almost half a year full time on a commercial version of this theme which will include or does already include Polylang / WPML, Elementor, WooCommerce, Categories, advanced ajax comments, Subcategories, advanced Ajax Search, Vue Form Builder, Advanced Vue Mailchimp Plugin, Theme-Options powered by Vue.js as well. But it's still far from being released. I'll hopefully will publish next week a first MVP version, which is already really, really cool, but I will offer it only together with individual customisation starting at 1500€. But next year I hope to make it available as downloads at lower prices.

Collapse
 
clodder profile image
Lodder

Your time to interactive is 3.3s on slow speed network. Test your site on web.dev

Collapse
 
technomad profile image
Tech Nomad
Collapse
 
technomad profile image
Tech Nomad

Just checked web.dev as well. All Measures are between 85 and 97 points. So what's the point?
thepracticaldev.s3.amazonaws.com/i...

Thread Thread
 
clodder profile image
Lodder

Do you know what each of the scores (in seconds) actually mean?
Fair enough if you're happy with 3.4s on TTI :)

Thread Thread
 
technomad profile image
Tech Nomad • Edited

No, I don't know what each score on web.dev - a site I heard first time 2 minutes ago - means.
And yes, I'm very proud and happy about 300ms page load of a Wordpress + Vue.js + GSAP site and which is actually even faster than your site (joomjunk.co.uk up to 450ms) build with pure html and with 10 lines of JavaScript and CSS. You obviously taking this parody here too seriously:
motherfuckingwebsite.com

It's not my problem if you browse the internet on a feature phone ;)

Thread Thread
 
clodder profile image
Lodder

Well according to Pingdom, you're coming back at 480, not 300,but either way...

75% of the website is viewed on a mobile, so it's mobile that's important to target in regards to performance....and yes, that includes 3G connections.

Not taking that parody seriously at all.

You have have a faster response rate, but on 3G, your site will take 4x longer before the user can interact with it. Just an FYI :)

Thread Thread
 
technomad profile image
Tech Nomad • Edited

You have a very fast site and you can be proud of it. But I just don't get why you want me or other users here make believe my fully functional, cutting edge WORDPRESS (which is famous for being slow) site for realistic usage with an elite Lighthouse mark of 94 points would be slow. That's just insane. Actually it's defamation.

You wrote something about 3.3 seconds to first interaction with my site - this would mean a connection of 200kb/s - seriously? Is this your target group? ~1% of devices in the western hemisphere or some people hiking through woods, tundra or desert? I bet you make a lot of money with such of sites... Also even web.dev says 3.3 seconds (for prehistoric phones / bad connection) is very good (green).

Did you know 3G is going to be shutdown within next 2-4 years? In India, USA and Europe many providers will shut it down next year. You better should catch up with modern web technology ;)

I also don't know where you get your numbers from. 75% wtf? The figures I read all the time are around 50%. And how many of them are still using 3G?

"Well according to Pingdom, you're coming back at 480, not 300,but either way..."
I build websites for people not for bots. Pingdom can't render Single Page Applications. Did you hear about this technology? It's the new kid on the block... since 2002/2003 ;) So Pingdom is rendering my Search Engine Non JS Bot Markup which is not performance optimised at all.

So on my DSL Desktop your site is 100-200ms slower than mine. But you can be proud of you. People in the woods can "interact" with you site after 0.8 second!

Stop trolling man.

Thread Thread
 
clodder profile image
Lodder

95% of the UK will be covered by 4G. You then have to remember those who commute to work where there is a poor connection in many areas, or even public networks such as cafes. There are still thousands of areas in hundreds of countries that dont yet have 4G coverage.

Why do you think the leading audits tools (based on lighthouse) give you a throttled result? Because it's important. It's reality.

If you do some research on companies that have seen huge bounce rate improvements due to shaving a single second off their TTI, you'd be surprised of the outcome.

I'm not trolling at all. Ask anyone who knows their shit about site optimosation

Thread Thread
 
technomad profile image
Tech Nomad

You should stop to generalise and judge about others on your personal preferences. If your main target group are people with feature phones, poor connections (for what ever reasons) - it's totally fine, it's your business. But when you say my site is slow because it takes 3.3 seconds to load from the woods - then you are just rude. According to all performance optimisation tools my site is still very good even when throttled. It's not as good as yours in the woods, but it's still good, so don't tell me my site slow. It's fooking elite.
"Ask anyone who knows their shit about site optimosation"
You're talking here to such a one.

Thread Thread
 
clodder profile image
Lodder

~ cutting edge WORDPRESS.

Hahaha oh please...

~ You should stop to generalise and judge about others on your personal preferences.

Nothing to do with personal preference. A large % of the web is viewed on mobile. It's nothing to do with "being in the woods".

TTI is also a very important UX factor.

The truth hurts, so take it as being rude or not, but my point still stands, whether you like it, or not.

Thread Thread
 
technomad profile image
Tech Nomad • Edited

"Hahaha oh please..."
Please what? There are not many Single Page App's based on WordPress out there. You don't think Single Page Apps are cutting edge?

"Nothing to do with personal preference. A large % of the web is viewed on mobile. It's nothing to do with "being in the woods".

You started this dumb discussion not about mobile web. But about prehistoric 3G connections. How many % of the mobile traffic is made with a 200kb/s connection? And yes 200kb/s you get only in the deepest countryside in the western Hemisphere. Even the third world is pushing 4G/5G as its cheaper than physical wires.

"TTI is also a very important UX factor."
And the "TTI" of my site is very good. So what's your fucking point?

"The truth hurts, so take it as being rude or not, but my point still stands, whether you like it, or not."
Yeah, please tell me what's your point?

Is all you wanted to say is that my site isn't as fast as yours in the woods? Great!!! Did you apply for an Awwwards nomination?

Thread Thread
 
technomad profile image
Tech Nomad • Edited

"TTI is also a very important UX factor."
Show me some examples of your great UX work where you respect not only the factor of being able to load a site from the woods within 0.8s (people on the countryside and in the woods are very busy and have no time to loose) but respecting circumstances and factors relevant to the other 99% of the users. Or is your beautiful site the only one you've build so far?

Seriously I can't imagine any sane client would let you build a business site based on your "UX" skills (except the 0.8s page load from the woods) you show here: joomjunk.co.uk.

Thread Thread
 
technomad profile image
Tech Nomad

I don't fully understand why you've tried to diss my site, but doing so you only embarrass yourself.

Thread Thread
 
technomad profile image
Tech Nomad • Edited

By the way 3G means a speed of up to 15Mbits/s which is ~2MB/s.
Even my first smartphone ever - iPhone 4 - which I bought in 2010 or 2011 had a speed of up to 1MB/s (or ~8Mbit/s).
appleinsider.com/articles/10/06/25...

So this dumb and embarrassing discussion is not even about 3G but really prehistoric devices and countryside with a very, very bad infrastructure (woods and fields!).

So please stop embarrassing yourself and waisting my time. I will not response to your bullshit anymore.

Thread Thread
 
clodder profile image
Lodder

Did I hit a nerve?

Collapse
 
technomad profile image
Tech Nomad

ehm, I don't know what web.dev does and how. But Google pagespeed insights says my site is quite ok ;)