Can you review my store?
Hi @croberts3250 I reviewed your store, your website design is good as it looks clean and simple. I also analyzed core web vitals of your website by using Google Page Insights report and the results suggest not a good output. Below represents the insights.
As above, you can see your LCP, FCP, and loading time are not as per the standard values. Try some more advanced techniques to resolve the same.
LCP Load delay
As per the analysis, in your LCP load delay is occurring. Unoptimized images and lazy loading of the elements are the main causes for this.To address this load issues, it's important to focus on optimizing the speed at which the largest visible content element on your page is displayed.
Suggested Improvement
Preload Important Resources (Images, Fonts, CSS)
If loading delays are the issue then try preloading and inform the browser that certain resources are important and should be fetched first.
For example -
<link rel="preload" as="image" href="{{ 'hero-banner.jpg' | asset_url }}" fetchpriority="high">
<link rel="preload" as="font" href="{{ 'custom-font.woff2' | asset_url }}" fetchpriority="high" type="font/woff2" crossorigin="anonymous">
Optimizing Shopify Sliders or Carousels
If you use sliders or carousels on your homepage or product pages, they may be causing delays in the LCP load. You can lazy-load the slides not immediately visible to avoid unnecessary resource consumption.
For example -
<script>
document.addEventListener('DOMContentLoaded', function() {
let firstSlide = document.querySelector('.carousel .slide:first-child img');
firstSlide.setAttribute('loading', 'eager');
});
</script>
High Speed Index
Improving the load time of a website depends on how quickly your content appears on the screen. Speed Index measures how quickly visible parts of the page load during the page load process.
Try Optimizing Critical Rendering Path
The Critical Rendering Path involves the order in which the browser processes files (HTML, CSS, JavaScript, images, etc.) to render the page. You can optimize this path by prioritizing the loading of essential resources that render visible content first.
Suggested Improvement
Inline CSS/ JS - Inline Critical CSS directly in the <head> section of your HTML to avoid blocking the render process with external style sheets.
Example -
<head>
<style>
/* Inline CSS for critical styles */
body {font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #fff; }
</style>
<script>
// Inline JavaScript for click event
document.addEventListener('DOMContentLoaded', function() {
const button = document.querySelector('.cta-button');
button.addEventListener('click', function() {
alert('Button clicked!');
});
});
</script>
</head>
Reduce the Use of Third-Party Scripts- Third-party scripts like tracking, chat widgets, or social media embeds can delay the rendering of the page. Use async or defer attributes for third-party scripts to prevent them from blocking the LCP element.
For example-
<script src="https://thirdparty.com/script.js" async></script>
I really love your store design and UI when firstly accessing your web pages, which is quite attractive. Concerning the aspects you need to improve, I have listed them below and you can make them as the reference meanwhile.
1. There are three separate sections on your store after checking, which are Videography, Photography and Rentals. However, when I intend to check the related page situations, I feel surprised to see that in Videography and Photography sections, the related page URLs are ending with /pages/XXX. This is not a good sign really, as they should belong to Collection pages or Product pages. If you do not optimize these page URL structures and patterns, search engines like Google will fail to recognize them as Collection or Product pages and will think they are simple pages only, result in chaos page structure when indexing from backend. Therefore, please kindly take some time correcting these page URLs from /pages/ to /collections/ or /products/ and you will pay off in the future after optimizing.
2. Apart from homepage on your store, the rest pages are all having missing meta description issues. This is very unusual. Please further check if you forget to add meta description content on the store or the meta description code is broken. After fixing it, it is beneficial for your store to get a better performance on Google as well.
3. When I would like to check your page real situation in search results, I can feel that your meta description content indeed is not showing properly, as you have excessive meta description issue also in the search results, however some of your web pages even have no meta description, then where is your meta description from I wonder? Please optimize the meta description content based on my point 2 and then shorten the length of it between 100–200 characters, which will display full contents and provide a better user experience when potential users search and check your page contents.
Overall, it indeed needs some time to fully optimize them properly, but I believe you can make it. You can also consider checking SEO performance regularly, and I used this way on my own store as well, hope it works for you as well in some ways to better know the page status. Thank you!
I really love your store design and UI when firstly accessing your web pages, which is quite attractive. Concerning the aspects you need to improve, I have listed them below, and you can make them as the reference meanwhile.
1. There are three separate sections on your store after checking, which are Videography, Photography and Rentals. However, when I intend to check the related page situations, I feel surprised to see that in Videography and Photography sections, the related page URLs are ending with /pages/XXX. This is not a good sign really, as they should belong to Collection pages or Product pages. If you do not optimize these page URL structures and patterns, search engines like Google will fail to recognize them as Collection or Product pages and will think they are simple pages only, result in chaos page structure when indexing from backend. Therefore, please kindly take some time correcting these page URLs from /pages/ to /collections/ or /products/ and you will pay off in the future after optimizing.
2. Apart from homepage on your store, the rest pages are all having missing meta description issues. This is very unusual. Please further check if you forget to add meta description content on the store or the meta description code is broken. After fixing it, it is beneficial for your store to get a better performance on Google as well.
3. When I would like to check your page real situation in search results, I can feel that your meta description content indeed is not showing properly, as you have excessive meta description issue also in the search results, however some of your web pages even have no meta description, then where is your meta description from I wonder? Please optimize the meta description content based on my point 2 and then shorten the length of it between 100–200 characters, which will display full contents and provide a better user experience when potential users search and check your page contents.
Overall, it indeed needs some time to fully optimize them properly, but I believe you can make it. You can also consider checking SEO performance regularly, and I used this way on my own store as well, hope it works for you as well in some ways to better know the page status. Thank you!
