Why is my newly launched website running slow?

Technical Q&A
1

Hi! My website is suddenly very slow and we recently launched a new website. We run a test on lighthouse and gtmetrix and it looks like it is something to do with the coding of our site. Can someone help us? Our website is www.blackbookfashion.com

Any feedback will be much appreciated.

Thank you!

2

@LauraBBF , Hope you are doing well.

To increase the speed of a website, we have to keep below key points in mind while do the developement:

  • Optimize images by compressing and reducing file sizes.
  • Minify CSS and JavaScript files to remove unnecessary characters and whitespace.
  • Optimize installed apps for better performance and remove unused ones.
  • Minimize redirects to reduce page load time.
  • Remove unused code and scripts from your theme.
  • Regularly monitor and optimize your website using performance tools.

If you need any assistance, please feel free to reach

3

Hello @LauraBBF

I have checked your site in the Google Page Insights tool. There is a low score on your website. It needs to be improved, especially on mobile device.

image.png
image.png1022×639 64.7 KB

Pass core web vitals: In order to pass the Core Web Vitals assessment, you need to score “good” for all three Core Web Vitals—Largest Contentful Paint (LCP), First Input Delay (FID) and Cumulative Layout Shift (CLS)—based on field data.

image.png
image.png1050×729 34 KB

Below are some factors that might impact the speed of your online store, and how you can address them.

We’ve had the best success for our clients by working with our developers to implement the lazy sizes because it’s quite complicated for non-technical people.

You need to work on the following points:

  • Theme Upgrade if there is a scope and upgraded theme available
  • Reduce JS Payload.
  • Use Critical CSS.
  • Reduce Large Image Sizes
  • Migrate Tracking Codes To Google Tag Manager
  • Compress Images
  • Limit Third-Party JavaScript & Shopify Apps
  • Preload Web Fonts.

I suggest limiting it to one and using a standard web font.

By fixing these issues, your website speed score can definitely improve.

If anything needs to be included or clarified then feel free to ask. We will surely help you.

4

Hi, @LauraBBF
Slow load times are usually related to page structure and asset loading rather than the platform itself. Based on https://pagespeed.web.dev/analysis/https-www-blackbookfashion-com/vu1dvn74yp?use_original_url=true&form_factor=mobile the main areas to focus on are mentioned :

  1. Reduce unused CSS & JavaScript

Remove or defer scripts and styles that aren’t needed above the fold. This reduces render-blocking resources and speeds up page load.
:

  1. Reduce render-blocking scripts
    Apps and third-party scripts (reviews, chat, analytics, fonts) often block rendering. Defer non-critical JavaScript and remove any scripts that aren’t needed right away.

  2. Set explicit image width & height

Define width and height on images to prevent layout shifts.

Hide or remove non-essential sections on mobile

@media (max-width: 768px) {

.promo-banner,

.carousel,

.secondary-section {

display: none;

}

}

Alternatively, if you’d like to go beyond what manual code changes can realistically control, tools like Website Speedy can help automate performance improvements by deferring render-blocking scripts, optimizing asset loading order, and prioritizing critical resources without altering your design or theme structure.

(Disclaimer: We are the developers of Website Speedy, )