Super slow website how to improve

I’ve just found out that our website has a really bad performance score — an F! :weary_face: It’s running quite slowly, and I’m not sure what we can do to improve the loading speed.

Maybe someone here has experience with website optimization and could share some advice or tools that might help? I’d be super grateful for any tips! :folded_hands::sparkles:

Working in
e.g. Wix Studio Editor

Site link

For me the site loads pretty well and it’s been brought up a few times that tools like PageSpeed Insights do generally tend to throttle speed of the site.

I’d suggest checking the article on understanding PageSpeed Insights; I’d suggest the loading time and something mentioned in the article is to limit images and videos which I did notice there are a lot of images on the homepage; limiting what’s on the home page could help load time and the user experience as well.

This should help too: Site Performance: Best Practices | Help Center | Wix.com

  1. Decrease the size of Hero, make it 80-100vh(compensate fr header size). Convert all your images into WebP formats for fast loading.
  2. Add an entrance animation to your app widget for currency, chat, search bar and language. The goal is to add a delay to these elements to allow the main content of the page to load.
  3. Use CSS for animation instead of the built-in animations(if you are using Wix Studio)
  4. Try adding a loader animation(not apps, but by using velo), that might give the page time to load.

For your site, I would say image and widgets are most important.

Hii,

I understand how stressful it feels when a site looks beautiful but scores low on speed. This happens a lot with visually rich sites. Your page is heavy because it’s loading too much at once big images, animations, and multiple scripts all competing to load together. On mobile, this especially hurts because mobile networks and processors are slower. You can do few things:

Fix what is hurting LCP

Hero image/video Use a single, static hero image (WebP) ≤ 200–300 KB. Avoid autoplay videos on the first screen. In Studio - Media, export at the exact displayed size and High/Auto quality, not Original.
No overlays/filters on hero: Effects blur, gradient, parallax delay painting. If you love the look, bake it into the image file instead.

Cut Total Blocking Time

Remove duplicate scripts/apps Studio - Settings - Custom Code & Marketing Integrations. If you see the same pixel added by both an app and manual code, keep one. Disable anything not used on the homepage.
Animations: Limit scroll/loop animations above the fold prefer ‘fade in once and avoid chaining multiple effects on the same element.

Reduce layout shift (CLS)

Lock dimensions: Give every image/container a fixed width/height. So space is reserved before content loads.
Popups/bars: Delay newsletter popups by 5 or 8s or show on second pageview. Instant popups cause shifts.

Media & fonts

Image hygiene Convert to WebP/AVIF, remove transparent PNGs unless needed, and lazy-load everything below the first viewport .

Font trims Use 1 or 2 font families, 2 or 3 weights. In Text Presets, swap thin/extra-bold styles for regular/semibold. System fonts for small UI text help too.

Structure the page for speed

Shorter homepage Move long sections press, big galleries to dedicated pages, keep the homepage lean.
Repeaters/collections: Limit items per view 6 or 8 and add ‘Load more’. Large repeaters often trigger reflow.

If you want it to be handled automatically, you can take a look into the Website Speedy APP. It’s built to work smoothly and improves image delivery, code optimization, and lazy loading and all without changing your design.

Hello! Thank you so much for the detailed explanation — it all makes perfect sense. Unfortunately, I’m not a professional when it comes to this. Is there anyone who could handle it for me, perhaps as a paid service? It would be wonderful to have someone who can take care of all these things, as I honestly have no idea how to do it myself and currently don’t have anyone managing my website.

Hi, @DREZZ_2_IMPREZZ !!

Thank you so much for sharing such a beautiful website. :grin:
It really helped me understand how stylish, fashion-oriented websites are built — I learned a lot from it.

By the way, regarding the page load speed issue:
When I accessed your site from Japan, the initial load took around 3–4 seconds. Personally, I didn’t find it particularly stressful, but by modern web standards, it might be considered a bit on the slower side.

As other forum members have already pointed out, the large amount of data being loaded initially is probably one of the main reasons. What caught my attention in particular was the number of different fonts used on your site. From a quick estimate, it seems there are quite a few, possibly adding up to around 500KB in total.

While 500KB alone isn’t that heavy, combined with the large number of images and other assets, it’s natural that the total weight contributes to slower load times.
It’s kind of like running a marathon while wearing too many fashion accessories — the more you carry, the slower you reach the finish line.

Currently, the fonts are being loaded as .woff2 files, but replacing some of them with vector-based assets like SVG could make things lighter. Of course, overly complex SVGs can actually increase file size, but for simple text-based SVGs, they’re often much lighter than font files.

For example, in your hero section (the top area of the page), it looks like you’re using about three or four different fonts.
If each font file is around 50KB, that alone could account for about 200KB.
Replacing those headings or logos with SVG text images could noticeably reduce that weight.

If there are fonts that are only used once or twice throughout the page — for just a few words — that’s a bit wasteful. It’s like packing every outfit from the same brand for a trip, even though you’ll only wear one or two of them.

It might sound complicated, but the process isn’t difficult at all.
You don’t need expensive design software like Adobe to create SVGs.
Fortunately, just yesterday, a well-known design tool called Affinity was released for free! You can use it to create SVG text images quite easily.

If you’re not sure how to do that, ChatGPT can walk you through the steps in detail.

As a finishing touch, you can optimize your SVG files using a site called SVGOMG to make them even smaller.
Then just upload the optimized SVGs to Wix and replace the corresponding text elements — and you’re done.

One thing to note, though:
If you want to completely prevent a specific font from loading, make sure to replace all instances of that font with SVG images. :innocent: