Nội tuyến đoạn mã JavaScript nhỏ trong tăng tốc website

Nội tuyến JavaScript là gì?

  • Khi JavaScript ở trong file HTML và nằm giữa thẻ script, nó được gọi là nội tuyến
  • Nội tuyến JS đơn giản có nghĩa là đưa JavaScript của bạn vào trong file HTML thay vì file JS bên ngoài

Tại sao lại nội tuyến JavaScript?

Lợi ích của việc này làm giảm bớt số file mà trình duyệt phải tải trước khi hiển thị trang web của bạn.

Thường trang web của bạn sẽ gọi một số file JavaScript bên ngoài (ví dụ widget.js).

Vấn đề là, hầu hết các file này đều nhỏ bé. Chúng chỉ có vài dòng code. Nếu bạn thấy mình có những file như vậy, thì chúng nên được nội tuyến vào trong HTML để tiết kiệm các lời gọi file bên ngoài.

Làm thế nào để nội tuyến JS

Về cơ bản, bạn chỉ việc copy nội dung của file JS bên ngoài và paste nó vào giữa thẻ script trong HTML của bạn.

Nó trông giống như thế này:

<script>
Javascript của bạn đặt ở đây
</script>

Cái này có tác dụng gì?

Đặt JS của bạn vào trong HTML sẽ giúp trình duyệt web giảm số vòng lặp phản hồi đến máy chủ, vì bây giờ bạn không gọi file tách biệt bên ngoài nữa, khi trình duyệt tải HTML, nó đã thấy JS được nội tuyến bên trong.

Công cụ

Để kiểm tra cách JavaScript được sử dụng trên trang của bạn, Varvy có hai công cụ trực tuyến:

(Dịch từ bài viết: Inline small Javascript – Tác giả: Patrick Sexton – Website: Varvy)

Leave a Comment