developer-roadmap/src/data/guides/avoid-render-blocking-javascript-with-async-defer.md

---
title: 'Async and Defer Script Loading'
description: 'Learn how to avoid render blocking JavaScript using async and defer scripts.'
author:
  name: 'Kamran Ahmed'
  url: 'https://twitter.com/kamranahmedse'
  imageUrl: '/authors/kamranahmedse.jpeg'
seo:
  title: 'Async and Defer Script Loading - roadmap.sh'
  description: 'Learn how to avoid render blocking JavaScript using async and defer scripts.'
isNew: false
type: 'visual'
date: 2021-09-10
sitemap:
  priority: 0.7
  changefreq: 'weekly'
tags:
  - 'guide'
  - 'visual-guide'
  - 'guide-sitemap'
---

[![Avoid Render Blocking with Async and Defer](/guides/avoid-render-blocking-javascript-with-async-defer.png)](/guides/avoid-render-blocking-javascript-with-async-defer.png)