Trì hoãn javascript để cải thiện tốc độ tải trang

Khi trình duyệt tải về nội dung trang blog/web nó phải duyệt qua tất cả các Javascript. Nếu trang blog/web có nhiều Javascript thì trình duyệt sẽ phải làm việc quá sức vì cùng lúc nó phải biên dịch và chuyển đổi các đoạn mã Javascript thành nội dung tương ứng. Điều này sẽ làm cho tốc độ tải trang bị chậm lại, nhiều lúc trình duyệt bị "đơ", do đó sẽ gây cảm giác không thoải mái cho người theo dõi. Vì thế nếu bạn biết javascript nào không quan trọng thì sẽ trì hoãn nó lại đợi khi các thành phần khác tải xong thì mới tiến hành duyệt đến javascript đó. Sự sắp xếp này giúp cho trình duyệt tuần tự thể hiện các thành phần của trang mà không bị quá tải và tạo cảm giác "mượt mà" cho blog/web của bạn.

Để trì hoãn một javascript nào đó ta sử dụng thuộc tính "defer" của thẻ <script>. Nếu bạn lưu trữ javascript đó trên host riêng và trong template bạn truy xuất đến nó theo dạng <script type='text/javascript' src='common.js' ></script> thì ta thêm vào thuộc tính "defer" như sau

<script type='text/javascript' src='common.js' defer='defer'></script>

Còn nếu javascript được thiết kế trực tiếp trong template thì ta sử dụng thuộc tính "defer" như dưới đây

<script type='text/javascript' defer='defer'>
// Nội dung code.
</script>

Hy vọng thuộc tính "defer" này sẽ giúp bạn cải thiện tốc độ tải blog/web. Chúc bạn thành công.