{# Preconnect to important third-party domains (from your Lighthouse report) #}
{# Added based on your report #}
{# This preconnect is usually handled by Shopify automatically for fonts, but good to keep if it was manually added. #}
Two Piece Bikini with Lace Cut Out - Shop Style & More
– Shop Style & More | Fresh Looks, Everyday Deals & Free Shipping
{#
OPTIMIZATION: Preload your actual custom fonts.
The previous `` was a placeholder.
These lines ensure your theme fonts (SuisseIntl-Medium, SuisseIntl-Book etc. as mentioned in your report)
are fetched early. Shopify theme code often already includes a good preload, so verify these paths.
#}{# If you have other specific custom fonts not tied to settings.type_body_font/header_font, add them here: #}
{# #}
{# #}
{#
OPTIMIZATION: Add `font-display: 'swap'` to your @font-face rules
This is already being done by `font_face: font_display: 'swap'` for your theme settings fonts.
This is excellent and helps prevent Flash of Invisible Text (FOIT).
#}
{# OPTIMIZATION: Defer non-critical CSS. Use `media="print" onload="this.media='all'"` #}
{# Base CSS is often critical, keep as is #}
{# This preload block for fonts is good and typically comes from the theme. #}
{# Moved this up slightly so it's with other preloads, but its position within doesn't drastically change behavior. #}
{# You had a placeholder preload at the very top, I've replaced it with the correct dynamic Liquid ones. #}{# `preload: true` for CSS makes it render-blocking, consider deferring if not critical for initial load #}
{# This small inline script is fine as it is. It's for design mode and won't impact live site performance much. #}
{# OPTIMIZATION: Move the Dadao Reviews script.
This is an app-injected script. You need to check if the app has a setting to defer its loading.
If not, and you can't manually modify its injection from a snippet, this is the best you can do.
We'll try to explicitly defer it IF it's an external file.
It's currently just an `include`. If 'dadao_reviews_core.liquid' contains a script tag, you'd ideally want to defer it.
If it's just a placeholder for an app, the app itself handles the script injection.
For the purpose of this example, I'm assuming it injects a script that *can* be deferred.
#}
{# Consider moving this `include` towards the end of the `` if the app's functionality isn't critical for initial content #}
{# For now, leaving it here but noting it's a potential area if the app doesn't have internal deferral. #}
Skip to content
Choosing a selection results in a full page refresh.
Opens in a new window.
{# These window.xxx scripts are inline and small. They define global variables and are fine where they are. #}
{# Theme JS files are already deferred, which is great! #}{#
OPTIMIZATION: Place scripts injected by `content_for_header` here instead of in `` if possible.
This is a common Shopify optimization. Some themes place `content_for_header` at the very end of the ``.
This pushes most app scripts (which usually inject into `content_for_header`) until after the main content is parsed.
However, be aware that some apps *must* load in the head to function correctly (e.g., A/B testing, some analytics).
Test extensively if you move this!
#}
