Video: How to auto clear cache Autoptimize | dotrungquan.info 2025
Một trong những nguyên nhân chính của các trang web chậm là tập lệnh chặn. Tập lệnh chặn là tệp JavaScript có tải và thực hiện chặn tải trang web. Trong trường hợp cực đoan, một trình duyệt có thể tải xuống toàn bộ trang web và hiển thị một màn hình trống trong vài giây hoặc lâu hơn trong khi JavaScript được tải và phân tích cú pháp. Bởi vì người dùng web có xu hướng trở nên buồn chán một cách nhanh chóng, nên hoàn toàn tránh tình trạng này.
May mắn thay, có một số cách để tải JavaScript và thực thi và làm cho các trang web của bạn hiển thị nhanh hơn.
Cách thứ nhất là sử dụng thuộc tính defer của phần tử kịch bản. Dưới đây là những gì có vẻ như:
Lưu ý rằng thuộc tính defer chỉ có thể được sử dụng với các tệp JavaScript bên ngoài. Không thể áp dụng cho các khối trong một tài liệu.
Khi có mặt, thuộc tính hoán chuyển sẽ làm cho tập lệnh được thực hiện sau khi trang đã hoàn thành việc phân tích cú pháp.
Một cách khác để trì hoãn tải và thực thi một kịch bản là phương pháp được Google đề xuất. Google khuyên bạn nên đặt mã sau ở cuối trang web của bạn. Để sử dụng nó, bạn sẽ thay thế tên tập lệnh mẫu (ở đây, myscript.js) với tên tập tin của riêng bạn, tất nhiên.
chức năng downloadJSAtOnload () {var element = document. createElement ("kịch bản"); thành phần. src = "myscript.js"; tài liệu. thân hình. appendChild (element);} if (cửa sổ. addEventListener) cửa sổ. addEventListener ("load", downloadJSAtOnload, false); else if cửa sổ (cửa sổ attachEvent). attachEvent ("onload", downloadJSAtOnload); cửa sổ khác. onload = downloadJSAtOnload;
Một thuộc tính khác để giúp đỡ trì hoãn JavaScript là thuộc tính async. Thuộc tính async là mới trong HTML5. Dưới đây là những gì có vẻ như:
Giống như thuộc tính defer, thuộc tính async chỉ có thể được sử dụng với các kịch bản bên ngoài (nơi mà thuộc tính src được sử dụng). Khi có mặt, thuộc tính async sẽ làm cho kịch bản được thực hiện không đồng bộ với phần còn lại của trang. Nói cách khác, tập lệnh sẽ thực hiện cùng lúc với phần còn lại của trang.
Phương pháp nào bạn chọn sử dụng có thể có ảnh hưởng đến việc phần còn lại của JavaScript trên trang của bạn chạy đúng hay không Hãy đảm bảo kiểm tra tất cả mọi thứ sau khi thực hiện tải bị trì hoãn. Thực hiện đúng, việc trì hoãn JavaScript có thể làm giảm đáng kể thời gian chờ của người dùng và làm cho mọi người hạnh phúc hơn.
