How is my store? Please I need any feedback

[miacaura]

I built a store that I have not launched yet but am looking for some feedback. I have already been burnt with amazon and I do not want to repeat same mistakes. My site is www.miacaura.com Please if anybody can help. Thank you

[Website_Speedy]

Hii @miacaura , I checked your store; overall, the design is good, but you have used a very light font even for the store name and page links. I prefer to find the best font for each section, as per your store. I also tested your store using Google Page Insights Report, and below are the results derived from the report.

Performance Scores ( Mobile)

Overall Performance Score - 51

LCP - 14.7 s

FCP - 8.3 s

TBT - 280 ms

Speed Index - 9.1 s

CLS - 0.015

SEO Score - 100 

Your SEO score is amazing as it helps customers find you on search engines, but your performance score is bad. Your store is taking too time to load, which leads to losing customers as they are not able to access the store quickly. So I recommend optimizing the store by using the following strategies.

Image Format Not Optimized 

As per the analysis, your main banner image is in PNG format, which is the highest quality of image, and takes time to load.

Suggested Improvements

Using Next Gen Format for Images 

Convert all the images into WebP or AVIF format as per your requirement as your store is related to beauty products, I recommend trying AVIF format, especially for the banner image.

Preload Banner Image 

You have done the lazy loading for the banner image, which might be the cause of the load delay in your image. Remove the lazy loading from the banner image, apply this only for javascript , css, and other elements that are not required in the initial loading of the store. Apply preloading for the important resources like banner images 

For example -

<link rel="preload" href="https://your-store-url.com/path-to-your-image.jpg" as="image" fetchpriority="high">

Main Thread Work Issues 

Your store's javascript time parsing, compiling, and execution is creating a loading time delay.

Suggested Improvements 

Split Large JavaScript Files

Large JavaScript files can slow down the initial page load as the entire file needs to be parsed and executed. Breaking down large files into smaller, modular pieces allows for better performance and quicker loading.

Example (using WebPack)

// webpack.config.js

module.exports = {

  entry: {

    main: './src/index.js',

    vendor: './src/vendor.js'

  },

  output: {

    filename: '[name].bundle.js'

  },

  optimization: {

    splitChunks: {

      chunks: 'all'

    }

  }

};

Optimize CSS Selectors

Inefficient CSS selectors can add additional work to the main thread, especially if you have large stylesheets. I recommend avoiding overly general or complex selectors (like .main-content div ul li a:hover). Additionally, using inline styles for large layout shifts can force the browser to recalculate styles repeatedly. Instead of using inline styles, try adding styles in CSS files, which the browser can manage more efficiently.

Alternatively, if you do not want to go deep down in the developer things, Try Website Speedy- Optimization app for Shopify. It is easy to set up and comes with a 14-day free trial, and it optimizes your site by applying the above process automatically.

[SEOAnt-Jeffery]

Hello @miacaura

I really love your store style and UI design, very attractive and outstanding. As an SEO APP provider, I can give you some feedbacks on store on the basis of SEO and let you optimize page content in a better way. Come and take a look here please~

1. There exist H1 tag on your store backend after checking, but they refer to JSON strings inside <script> tags and they are not H1 in real, as it is not parsed correctly. It is better to contact your theme developer and parse it properly, so that Google can get your page structures in a better way.

2. Double-check your store alt text if they are added completely. I have noticed some crucial images on your store lacking of alt text contents. It is suggested to add them completely, as Google will read your image meanings via Alt Text. I have listed three of them after my checking, but you had better fully check all the necessary images and see if they have alt texts properly.

https://miacaura.com/cdn/shop/files/Untitled_design_1.png?v=1751109322&width=3840

https://miacaura.com/cdn/shop/files/img_with_text.png?v=1751194250&width=3840

https://miacaura.com/cdn/shop/files/imgwithtxt2.png?height=1000&v=1751196624

3. When searching on Google, I notice your store favicon is missing and the store name is not added properly. Please add the favicon from Shopify customize page and update the store name from URL to brand name. 

By the way, it is happy to know you manage to optimize store in a further way before launching the store. If you would like to let store have better performance, you can consider store SEO Check regularly and see if meet standard or not. After doing so, you can know the page status immediately and adjust accordingly to get more sales and higher conversion in the future. Cheers!

[BON_Loyalty]

Hi @miacaura! It's Tracy here from BON Loyalty, the essential customer loyalty solution for growing Shopify businesses.
I've had a look at your website, and it's truly impressive. Your branding feels cozy and beautiful, with a clean, elegant, and wellness-focused aesthetic. That said, I have a few recommendations that could help further enhance your website.

1. Add a Link to Your Announcement Bar
Your announcement bar shares a compelling message, but currently, it doesn’t contain a clickable link. Adding a direct link to your newsletter sign-up section would help guide users and remove any confusion when they try to interact with it.

2. Enhance the Hero Banner Text and CTA

The text and CTA button in your hero section are beautifully designed, but they appear a bit small. Increasing their size will help draw more attention and improve clarity, especially on larger screens. You might also consider updating the CTA to something more emotionally engaging, like “Discover Your Glow,” to better reflect your brand voice.

3. Use a sticky header for easier navigation

Implementing a sticky header can significantly improve the user experience, especially on mobile. It allows customers to access your main navigation at any point without having to scroll back to the top, which can lead to higher engagement and lower bounce rates.

4. Add testimonials for social proof

Incorporating customer testimonials on your site is a great way to build trust and credibility. Real voices help potential customers relate and feel more confident about making a purchase, especially when they see others having a positive experience with your products.

I hope this advice helps improve your website’s performance. Keep up the great work on your site!