Powered by Blogger.

Ad Code

Search This Blog For Great Content

Blog Archive

Popular Posts

Most Popular

Popular Posts

Saturday, December 26, 2015

Cách nội tuyến Javascript nhỏ

  Alan Bin       Saturday, December 26, 2015
nội tuyến Javascript
Nội tuyến Javascript nhỏ là cách làm hay nhất để nhúng mã codẹ Javascript vào trong thẻ HTML của website. Bằng cách này các mã Javascript nhỏ sẽ nằm gọn trong cấu trúc HTML mà không cần phải gọi nó từ bên ngoài. Như chúng ta biết Javascript có một sức tải rất nặng mà mỗi website phải gánh chịu khi có số lượng lớn người dùng tải trang trong cùng một thời điểm. Để hạn chế điều này, nhiều webmaster đã chọn một số giải pháp như: loại bỏ một số mã java không cần thiết khỏi các cuộc gọi bên ngoài, hoặc không đồng bộ tải nó cho đến khi các phần tử cốt lõi của trang đã tải xong, hoặc lựa chọn thứ 3 là nội tuyến chúng trong tập tin HTML của mình. Thông thường phương án thứ 3 sẽ được lựa chọn nhiều hơn nếu các tập tin Javascript này nhỏ gọn và thực sự cần thiết cho cấu trúc thiết kế của trang.

Cũng giống như việc nội tuyến CSSnội tuyến Javascript nhỏ cũng có ưu điểm tương tự là làm tăng tốc độ tải trang và giảm thời gian đáp ứng máy chủ tốt nhất. Khi có một ai đó truy cập vào trang web, họ sẽ chuyển sang xem các trang tiếp theo trên trang này thì các javascipt chính được nội tuyến sẽ phản hồi một cách nhanh nhất và không cần phải chờ đợi rất lâu để kêu gọi các tập tin riêng lẻ từ bên ngoài.


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


Nội tuyến các tập tin Javascript nhỏ như thế nào?

Rất đơn giản, chỉ cần đặt đoạn mã Javascript cần nội tuyến vào bên trong cặp thẻ <head></head> trong phần tử HTML của website theo cú pháp dưới đây:

<script>
Mã code Javascript nhỏ
<script>

Tiếp theo, hãy đặt chúng trong vào phía trên thẻ đóng </head>. Lưu mẫu và kiểm tra xem kết quả tải trang có được cải thiện không. Tất nhiên sẽ được cải thiện rất nhiều. Nếu mã code Javascript quá lớn, hoặc không cần thiết thì không nên nội tuyến chúng sẽ làm giảm tốc độ tải trang, thay vào đó chúng ta sẽ thực hiện cách gộp các Javascript bên ngoài lại với nhau sẽ có hiệu quả hơn nhiều.


                                                                           Đọc thêm: 

                                        Lưu trữ CSS và Javascript trên Google Drive

                                        Cách nén JavaScript và CSS stylesheet trong Blogger?

logoblog

Thanks for reading Cách nội tuyến Javascript nhỏ

Previous
« Prev Post

No comments:

Post a Comment