Foundation · 2 min
What you need to know
Can fonts slow down an ecommerce site?
Yes. Font files add requests and can delay or change how text appears. Use a system font or a small set of required web-font files and choose a display strategy that keeps text readable.
How many web fonts should an ecommerce site use?
Use only the font families, weights and styles that the published design actually needs. A simple store may need one family with regular and bold rather than many unused variations.
Can large CSS files slow page rendering?
Yes. The browser must download and process CSS before it can render styled content, and a large stylesheet may contain rules for features absent from the page. Deliver essential CSS early and split or remove unused rules.
What is unused CSS?
Unused CSS is styling delivered to a page that matches no element or feature used there. It wastes transfer and processing time and makes later changes harder to reason about.
What is render-blocking content?
Render-blocking content is a resource the browser waits for before it can display important page content. Essential CSS may need this priority, while noncritical styles and scripts should not hold the first render.
How can frontend assets be optimized?
Compress and cache assets, remove unused code, load critical files first, use content-based filenames and deliver only the variants each page needs. Recheck appearance and interaction after every optimization.
A quick store check
Count font files and CSS bytes needed for the first screen, then remove unused weights and identify render-blocking assets.
Foundation · 2 min
Frequently asked questions
Do more font weights improve the store?
Only when the design genuinely uses them. Every extra file can add transfer and rendering work.
Should all CSS be placed inside the page?
No. A small amount of critical CSS may help first render, while cacheable shared CSS can remain external.