{# 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. #}
Super Lady Round Neck Raglan Sleeve Top and Pants Lounge Set
– 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
This Round Neck Raglan Sleeve Top and Pants Lounge Set is the perfect combination of comfort and style. The round neck design adds a touch of elegance, while the raglan sleeves provide a trendy twist. Whether you're lounging at home or running errands, this set will keep you looking chic and feeling relaxed all day long. The matching pants complete the look and ensure a coordinated outfit for any casual occasion.
Features: Basic style
Number of pieces: Two-piece
Sheer: Opaque
Stretch: Slightly stretchy
Material composition: 63% polyester, 34% rayon, 3% spandex
Care instructions: Machine wash cold. Tumble dry low.
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!
#}
