Author Topic: Fast Wordpress theme  (Read 1113 times)

ergophobe

  • Inner Core
  • Hero Member
  • *
  • Posts: 5742
    • View Profile
Fast Wordpress theme
« on: June 23, 2020, 05:51:35 AM »
I was testing some Wordpress themes that claim to be fast.

Most of them do not live up to their promises. One claims it doe not use JQuery and achieves a Pagespeed score of 100. Testing their demo page, I got a Pagespeed score of 64 and one of the render blocking scripts was... JQuery.

But this theme
https://tajam.id/miniva/

actually pulled it off. It got a 97 for the demo site home page and 100 for a demo site internal page. It also got something like a 98 on the Yslow tool.

I won't say it's a gorgeous theme, but it's not terrible either and that's a higher score than I've ever seen for Wordpress.

ukgimp

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 2178
    • View Profile
Re: Fast Wordpress theme
« Reply #1 on: June 23, 2020, 06:15:15 AM »
Oxygen is very good. As in the theme builder

ergophobe

  • Inner Core
  • Hero Member
  • *
  • Posts: 5742
    • View Profile
Re: Fast Wordpress theme
« Reply #2 on: June 23, 2020, 05:09:20 PM »
Ha ha! Oxygen is also good as in the gas. Up to a point.

Oxygen looks much better than Elementor and other page builders based on their claims. It's interesting, though, that they block requests from googleapis.com so you can't actually run Pagespeed on their demos.

When I went through GTMetrix, I got a Pagespeed score of 57 and a YSlow score of 70 with a Fully Loaded time of 9.6 seconds for their Minimal demo. They claim it gets an 86 in Pagespeed and a 79 in YSlow.

Of course, I haven't tried it on my own install, but that's been my experience with page builders - speed claims, but a lot of bloat in actual implementations, even their own demos. You would think they would pull out all the stops to make their Minimal demo blazing fast.

Miniva is, of course, really a spartan theme and though it has some bells and whistles, it's far from having that sort of page builder capability. So if you want a beautiful site without coding, it's not going to do it. But if you want a fast site without ripping all manner of things out of your theme (JQuery, Google Fonts, etc etc), it's a good starting point.

martinibuster

  • Inner Core
  • Full Member
  • *
  • Posts: 162
    • View Profile
    • Email
Re: Fast Wordpress theme
« Reply #3 on: July 02, 2020, 01:08:06 PM »
Oxygen builder doesn't validate but it only triggers a very low amount of errors for both HTML and CSS.

Not bad!

ergophobe

  • Inner Core
  • Hero Member
  • *
  • Posts: 5742
    • View Profile
Re: Fast Wordpress theme
« Reply #4 on: July 02, 2020, 05:45:18 PM »
The Miniva demo home page has only two errors:
 - malformed datetime for post dates
 - a role="presentation" when it should be aria-role="presentation"

Those could be fixed quite easily. To be clear, I haven't used it yet and find it a bit spare and a bit old school, but I just have yet to see something that comes close to those Pagespeed and YSlow scores out of the box.

martinibuster

  • Inner Core
  • Full Member
  • *
  • Posts: 162
    • View Profile
    • Email
Re: Fast Wordpress theme
« Reply #5 on: July 14, 2020, 08:25:35 AM »
Miniva is cool. I like that it's fontless in that it uses system fonts. I'm going to be converting more sites to fontless, one less thing to download.

Did you see the Web.dev one-line layouts?
I wrote about it here
https://www.searchenginejournal.com/1-line-layouts/373949/

There are no media queries. These are bare bones layouts. They still need to be converted to a WordPress template.

The official webpage is  here:

Web
https://1linelayouts.glitch.me

Video Walkthrough
https://youtu.be/qm0IfG1GyZU

ergophobe

  • Inner Core
  • Hero Member
  • *
  • Posts: 5742
    • View Profile
Re: Fast Wordpress theme
« Reply #6 on: July 15, 2020, 08:55:43 PM »
Those are some nice illustrations of how much better CSS layout tools have gotten since the old days of using floats and clear floats and hasLayout to try to get source-ordered equal-height columns that stack on mobile.

More along the same lines (article links to other glitch.me demos):
https://medium.com/samsung-internet-dev/common-responsive-layouts-with-css-grid-and-some-without-245a862f48df

With flexbox and grid, things just are so much simpler. See Chris Coyier's grid demo
https://codepen.io/chriscoyier/pen/FAbpm

>>uses system fonts

On a slow connection, fonts are often one of the worst hangups. "Waiting for google.com..." usually means a Google font is blocking display render.

>>no media queries

With the minmax() parameter available, you can often avoid media queries entirely in a CSS grid layout. See how this guy builds a responsive layout using media queries and grid, then deletes the media queries by using

grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

https://travishorn.com/responsive-grid-in-2-minutes-with-css-grid-layout-4842a41420fe


ergophobe

  • Inner Core
  • Hero Member
  • *
  • Posts: 5742
    • View Profile
Re: Fast Wordpress theme
« Reply #7 on: July 15, 2020, 09:30:21 PM »
Even better if you want to minimize the number of media queries
https://evanminto.com/blog/intrinsically-responsive-css-grid-minmax-min/

MB - thanks for that post. Sent me down the rabbit hole a bit, but motivated me to look up a number of things that have been on my list to learn about.

ergophobe

  • Inner Core
  • Hero Member
  • *
  • Posts: 5742
    • View Profile
Re: Fast Wordpress theme
« Reply #8 on: Today at 05:33:22 AM »
As spare as spare can be... but it's 5 requests and under 7KB total
https://sustywp.com/

buckworks

  • Inner Core
  • Hero Member
  • *
  • Posts: 1206
    • View Profile
Re: Fast Wordpress theme
« Reply #9 on: Today at 02:19:55 PM »
>> https://sustywp.com/

This is a new thought for me! Until this moment it never occurred to me that bloat on a website would give it a bigger carbon footprint. I've always aimed to create lean, clean websites but my motive was to give my visitors a faster experience.

It's nice to learn that it's A Good Thing for more than one reason.

ergophobe

  • Inner Core
  • Hero Member
  • *
  • Posts: 5742
    • View Profile
Re: Fast Wordpress theme
« Reply #10 on: Today at 03:29:36 PM »
I would take that with a grain of salt, because those energy needs do not scale very linearly with the payload of a web page.

There are still some bills I prefer to receive on paper and I've looked into how "green" paperless billing is. The short version is that the vast majority of the energy is consumed by the end user's computer and especially the monitor. With a standard computer and a large monitor, the carbon footprint of reading your bill online can be greater than getting it on paper, especially if you archive the paper (and thus keep it for 20 years as a carbon sink) rather than shredding it and sending it to the landfill.

So if you could get everyone to use smaller, more efficient monitors, that would be a big savings, whereas saving some KB off your web page will be almost nothing. I don't know exactly how data centers scale in that respect. I know for a while, Bitcoin mining had a massive carbon footprint.

BoL

  • Inner Core
  • Hero Member
  • *
  • Posts: 916
    • View Profile
Re: Fast Wordpress theme
« Reply #11 on: Today at 04:18:24 PM »
>efficient monitors/paperless billing

Any chance that's referring to desktops? My laptop is consuming 15 Watts, can't see how viewing a bill for a minute is going to consume more energy than the creation/purchase/delivery of the paper. The postman is probably going to consume that amount of energy lumping the letter to your house in food energy, and more energy if he's driving.