Cách gộp các Javascript bên ngoài

Trong bài viết trước đã hướng dẫn cách gộp các CSS bên ngoài, ở bài này sẽ hướng dẫn các bạn cách gộp các Javascript bên ngoài thành một file Javascrip chính. Về cách thức thức thưch hiện cũng tương tự như cách gộp CSS. Tuy nhiên có sự khác biệt ở đây nếu chúng ta kết hợp các Javascript không theo một thứ tự đúng chuẩn thì sẽ xảy ra lỗi. 

Việc kết hợp các file Javascrip bên ngoài vào một file sẽ làm giảm thời gian tải trang, bởi vì bạn đang làm giảm các yêu cầu tải các Javascrip cùng một lúc. Thay vào đó chỉ tải duy nhất một file. Để kiểm tra website có bao nhiêu tập tin JS được tải bên ngoài thì dựa vào công cụ PageSpeed Insights của Google. Ví dụ: website của bạn có 3 tập tin Js bên ngoài. Trong đó tập tin a.js là file Javascript chính còn b.js và c.js là các Javascript phụ


                                            Đọc thêm:  Cách loại bỏ render chặn JavaScript


http://yourdomain.com/a.js
http://yourdomain.com/b.js
http://yourdomain.com/c.js

Bây giờ hãy mở 3 link này ra và copy cả 3 đoạn mã của 3 file Js này dán vào file Notepad và lưu tên thành main.js (Lưu ý: phải dán thứ tự các doạn mã js chính được dán đầu tiên, sau đó mới dán các Js phụ để tránh lỗi xãy ra). Giống như hình vẽ dưới

Sau đó sẽ thu được file mian.js như sau:

Việc cuối cùng là chúng ta upload file Javascrip mới này lên Google Drive để lấy link mới chèn vào HTML của website. Khi thay link mới vào website, hãy loại bỏ tất cả các file Js củ lấy từ bên ngoài. Thay thế link Js mới bằng cách chèn cú pháp lệnh sau vào phía trên thẻ đóng </body>

<script src='link main.js mới' type='text/javascript'/>

Thay link main.js mới bằng đường link của file main.js đã upload lên Google Drive. Sau đó Lưu mẫu và thưởng thức tốc độ load của website. Lưu ý, nếu có thể bạn không đồng bộ file Js này có thể tải nhanh hơn nữa. Bởi vì file js này có thể tải sau, sau khi xuất hiện các thành phần đầu tiên của màn hình. Chúc mọi người thành công.

                           Đọc thêm: Cách nén JavaScript và CSS stylesheet trong Blogger