các tệp js nhỏ khác nhau trên mỗi trang VS. 1x tệp js toàn trang web?

Question

trang khác nhau của trang web của tôi có những nhu cầu khác nhau js (plug-in chủ yếu), một số cần một hộp đèn, một số dont, một số cần một băng chuyền, một số dont, vv

Liên quan đến tốc độ pageloading nên tôi

tùy chọn 1 - tài liệu tham khảo mỗi js tập tin khi nó là cần thiết:

nên một trang có thể có:

<script type="text/javascript" src="js/carousel/scrollable.js"></script>  
<script type="text/javascript" src="js/jquery.easydrag.js"></script> 
<script type="text/javascript" src="js/colorbox/jquery.colorbox-min.js"></script> 

và khác có:

<script type="text/javascript" src="st_wd_assets/js/carousel/scrollable.js"></script> 
<script type="text/javascript" src="st_wd_assets/js/typewatch.js"></script> 

phương án 2 - kết hợp và nén thành một site_wide.js file:

vì vậy mỗi trang sẽ tham khảo:

<script type="text/javascript" src="js/site_wide.js"></script> 

sẽ có bộ chọn không sử dụng/sự kiện người nghe, mặc dù như thế nào xấu là điều này? Tôi sẽ bao gồm bất kỳ ghi chú/chứng nhận plugin nào ở đầu tệp site_wide.js

Answer 1

Thường là tốt nhất để combine these and serve one file, bạn đặt tiêu đề bộ nhớ cache để khách hàng nắm giữ nó, không yêu cầu mỗi trang. Hãy nhớ rằng nếu một bộ chọn jQuery không tìm thấy gì, nó không làm bất cứ điều gì vì vậy đó không phải là một thỏa thuận lớn miễn là bạn đang sử dụng một phần tốt của kịch bản của bạn mỗi trang, nó chỉ tốt mà nó có bộ chọn không khớp.

Make sure it's being cached by the client though, tất cả công việc của bạn là vô ích. Đồng thời đảm bảo rằng it's served minified and gzipped. Và cuối cùng, hãy xem lưu trữ main libraries from a CDN của bạn.

Answer 2

Kết hợp chúng thành một tệp lớn bên ngoài và được rút gọn và bao gồm trong mỗi trang. Sau khi tải trang đầu tiên, trình duyệt sẽ lưu vào bộ nhớ cache, vì vậy người dùng sẽ chỉ tải xuống một lần.