---
title: "Styling and scripting"
slug: "styling-and-scripting"
abstract: ""
---
# Styling and scripting

Optimize CSS styles and JS scripts by using the Asset Optimizer. Learn more about the grid settings and the HTML structure of pages and renderings:

- [The Asset Optimizer](https://doc.sitecore.com/xp/en/developers/sxa/103/sitecore-experience-accelerator/the-asset-optimizer.html "The Asset Optimizer")
- [Enable and configure the Asset Optimizer](https://doc.sitecore.com/xp/en/developers/sxa/103/sitecore-experience-accelerator/enable-and-configure-the-asset-optimizer.html "Enable and configure the Asset Optimizer")
- [The grid settings](https://doc.sitecore.com/xp/en/developers/sxa/103/sitecore-experience-accelerator/the-grid-settings.html "The grid settings")
- [The HTML structure of pages and renderings](https://doc.sitecore.com/xp/en/developers/sxa/103/sitecore-experience-accelerator/the-html-structure-of-pages-and-renderings.html "The HTML structure of pages and renderings")
- [Use ECMAScript 6+ in your theme](https://doc.sitecore.com/xp/en/developers/sxa/103/sitecore-experience-accelerator/use-ecmascript-6--in-your-theme.html "Use ECMAScript 6+ in your theme")