---
# System prepended metadata

title: Page speed quick wins - Opportunities

---

# Page speed quick wins - Opportunities

## Ensure text remains during webfont load
* MR merged [https://gitlab.com/LinioIT/shop-front/-/merge_requests/2879]

## Reduce the impact of third-party code
- Async / Defer  [https://jira.falabella.com/browse/DIS-290]
- Hosting on the CDN (DY)
- Early connection: preconnect / dns-prefetch
- Verify which third-partyes could be removed (customer communication)

## Avoid document.write()
- [Investigation] Identify how many elements we have and were it comes from (our side or external)

## Avoid Excessive DOM size
* SCSS Lint (NestingDepth, SelectorDepth) will affect this
There nos sense to make a big refactor if styleguide will replace the actual components
SCSS Lint [https://jira.falabella.com/browse/DIS-277]

## Serve static assets with an efficent cache policy
- Enable cache on DY:  [https://jira.falabella.com/browse/DIS-284]
-- https://dynamic-yield.linio.com/ 
    - // Assets
      https://dynamic-yield.linio.com//api/scripts/8767303/images/13ae0cec7e526__comedor.jpg
    - // JS
      https://dynamic-yield.linio.com/api/scripts/8767303/api_dynamic.js	0.1 hrs	115.31 KB
      https://dynamic-yield.linio.com/api/scripts/8767303/api_static.js 0.1 hrs	94.65 KB

## Minimize main-thread work
Scripts:
  * Compressing assets (JS brotli/GZIP) [https://jira.falabella.com/browse/DIS-18]

Style and Layout:
  * SCSS Lint [https://jira.falabella.com/browse/DIS-277]

HTML and CSS:
  * SCSS Lint [https://jira.falabella.com/browse/DIS-277]
  * Crital CSS [https://jira.falabella.com/browse/DIS-27]
  * Specific CSS [https://jira.falabella.com/browse/DIS-15] [REVISION NORMA]

## Defer offscreen images
[Investigation] Create ticket to Research how to async load menus

## Reduce JavaScript execution time
* Compressing assets (JS brotli/GZIP) [https://jira.falabella.com/browse/DIS-18]
* Crital CSS [https://jira.falabella.com/browse/DIS-27]
* Specific CSS [https://jira.falabella.com/browse/DIS-15] [REVISION NORMA]

## Cumulative Layout Shift [<--- TICKET]
- [Investigation] Identify transition/loading opportinuties examples:
https://jira.falabella.com/browse/DIS-285
  - Product: Shipping Estimate
  - Product: FMS
  - Home page: Banners