Async defer trong Javascript, cách tăng hiệu suất cho website

async defer và cách tăng hiệu suất cho website

Các bạn mới học lập trình có thể bị bỏ qua cái vấn đề này. Đó là vấn đề load file javascript trong html. Mình sẽ chỉ ra vấn đề load file của JS và nói về async và defer trong HTML để tăng hiệu suất của website.

Mình có làm 1 cái video ở trên tiktok về vấn đề này, các bạn có thể xem qua cho dễ hiểu nha.

Trong video đó mình có bổ sung thêm 1 đoạn load script khi cần thiết. Và đoạn code đó là:

  function loadScript(src) {
    const el = document.createElement("script")
    el.src = src
    document.body.appendChild(el)
  }

Ngoài ra các bạn có thể đọc thêm thủ thuật lazyload giúp tăng hiệu suất cho website.

You may also like...

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *