Website loading slowly despite being only 1 MB in size

Hosting Support
1

Website URL

My website is around 1 MB in size, and all images are below 100 KB, yet it takes 4-5 seconds to load fully.

Additionally, it has inconsistent loading behavior, sometimes taking much longer than expected.

Here’s the PageSpeed test result:

https://pagespeed.web.dev/analysis/https-blaschinnovations-com/3ajzsrx4zq?form_factor=mobile

Other Information

I am using PHPMailer for the contact form.

2
  • takes around 10 -12 second to load fully
3

It loads in 320mS (0.32 seconds) for me

1 Like
4

0.7 s seconds for me.

Maybe there was a server glitch when you were checking?

2 Likes
5

Possibly a slow connection too ?
Check your internet speed on https://speedtest.net

2 Likes
6

The entire page finishes rendering in 266 ms for me.

Here is a speed test of your website that shows an even lower value:

Note that geographic location matters too. Our servers are in the UK, so people in Europe will see better performance than people on the other side of the planet due to the limitations of physics.

5 Likes
7

the website loaded in less then a second for me fully, are you sure the tests were correct? on what device and browser where you testing on, whats your internet speed?

1 Like
8

United States, FireFox, Ubuntu-Powered Chromebook, 50MB/s Network:
Screenshot from 2025-02-07 20-40-24

Pingdom Test set to North America - USA - Washington D.C.

9

I didn’t experience slowdowns, either. It really depends on the network speed of your Internet connection and your current geolocation.

If you’re desperate and you have plenty of time, you can optimize the site even further to squeeze out more performance. The results from PageSpeed Insights already provided some necessary information, tips and common solutions for your problem. You can also try GTMetrix for better results. I know you’ve tried to apply some of the optimizations listed in the PageSpeed Insights. That’s great but it’s not enough for your current situation.

Suggestions

Overall Optimizations
  • Reduce the file size of each asset. Minify and/or compress each asset.
  • Prioritize CDN. Replace your own self-hosted Bootstrap file links with the ones being provided by any CDN service.
Image-specific Optimizations
  • Apply compression.
  • Preload images.
  • Implement lazy loading.
  • Adjust dimensions of the image depending on the user-agent or the viewport.
  • Use next-gen image formats such as webp. Fallback to jpg or png when unsupported.
Stylesheet-specific Optimizations

You need to re-prioritize some of the assets. All secondary assets should be loaded once all of the primary assets were finally loaded.

For secondary stylesheet/s, use this snippet as a template:

<link rel="preload" as="style" href="{{ LINK }}" onload="this.rel='stylesheet'">
  • Bootstrap icons
  • Google Fonts
Javascript-related Optimizations

For secondary script/s:

<!-- For scripts that do not require any specific order -->
<script async href="{{ LINK }}"></script>

<!-- Any other script should be "deferred"! -->
<script defer href="{{ LINK }}"></script>

To be deferred:

After the inspection of main.js file, I noticed that the webpage came from a specific template. The code has been optimized by the original developers. You can apply micro-optimizations on the code but only small performance benefit can be gained from it. It’s not worth it.

4 Likes
10

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.