# Rendering Forms Scripts Forms output some JavaScript which is by default rendered right below the markup. In many cases, you might prefer rendering your scripts at the bottom of the page. For example, before the closing `` tag. This generally improves site performance. In order to render your scripts where you want, you need to add a snippet to your template. Make sure you add it below your scripts, right before the closing `` tag. By default, Forms uses `HttpContext.Items` for tracking the forms rendered on a page. The stored values are used when rendering the form scripts and associated data. The following snippet should be used. ```csharp @if (Context.Items.TryGetValue("UmbracoForms", out object? formIdsObject) && formIdsObject is IEnumerable formIds) { foreach (var formId in formIds) { @await Component.InvokeAsync("RenderFormScripts", new { formId, theme = "default" }) } } ``` If you have changed the configuration value of `TrackRenderedFormsStorageMethod` to use the legacy behavior `TempData`, the snippet is: ```csharp @using Umbraco.Forms.Web.Extensions; @if (TempData.Get("UmbracoForms") is Guid[] formIds) { foreach (var formId in formIds) { @await Component.InvokeAsync("RenderFormScripts", new { formId, theme = "default" }) } TempData.Remove("UmbracoForms"); } ``` Read more about the `TrackRenderedFormsStorageMethod` configuration option in the [Configuration](/umbraco-forms/developer/configuration.md#TrackRenderedFormsStorageMethod) article. If you prefer to use a tag helper, that's an option too. Firstly, in your `_ViewImports.cshtml` file, ensure you have a reference to the Umbraco Forms tag helpers with: ```cshtml @addTagHelper *, Umbraco.Forms.Web ``` Then instead of reading from `TempData` and invoking the view component directly, you can use: ```cshtml ``` This will use the appropriate storage method that you have configured. ## Using Form Scripts Alongside Validation Dependencies When setting up templates for Umbraco Forms, two separate script-rendering methods are involved, and both are required for forms to work correctly. `@Html.RenderUmbracoFormDependencies(Url)`, covered in the [Preparing Your Frontend](https://github.com/umbraco/UmbracoDocs/blob/main/umbraco-forms/developer/prepping-frontend/README.md) article, renders client-side validation scripts such as jQuery Validate and unobtrusive validation. This goes in the `` of your template. The `` tag helper (or the equivalent view component calls shown above) renders form-specific scripts covering conditional field logic, field behaviors, and any theme JavaScript. This goes before the closing `` tag. Because both methods output `