Các trình duyệt được tối ưu hóa để tránh sơn lại giao diện người dùng bất cứ khi nào có thể. Nếu trình duyệt tìm thấy tệp CSS, trình duyệt sẽ tiếp tục tải xuống nội dung nhưng dừng hiển thị cho đến khi tệp CSS được tải xuống và phân tích cú pháp
Vì CSS thay đổi cách trình bày HTML, nên trình duyệt muốn biết cách thực hiện đúng để tránh vẽ giao diện người dùng hai lần
Nếu trình duyệt tìm thấy tệp JavaScript, trình duyệt sẽ dừng hiển thị và dừng tải xuống các tệp khác. Vì JS có thể thêm và xóa các phần tử khỏi giao diện người dùng nên trình duyệt muốn biết bố cục cuối cùng là gì trước khi tiếp tục
Các tệp JavaScript cũng có thể được tải với các thuộc tính async
và defer
Thuộc tính defer
yêu cầu trình duyệt tải xuống tệp, nhưng hãy đợi cho đến khi tất cả những thứ khác được thực hiện trước khi chạy tệp. Thuộc tính async
yêu cầu trình duyệt tải xuống tệp này, nhưng đừng ngừng tải xuống các tệp khác trong khi bạn thực hiện. Cả hai có thể được sử dụng cùng nhau
JavaScript trong phần thân hoặc phần đầu. Các tập lệnh có thể được đặt bên trong phần thân hoặc phần đầu của trang HTML hoặc bên trong cả phần đầu và phần thân
JavaScript trong đầu. Hàm JavaScript được đặt bên trong phần đầu của trang HTML và hàm này được gọi khi nhấp vào nút
ví dụ