Loại bỏ query string trong WordPress mà không cần dùng plugin.
Muốn đạt được điểm số cao trong các bài test tốc độ với Google PageSpeed Insights, GTmetrix, Pingdom thì một trong những việc quan trọng bạn cần làm là loại bỏ query string (chuỗi truy vấn) khỏi tất cả các tập tin CSS và JS trong blog/ website WordPress. Có nhiều yếu tố khác nhau ảnh hưởng đến tổng thời gian tải site của bạn và Google PageSpeed xem xét tất cả những yếu tố này. Theo GTmetrix, việc loại bỏ các chuỗi truy vấn từ các file nguồn tĩnh như CSS và JS có mức độ ưu tiên cao hơn khi kiểm tra tốc độ tải của một blog/ website.
Tham khảo thêm:
- Loại bỏ query strings trong WordPress với plugin WP Rocket
- Minify HTML, JavaScript và CSS trong WordPress không cần plugin
Query string là gì?
Query string (chuỗi truy vấn) là một phương thức mà các tập tin khác nhau thông qua các giá trị nội dung hoặc chứa thông tin chi tiết về các phiên bản. Chúng được sử dụng trong cả JS và CSS. Thực chất, query string là một trong những phương thức được sử dụng bởi các nhà phát triển để ngay lập tức cập nhật phiên bản mới.
Hãy tưởng tượng bạn là một nhà phát triển. Bạn đã tạo ra một plugin trong đó có vài tập tin CSS và JS. Bây giờ, nếu một ai đó cài đặt plugin của bạn và đồng thời sử dụng dịch vụ CDN thì các tập tin tĩnh (cả CSS và JS) sẽ được lưu trữ trong nhiều tuần, tháng hoặc thậm chí nhiều năm. Nếu bạn phát hành một bản cập nhật cho plugin, nó sẽ không được hiển thị cho đến khi tập tin lưu trữ hết hạn. Vì vậy, các nhà phát triển sử dụng các chuỗi truy vấn (không được lưu trữ bởi hầu hết các trình duyệt và các dịch vụ CDN).
Nói chung query string có thể hữu ích cho các nhà phát triển và lập trình viên. Nhưng trái lại, nó có ảnh hưởng lớn đến tốc độ tải blog/ website của bạn.
Loại bỏ query string mà không cần dùng plugin
Trong WordPress, bạn có thể làm điều này một cách vô cùng đơn giản. Tất cả những gì bạn cần làm thêm đoạn code snippet sau đây vào tập tin function.php của theme mà bạn đang dùng.
Lưu lại và sử dụng Google PageSpeed Insights để kiểm tra kết quả:
- Trước khi thêm code:
- Sau khi thêm code:
Thật đơn giản phải không nào? Chúc các bạn thành công!
Bạn biết giải pháp khác đơn giản và hữu ích hơn để loại bỏ query string trong WordPress? Hãy chia sẻ nó với chúng tôi bằng cách sử dụng khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Kiên đã bình luận:
29/01/2015 at 23:51bác Hiếu cho em hỏi sao cho vào toàn trắng trang vậy bác
Trung Hiếu đã bình luận:
30/01/2015 at 07:50Mình đã update lại bài viết nhé. Bạn test thử xem sao. :)
kiên đã bình luận:
30/01/2015 at 12:07Vẫn bị trắng trang nè bác
Trung Hiếu đã bình luận:
30/01/2015 at 13:05Bạn bật debug lên xem nó xung đột với plugin or hàm nào không?
Mr.Thanh đã bình luận:
13/09/2016 at 21:48Dear Hiếu, mình không hiểu chỗ lấy các tên js kia ở đâu? Bạn hướng dẫn mình rõ hơn một chút được không? Cảm ơn bạn nhiều.
Trung Hiếu đã bình luận:
14/09/2016 at 08:28Ban có thể view source hoặc xem thông qua các công cụ test tốc độ như Google PageSpeed Insights, Tools Pingdom, GTMetrix. :P
mr.Thanh đã bình luận:
14/09/2016 at 08:52Thanks bạn. Tên của file js thì chỉ lấy tên ngay sau: .js phải không? Vd: entry-header.js hay cả đường dẫn url của file js đó. Mình cảm ơn.
Trung Hiếu đã bình luận:
14/09/2016 at 08:56Mình đã có hình minh họa cách lấy tên file JS trong bài viết rồi đó bạn. :P
Soju đã bình luận:
23/03/2017 at 23:16http://sv1.upsieutoc.com/2017/03/23/Untitled27d42.png
Bệnh này xử lí thế nào hả a ơi :( tốc độ cùi quá buồn hết cả người huhu
Trung Hiếu đã bình luận:
24/03/2017 at 08:39Tham khảo bài viết “Tải không đồng bộ JavaScript trong WordPress mà không dùng plugin“. :P
Nguyễn Thanh Dương đã bình luận:
24/03/2017 at 09:02Mình đã tham khảo về bài viết WP Super Cache và đã thực hiện theo các bước bạn hướng dẫn thì có cần làm những thao tác trong bài viết này không bạn?
Trung Hiếu đã bình luận:
24/03/2017 at 09:03Có chứ bạn. WP Super Cache đâu có tính năng loại bỏ query string như WP Rocket. :P
Nguyễn Thanh Dương đã bình luận:
24/03/2017 at 17:05Hay thật, nhờ đoạn code này mà tốc độ load web của mình được cải thiện rõ rệt. Cảm ơn bạn.
Soju đã bình luận:
24/03/2017 at 18:23// Loại bỏ Query String trong WordPress function remove_cssjs_ver( $src ) { if( strpos( $src, ‘?ver=’ ) ) $src = remove_query_arg( ‘ver’, $src ); return $src; } add_filter( ‘style_loader_src’, ‘remove_cssjs_ver’, 10, 2 ); add_filter( ‘script_loader_src’, ‘remove_cssjs_ver’, 10, 2 );
Warning: Cannot modify header information – headers already sent by (output started at /home/content/a2pewpnas01_data02/61/3968561/html/wp-content/themes/nominal/functions.php:453) in /home/content/a2pewpnas01_data02/61/3968561/html/wp-includes/pluggable.php on line 1179
Chết em rồi. em dùng host rẻ của godaddy không có fpt sao sửa lại như cũ đây a ơi. chỉ sửa đc bằng plugin File Manager mà giờ như này cứu e với @@
Trung Hiếu đã bình luận:
24/03/2017 at 19:27Ủa. Host của GoDaddy có FTP mà. :P
Soju đã bình luận:
24/03/2017 at 19:29thôi a ạ. web e đi luôn rồi. không biết làm sao e cho cài lại từ đầu rồi. nghịch ngu không sao lưu trước coi như bài học :(
Trung Hiếu đã bình luận:
24/03/2017 at 21:34Thử tìm hiểu đi, lần sau còn vào host mà khắc phục. Nếu mình nhớ không nhầm thì GoDaddy có hỗ trợ FTP đó. :P
Quang Huy đã bình luận:
26/06/2017 at 00:16Wow, thật là tuyệt vời đó bạn.
Kiểm tra đạt 96 điểm trên tools.pingdom.com luôn, cảm ơn bạn nhiều nhé <3
Trung Hiếu đã bình luận:
26/06/2017 at 09:39Chúc mừng bạn. :)
Lê Tuấn Anh đã bình luận:
22/04/2018 at 17:39Hay quá anh Hiếu ơi, em chèn xong từ 67 điểm nhảy lên 92 điểm luôn rồi.
Mà còn 2 cái dòng này : http://www.upsieutoc.com/image/4vIACC
Sao nó không xóa vậy anh ?
Trung Hiếu đã bình luận:
23/04/2018 at 10:46Code này chỉ áp dụng cho file JS, CSS chứ không áp dụng cho Web Font bạn nhé. Còn cái Gravatar kia thì không nằm trên host nên tất nhiên cũng sẽ không bị ảnh hưởng bởi code.