A question on site speed

One of the reasons I was going to start moving many sites to HTML using Bootstrap Studio is to get faster site speeds Moving away from WordPress..

I was just looking in the sample gallery, the website listed In the showcase area, and running tests doing page speed insights on many of the sites people have listed, and many of these sites load much slower than my standard WordPress sites.
I’m kind of surprised to see that. I was expecting them to be much faster than my current WordPress sites, that I would be working to change over to not using WordPress.
I’m seeing some at in the 60s and 70s range for mobile and some desktop numbers not even hitting 90.

This makes me wonder now what kind of speed increase if any I will see changing over a site that has an over 90 desktop and over 80 mobile performance just using WordPress.?

I’m guessing that a significant variable is caching. Your WordPress sites may have plugin, server, CDN and/or browser caching; the other sites may not. Even browser caching won’t help with sites you’re visiting for the first time.

Be sure that you’re comparing apples with apples.

I got a 78 score on mobile And a 99 on desktop in PageSpeed Insights for a site I posted earlier into the Bootstrap Studio server. I’m getting ready to post live because I have to work on a live.
Based on what it’s saying, I should be able to improve the score on mobile if I can get my images smaller on mobile. I asked another question about that. How to do that.In another post, I’d like to get that mobile up to at least a 90 or so.

Read up on the <Picture> element.

I wouldn’t get too hung up on Lighthouse performance scores, particularly on mobile. Lighthouse simulates an average 4G connection, which doesn’t necessarily reflect what your real-world visitors will have. The difference between a score of 78 and a score of 90 is almost imperceptible.

Google makes a big deal out of website loading speed in terms of the SERP, but it’s really not as much of a ranking factor (at least locally) as they’d have you believe.

If getting that maximum speed is just something you feel you need to do, take a look at this article…

The average performance score across the entire internet is around 45, and I’ve seen plenty of Wordpress websites that have the #1 spot even though they load slowly and have abysmal (under 30) Performance scores. As long as your site loads in 2-3 seconds you should have no trouble ranking #1 for your chosen keywords in your area.

One thing you can check is if the design has content, code etc. that aren’t being used in the final design. There’s a function that can help you clean up unnecessary stuff… Check for Issues | Bootstrap Studio

As others have pointed out, it’s best to take PageSpeed Insights results with a pinch of salt.

I have pages containing ten or more images, plus embedded videos, and they still score very highly on both mobile and desktop—often 95–100 on desktop and only 10–20 points lower on mobile.

Yet I also have much smaller pages, with just a single image and very little text, that only score around 80–90 for desktop performance.

My view is that Bootstrap Studio tends to score lower on mobile because it doesn’t compress image file sizes; it simply resizes them for smaller screens. For example, if an image is 1920×1080 and roughly 200 KiB, PageSpeed Insights will insist you could save a certain amount of data by serving a smaller version on mobile. In reality, the difference is so tiny that it has no meaningful impact on loading times—even on a very slow broadband connection.

I should also add that overall speed performance can come down to the web hosting itself, rather than the design of the website.

If you’re using Bootstrap Studio’s included hosting, it’s naturally going to score lower than a premium hosting platform that costs you a fair bit more.

The time of day can also have an impact. When your hosting platform is busier or more congested, websites will load a little more slowly.

1 Like