Làm Thế Nào Để Defer Parsing of JavaScript Trong WordPress

Quảng cáo
Ads_ngang
Website dinhthuanit.com có bài Làm Thế Nào Để Defer Parsing of JavaScript Trong WordPress Có nhiều lý do để Defer Parsing of JavaScript cho trang Web. Tuy nhiên, lý do quan trọng nhất là để cải thiện tốc độ Website

Giới thiệu

Có nhiều nguyên nhân để bạn tiến hành Defer Parsing of JavaScript cho trang Web của mình. Tuy nhiên, lý do quan trọng nhất là để cải thiện tốc độ Website. Thường thì các đoạn mã JavaScript sẽ được đặt trong thẻ . Khi Website được tải về thì những đoạn mã code cũng sẽ có đọc từ trên xuống dưới. Vì vậy, nếu bạn có nhiều đoạn JavaScript hoặc nhiều mã code tại đây thì sẽ mất nhiều thời gian để tải nội dung trên trang (vì phải tải hết mã JavaScript trước). Do đó, việc bức tốc Website sẽ được thi hành khi Defer Parsing of JavaScript, vì bây giờ site sẽ được tải mà không đợi mã JS code hoàn tất. Bài hướng dẫn này sẽ chỉ bạn 2 phương pháp để defer parsing of JavaScript trong WordPress.

Bạn cần gì        

Trước khi bắt đầu bạn phải chuẩn bị:

  • Truy cập vào trang quản trị WordPress
  • Truy cập được FTP/cPanel

Bước 1 — Phân tích website

Để biết bạn có nên làm việc này cho website WordPress không, bạn có thể dùng  GTMetrix tool.

Điểm bình quân lý tưởng trên GTMetrix cần đạt ít nhất 71% . Đây là kết quả từ việc kiểm tra một website WordPress:

Defer parsing of JavaScript WordPress cảnh báo trên GTMetrix.

Bước 2 — Defer Parsing of JavaScript trong WordPress

Có nhiều lựa chọn để bạn thi hành defer parsing of JS trên site WordPress của bạn.

QUAN TRỌNG! Cần đáp ứng backup website trước khi tiến hành.

Lựa chọn 1 – Deferring parsing of JavaScript bằng WordPress plugins

Một trong các cách đơn giản nhất để defer JS parsing trong WordPress là bằng cách sử dụng plugin WP Deferred JavaScript.

defer parsing of javascript via wp deferred js plugin

Một plugin khác cũng có thể có thể giúp bạn defer parsing of JavaScript là Speed Booster Pack, cũng có cung cấp vài tính năng để tối ưu WordPress

WordPress Speed Booster Pack activation

Sau khi cài đặt Speed Booster Pack bạn sẽ rất cần tới mục Settings  plugin.

Speed booster pack settings in WordPress dashboard

Chọn box Defer parsing of javascript files  và nhấn Save Changes

Defer parsing of Javascript files in wordpress via speed booster pack

Nếu bạn không biết làm thế nào để cài đặt Plugin WordPress, bạn có thể tham khảo thông tin chi tiết tại đây here.

Lựa chọn 2 – Deferring parsing of JavaScript qua functions.php

Để defer parsing of JS, mã này phải được dán vào cuối của file wp-includes/functions.php:

 function defer_parsing_of_js ( $url ) { if ( FALSE === strpos( $url, '.js' ) ) return $url; if ( strpos( $url, 'jquery.js' ) ) return $url; return "$url' defer "; } add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 ); 

Bước  3 — Kiểm tra thay đổi

Sử dụng cùng công cụ để kiểm tra tốc độ website. Đây là kết quả hiệu năng sau khi deferring JavaScript parsing:

Defer Parsing of Javascript WordPress success in GTMetrix website optimization score

Chúc mừng, bằng việc làm theo một số bước sau đây, bạn đã tăng tốc hiệu năng của website mau hơn và cho trải nghiệm người sử dụng tốt hơn!

Kết luận

Trong chỉ dẫn ngắn này, chúng tôi cho bạn biết phương pháp tăng tốc và tăng hiệu năng của website WordPress bằng cách deferring parsing of JavaScript. Hãy nhớ, website càng nhanh càng mượt chừng nào, lượt truy cập và con số khách truy cập vui tươi càng tăng!

Các bài chỉ dẫn liên quan:

  • How to Remove Query Strings From JavaScript and CSS in WordPress
  • How to Install WP Super Cache on WordPress
  • Optimize WordPress Images with WP Smush

Hãy bắt đầu dựng website của bạn bây giờ.

Từ khóa bài viết: dinhthuanit.com,

Bài viết Làm Thế Nào Để Defer Parsing of JavaScript Trong WordPress được tổng hợp và biên tập bởi: dinhthuanit.com. Mọi ý kiến đóng góp và phản hồi vui lòng gửi Liên Hệ cho dinhthuanit.com để điều chỉnh. dinhthuanit.com xin cảm ơn.

Bài Viết Liên Quan


Bài Viết Khác


Quảng cáo
Ads_ngang