Within Dawn, stylesheets (and specific inline styles) are added to the page where a section or block has been added, it can also often use the same stylesheet more than once on the same page, especially if you have duplicate section types. Is there a way to shift those stylesheets to be inserted wi…

Hi @Sneaky , I am not sure if you are aware, we should try to minimize the stylesheet being loaded at the head area since this affects the website performance. The codes at the are being rendered as soon as the website loads, imagine putting all your stylesheets in there. It will take longer to re…

Hmm…, that is not what I am reading, e.g. https://gtmetrix.com/put-css-in-the-document-head.html Not discounting your reference, just saying there are a lot of opposing views on this topic. Your link makes comments about loading styles to improve load time, e.g avoid inline styles. It also does not…

Not wanting to add them “All” in there, only have those added where that section is on that page, Just like it does now but instead of within the body, the stylesheets are placed in the . If I loaded every stylesheet used in Dawn into the yes it may have a performance issue.

Hello @Sneaky , A better way to do this is to use external CSS and include it in the head section. If your blocks and section have the same selector then this style will be applicable to all the pages where you are adding the blocks and sections. Follow the below steps: Create a file in the ass…

Correct the best way is to use css as an external file. However, Dawn puts stylesheets within the body of the page. Using templates is fine, but only when needed. I created the template you suggested and also added 2 rich-text sections between each side of the collection list sections (i.e. collecti…

Hi, I know it’s been 2 years (2022) , but have you found a solution for that? That’s exactly my problem right now (2024) … Each time I add my custom block, the css / js file link is duplicated on the page… very annoying… :disappointed_face:

How can I shift stylesheets to the head section without duplication?

Technical Q&A

made4Uo June 30, 2022, 4:56pm 4

Hi @Sneaky ,

I would say try it yourself. I know everyone has different opinions but it is best to check it yourself. Try putting all your stylesheets at the then check your website performance.

Topic		Replies	Views
Duplicate code when inserting multiple equal sections Technical Q&A css	1	65	February 8, 2022
multiple sections = multiple identical file load(s) Technical Q&A optimization , css , shopify-theme	0	48	November 9, 2022
OS 2.0 - Multiple CSS Files (one per section) Store Design	2	103	January 16, 2022
Ans it pls Shopify Discussion troubleshooting , shop-performance	2	41	October 2, 2024
How does CSS loading in Shopify 2.0 sections affect Dawn theme's performance? Store Design shop-performance	0	33	November 12, 2021

How can I shift stylesheets to the head section without duplication?

Related topics