WordPress mặc định bao gồm jQuery trong core software. Tuy nhiên, để cải thiện hiệu suất thì bạn có thể thay thế bằng phiên bản jQuery mới nhất từ Google library. Ở bài viết này, Vietnix sẽ hướng dẫn bạn cách thay thế WordPress jQuery script mặc định bằng Google library để cải thiện hiệu suất và tốc độ một cách dễ dàng.
Khi nào nên thay thế WordPress jQuery mặc định và tại sao phải thay thế?
jQuery là một thư viện JavaScript phổ biến được các nhà phát triển sử dụng để tạo ra các ứng dụng web đẹp mắt. Ngoài ra, nó cũng thường được sử dụng trong WordPress để thêm các tính năng như slider, popup,…
WordPress bao gồm một jQuery library được đóng gói cùng với core WordPress software (phần mềm chính của WordPress ). Rất nhiều plugin WordPress hàng đầu và các theme WordPress phổ biến đều dựa vào thư viện này để cung cấp các chức năng và tính năng cần thiết.
Tuy nhiên, việc tải jQuery trên hosting có thể tiêu tốn nhiều tài nguyên và làm chậm website của bạn, đặc biệt là nếu bạn sử dụng theme hoặc plugin WordPress không đạt chuẩn trong quy tắc của WordPress.
Một vấn đề khác khi sử dụng phiên bản jQuery đi kèm với WordPress là không được cập nhật, trừ khi WordPress cập nhật phiên bản jQuery. Có thể có các phiên bản jQuery mới hơn cải thiện về hiệu suất hoặc bảo mật, nhưng bạn sẽ không có quyền truy cập cho đến khi phiên bản này đi kèm với bản cập nhật của WordPress.
Để khắc phục vấn đề này, bạn có thể tải jQuery thông qua Google servers hoặc CDN của jQuery.
Google Hosted Libraries sẽ là một lựa chọn tốt vì server ổn định, được cập nhật và tối ưu về tốc độ, giúp jQuery tải nhanh hơn trên trang web WordPress của bạn.
Khi xây dựng và vận hành một website trên nền tảng WordPress, việc tối ưu tốc độ tải trang là rất quan trọng. Để giúp trang web tải nhanh hơn và cải thiện trải nghiệm người dùng, ngoài việc thay thế jQuery Script mặc định của WordPress bằng Google Library, bạn cũng có thể áp dụng một phương pháp khác là sử dụng hosting tốc độ cao.
Vietnix hiện đang cung cấp nhiều gói hosting tốc độ cao với giá chỉ từ 5.000 VND/Tháng như Hosting Giá Rẻ, Hosting Cao Cấp, Business Hosting, SEO Hosting và WordPress Hosting. Các gói hosting của Vietnix sử dụng 100% ổ cứng SSD/NVMe kết hợp với công nghệ Litespeed Enterprise giúp website tải nhanh gấp 10 lần so với hosting thông thường.
Ngoài ra, khi mua hosting Vietnix, bạn còn được tặng miễn phí bộ theme và plugin WordPress bản quyền trị giá đến 26.000.000 VND/Năm. Giúp bạn dễ dàng xây dựng website WordPress chuyên nghiệp, đẹp mắt với mức phí tiết kiệm nhất.
Sử dụng hosting Vietnix, đảm bảo rằng website của bạn được lưu trữ trên một môi trường ổn định, an toàn và có tốc độ cao. Liên hệ ngay để được tư vấn chi tiết hơn.
Thay thế WordPress jQuery Script mặc định bằng Google library
WordPress đi kèm với một phương thức được tích hợp sẵn để dễ dàng thêm các scripts và stylesheets. Việc này cho phép xóa bỏ bất kỳ scripts hay stylesheets nào được tải bằng phương thức tích hợp sẵn một cách an toàn.
Bạn sẽ dùng phương thức này để vô hiệu hóa jQuery mặc định của WordPress. Sau đó, chỉ định cho WordPress tải jQuery thông qua Google library.
Tiến hành thêm đoạn code sau vào file functions.php của theme, plugin cụ thể cho website hoặc plugin code snippets.
function wpb_modify_jquery() {
//check if front-end is being viewed
if (!is_admin()) {
// Remove default WordPress jQuery
wp_deregister_script('jquery');
// Register new jQuery script via Google Library
wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js', false, '3.6.0');
// Enqueue the script
wp_enqueue_script('jquery');
}
}
// Execute the action when WordPress is initialized
add_action('init', 'wpb_modify_jquery');Một đề xuất dành cho bạn là sử dụng plugin WPCode để thêm đoạn code này vào WordPress. Plugin này miễn phí, dễ sử dụng và không tạo ra lỗi cho website nếu có sự cố.
Bạn cần cài đặt và kích hoạt WPCode.
Tại WordPress dashboard, đi đến mục Code Snippets > Chọn Add Snippet. Sau đó, tìm Add Your Custom Code (New Snippet) và nhấn vào nút Use snippet bên dưới.
Kế đến, bạn có thể thêm tiêu đề cho đoạn code. Tiêu đề bạn có thể đặt sao cho dễ nhận biết được đoạn code này được dùng để làm gì.
Sau đó, chỉ cần đưa đoạn code vào khung Code Preview và chọn PHP Snippet từ mục Code Type.
Cuối cùng, chuyển từ Inactive sang Active và nhấp vào nút Save Snippet để lưu lại.
Sau khi hoàn tất, WordPress sẽ thay thế jQuery mặc định và tải nó thông qua Google library.
Lưu ý: Phương pháp này sẽ tiếp tục tải phiên bản jQuery được đề cập trong URL. Sau này bạn có thể cần thay đổi Google library URL để sử dụng phiên bản jQuery mới hơn.
Google sẽ không tự động cập nhật phiên bản mới nhất vì có thể gây ra vấn đề về sự tương thích nếu theme hoặc plugin của bạn đang sử dụng một phiên bản khác.
Bạn có thể tìm URL mới nhất bằng cách truy cập vào trang web Google hosted libraries. Ở đây, bạn cũng có thể tìm URL cho các phiên bản cũ hơn của jQuery, mà bạn có thể sử dụng để khắc phục các sự cố nếu cần.
Thay thế các jQuery library mặc định khác
Ngoài các jQuery library chính, WordPress cũng bao gồm một vài jQuery scripts khác như jQuery Mobile, jQuery UI và được lưu trữ trên Google library.
Đối với các thư viện khác, bạn có thể sử dụng CDN server của jQuery để tải nhanh hơn. Trong ví dụ dưới đây, đã thay thế WordPress jquery-ui-core script mặc định bằng phiên bản chính thức jquery-ui.
function wpb_modify_jquery_ui() {
if (!is_admin()) {
wp_deregister_script('jquery-ui-core');
wp_register_script('jquery-ui-core', 'https://code.jquery.com/ui/1.12.1/jquery-ui.min.js', false, '1.12.1');
wp_enqueue_script('jquery-ui-core');
}
}
add_action('init', 'wpb_modify_jquery_ui');Tương tự như Google libraries, sau một thời gian bạn sẽ cần thay đổi URL để sử dụng phiên bản mới nhất của script.
Tắt hoàn toàn jQuery trong WordPress
jQuery được sử dụng phổ biến, do đó bạn không nên tắt hoàn toàn jQuery trên website WordPress. Ngay cả khi theme WordPress không sử dụng thì nhiều plugin WordPress phổ biến vẫn cần jQuery.
Tuy nhiên, nếu bạn chắc chắn website của mình không cần jQuery, bạn có thể tắt nó một cách an toàn.
Chỉ cần thêm đoạn code sau vào file functions của theme, plugin cụ thể cho website hoặc plugin code snippets như WPCode.
if ( !is_admin() ) wp_deregister_script('jquery');Đoạn code trên chỉ đơn giản vô hiệu hóa jQuery script khỏi việc tải front end của website WordPress.
Khắc phục sự cố liên quan đến jQuery trong WordPress
Các phiên bản mới của jQuery đôi khi có thể xóa hoặc gỡ bỏ các phương thức và chức năng cũ. Nếu một plugin WordPress trên website đang sử dụng một phương thức cũ thì có thể gặp sự cố.
Bạn có thể thấy các cảnh báo ở Console tại Inspect tool hoặc có thể nhận thấy một số tính năng đơn giản ngừng hoạt động.
Trước đây, WordPress sử dụng script được gọi là jQuery-migrate để cung cấp khả năng backup tương thích với các phiên bản cũ của jQuery. Tuy nhiên, từ phiên bản WordPress 5.5 trở đi, script này đã được loại bỏ khỏi WordPress.
Nếu bạn muốn thêm lại jQuery-migrate hoặc khắc phục sự cố giữa các phiên bản jQuery khác nhau, bạn có thể áp dụng cách sau đây.
Bạn tiến hành cài đặt và kích hoạt plugin Version Control for jQuery.
Sau đó, truy cập vào Settings > Chọn jQuery Version Control > Chọn phiên bản jQuery muốn sử dụng.
Plugin sẽ tự động tải phiên bản đó từ CDN official của jQuery.
Plugin cũng sẽ tải jQuery migrate script. Nếu bạn muốn, bạn có thể vô hiệu hóa trong quá trình khắc phục sự cố.
Cuối cùng, nhấn Save Changes để lưu lại các thay đổi.
Vietnix là nhà cung cấp hosting uy tín hàng đầu tại Việt Nam mà bạn có thể yên tâm lựa chọn khi có hơn 11 năm kinh nghiệm và đồng hành cùng hơn 50.000 khách hàng.
Uy tín và chất lượng dịch vụ của Vietnix còn được khẳng định thông qua việc 97% khách hàng sử dụng dịch vụ đều đánh giá 5 sao. Vietnix cũng đã đạt giải thưởng Thương hiệu Việt Nam xuất sắc năm 2022.
Vietnix cam kết mang đến cho bạn những giải pháp lưu trữ website tốt nhất và hỗ trợ tận tâm 247 để bạn có thể yên tâm kinh doanh mà không cần lo lắng về các vấn đề kỹ thuật.
Mọi vấn đề thắc mắc cần tư vấn, vui lòng liên hệ:
- Địa chỉ: 265 Hồng Lạc, Phường 10, Quận Tân Bình, Thành Phố Hồ Chí Minh
- Hotline: 1800 1093
- Email: sales@vietnix.com.vn
Lời kết
Hy vọng bài viết đã giúp bạn biết cách thay thế WordPress jQuery Script mặc định bằng Google library. Chúc bạn thực hiện thành công. Nếu có góp ý hay bất kỳ thắc mắc nào, bạn hãy để lại bình luận bên dưới nhé.
