Plugin JavaScript WordPress miễn phí
Frank Goossens đã phát triển plugin Async JavaScript miễn phí . Bạn có thể sử dụng plugin để loại bỏ nội dung Javascript (JS) chặn hiển thị trong màn hình đầu tiên . Nó tương thích với WordPress 4.6 trở lên. Bạn có thể tải xuống miễn phí bằng năm ngôn ngữ: tiếng Hà Lan, tiếng Anh Mỹ và ba phương ngữ Tây Ban Nha
Ứng dụng này cung cấp cho bạn toàn quyền kiểm soát việc thêm và loại bỏ thuộc tính trì hoãn hoặc chờ đợi cho các tập lệnh và giúp tăng trang web tốc độ tải . Các plugin khác cung cấp tải JS không đồng bộ là Lazy Widget Loader và Reverb for Publishers.
Giải thích về tải không đồng bộ
Thông thường, WordPress tải từng tập lệnh một. Vì nó phải tải đầy đủ một mục trước khi tải mục tiếp theo, điều này làm tăng thời gian tải tổng thể của trang web.
Tải không đồng bộ cho phép các tệp tải song song . Các nhà phát triển làm như vậy bằng cách thêm thuộc tính không đồng bộ vào Javascrip của bạn hoặc thuộc tính 'trì hoãn' để loại trừ các tập lệnh cụ thể.
Hỗ trợ trình duyệt và CSS
Không đồng bộ là một thuộc tính mới trong HTML 5 và Chrome, Internet Explorer 10 trở lên, Firefox 3.6 trở lên, Safari và Opera . Nó chỉ hoạt động với xếp hàng tập lệnh WordPress tích hợp sẵn.
Một thuộc tính hữu ích khác để sử dụng với async là await, điều này hữu ích cho các hàm API web. Hãy nhớ rằng await chỉ hoạt động trong các hàm async. Một điều kiện cụ thể được đặt và chỉ khi điều kiện này được đáp ứng thì Javascript mới tải không đồng bộ.
plugin chỉ hoạt động với JS và không thay đổi tập lệnh CSS của bạn theo bất kỳ cách nào. Để tối ưu hóa CSS, bạn sẽ cần một plugin chuyên dụng cho chức năng này.
Tăng hiệu suất trang web
JavaScript không đồng bộ cung cấp cho chủ sở hữu trang web cách tải JavaScript không đồng bộ hoặc loại bỏ hoặc trì hoãn việc tải các tập lệnh cụ thể, giảm thời gian tải trang. Một tùy chọn hữu ích khác là 'chờ đợi', nơi các tập lệnh chỉ tải khi một điều kiện cụ thể được đáp ứng. Await cũng đơn giản hóa mã hóa .
Với bản phát hành mới nhất, nhà phát triển đã thêm giải pháp cho các tập lệnh JS nội tuyến cụ thể được đồng bộ hóa không đồng bộ.
