Bao gồm JavaScript ở dưới cùng của tài liệu HTML
Nếu bạn không có document.write (hoặc bất kỳ thế hệ năng động của nội dung trang web bằng cách sử dụng javascripts) để chèn một phần nội dung của trang kịch bản của bạn, di chuyển các kịch bản bao gồm tuyên bố để dưới cùng của trang, trước khi kết thúc của thẻ BODY.
Các đặc điểm kỹ thuật HTTP/1.1 cho thấy rằng trình duyệt tải về không quá hai thành phần song song mỗi tên máy. Nếu bạn phục vụ hình ảnh của bạn từ hostname nhiều, bạn có thể nhận được hơn hai tải xảy ra song song. Trong khi một kịch bản được tải về, tuy nhiên, trình duyệt sẽ không bắt đầu bất kỳ tải khác, ngay cả trên các tên máy chủ khác nhau.
Ngoài ra còn có cách để tự động tạo ra các nút SCRIPT và tải các kịch bản từ xa sau khi trang web được tải bằng cách sử dụng AJAX.
Externalise bạn JavaScript
Sử dụng các tập tin JavaScript bên ngoài sẽ dẫn đến tải trang nhanh hơn bởi vì các tập tin JavaScript được lưu trữ bởi trình duyệt. Inline JavaScript trong các tài liệu HTML được tải về mỗi khi các tài liệu HTML được yêu cầu. Điều này thực sự có thể làm giảm số lượng yêu cầu HTTP được thực hiện nhưng sau đó tăng kích thước của các tài liệu HTML. Bên ngoài JavaScript được lưu trữ bởi trình duyệt, kích thước của các tài liệu HTML được giảm mà không làm tăng số lượng yêu cầu HTTP.
Xin lưu ý rằng, nếu người sử dụng trên trang web của bạn có nhiều lượt xem cho mỗi phiên và nhiều của các trang của bạn lại sử dụng cùng một kịch bản và stylesheets, có một lợi ích tiềm năng lớn hơn từ các tập tin lưu trữ bên ngoài.
Đóng gói tập tin Javascript của bạn
Trong trường hợp của JavaScript, không giống như CSS, các tập tin có thể co rút bằng cách sử dụng một số thuật toán tiêu chuẩn mà có thể cung cấp cho một kích thước tập tin giảm hơn so với chỉ đơn giản là loại bỏ không gian hoặc tab. Một ví dụ của javascript đóng gói có thể được tìm thấy ở đây http://dean.edwards.name/packer/
Hãy loại bỏ bất kỳ kịch bản trùng lặp
Nó là rất khác thường mà toàn bộ kịch bản có thể được nhân đôi, nhưng một đánh giá của các trang web hàng đầu của Hoa Kỳ cho thấy rằng hai trong số họ có một kịch bản trùng lặp. Bản sao các kịch bản nhưng rõ ràng làm giảm hiệu suất bằng cách tạo ra các yêu cầu HTTP không cần thiết và lãng phí thực hiện JavaScript.
Ngoài ra, trong nhiều trường hợp, mặc dù tên kịch bản là khác nhau, có một khả năng của các kịch bản trùng lặp trong cùng một trang do nhóm kích thước và số lượng của các kịch bản.
Giảm thiểu truy cập vào các yếu tố DOM nếu có thể
Truy cập các yếu tố DOM với JavaScript là chậm, vì vậy để có một trang phản ứng nhanh hơn, bạn nên:
• cache tài liệu tham khảo để các yếu tố truy cập
• Cập nhật các nút "offline" và sau đó thêm chúng vào cây
• Tránh sửa chữa bố trí với JavaScript
Hành vi riêng biệt từ nội dung và trình bày
Cũng như chúng tôi trình bày riêng biệt (CSS / XSLT) từ nội dung (XHTML / XML), chúng ta cũng nên tách biệt hành vi (Javascript). Điều này được gọi là không phô trương Javascript. Cũng như chúng tôi liên kết đến các file CSS bên ngoài, chúng ta nên liên kết với các tập tin javascript bên ngoài.
Thay vì hành vi mã hóa cứng vào nội dung (ví dụ như onmouseover, onclick, vv), hành vi nên được tự động thêm vào các yếu tố, các lớp học, và các yếu tố duy nhất (ID) bằng cách sử dụng DOM. Các tài liệu cơ bản, nội dung, nên chứa chỉ hợp lệ XHTML / XML và javascript không.
Javascript nên làm tăng thêm nội dung bằng cách thêm hành vi. Các nội dung nên vẫn còn hữu ích và có thể sử dụng mà không cần javascript (hoặc không có đầy đủ hỗ trợ javascript).