Một câu hỏi đơn giản mà tôi không chắc chắn nếu nó có một câu trả lời ngắn!Điều nào tốt hơn cho thời gian tải JavaScript: Nén tất cả trong một tệp lớn hoặc tải tất cả không đồng bộ?
Mô tả
Tôi có một file JavaScript được nạp trong một trang web, đây là một số lưu ý về họ:
- Họ đều là xuất phát từ cùng một tên miền (không tải miền chéo cần thiết)
- Chúng giống hệt nhau trên trang web.
- Có một số tệp, như jQuery và 5 plugin khác cộng với tập lệnh ứng dụng của riêng tôi dựa trên chúng.
- kích thước của họ tất cả nén = 224KB, (tôi kết hợp tất cả các tập tin trong một tập tin sau đó tôi nén chúng cùng một lúc sử dụng YUI Compressor 2
Vấn đề
Tôi đã nghe nói rằng 224KB không phải là lý tưởng để trong một tập tin và nó nên được chia thành nhiều tệp với tối đa 44KB mỗi lần. Tôi không thể nhớ lại khi tôi đã nghe điều này và tôi không chắc liệu nó có hiệu quả để chia nhỏ thành nhiều tệp hơn không, nhưng đó là sự thật mà 224KB mất nhiều thời gian để tải lần đầu tiên, hãy xem xét rằng trang web được tải với hình ảnh và css của khóa học. giảm thiểu sự cần thiết của việc bốc đầu của tập tin JavaScript và đặt nó ở phía dưới, cho đến nay đây là một tiến triển tốt nhưng tôi cần phải tải nó assynchounosly với HTML để đạt được thời gian Source và decission để thực hiện là:
Có hay không?
Giữ nó trong một tệp lớn được nén? hoặc chia chúng thành nhiều tệp nén và được nạp một cách không đồng bộ (Tôi biết cách xử lý các vấn đề liên quan đến sự phụ thuộc)?