• Home
  • WordPress
    • Thủ thuật WordPress
    • WordPress plugins
    • WordPress themes
    • Hosting và domain
  • Kiếm tiền
    • Google AdSense
    • Tiếp thị liên kết
    • Rút gọn link
  • Quà tặng
  • Khuyến mãi
  • Đánh giá
  • Dịch vụ
    • WordPress Hosting
    • Cài đặt WordPress
    • Quét mã độc website
    • Tối ưu WordPress
    • Mua theme Paradise
  • Thông báo
  • Liên hệ

WP Căn bản

Thủ thuật WordPress và kiếm tiền online

wordpress-theme-tot-nhat

Trang chủ » WordPress » Thủ thuật WordPress » Loại bỏ query string trong WordPress không cần dùng plugin

Loại bỏ query string trong WordPress không cần dùng plugin

03/07/2014 23/03/2017 Trung Hiếu 21 Bình luận

Mục lục bài viết

  1. Query string là gì?
  2. Loại bỏ query string mà không cần dùng plugin

Loại bỏ query string trong WordPress mà không cần dùng plugin.

loai-bo-query-string-cua-js-css-trong-wordpress

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.

// 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 );

view raw
remove-query-string
hosted with ❤ by GitHub

Lưu lại và sử dụng Google PageSpeed Insights để kiểm tra kết quả:

  • Trước khi thêm code:

truoc-khi-loai-bo-query-string

  • Sau khi thêm code:

sau-khi-loai-bo-query-string

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. :)

4.8 / 5 ( 23 bình chọn )
  • Share on Facebook
  • Tweet on Twitter

Bài viết liên quan

Chuyên mục: Thủ thuật WordPress Thẻ: Tăng tốc WordPress

dich-vu-cai-dat-website-wordpress-mien-phi

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến WordPress nhé.

Bài viết trước « Top 8 công cụ kiểm tra và sửa chữa links hỏng tốt nhất
Bài viết sau Top 5 rich snippets plugin tốt nhất dành cho WordPress »

Reader Interactions

Bình luận

    Trả lời Hủy

    Lưu ý:
    > Không sử dụng từ khóa trong mục "Tên".
    > Hãy sử dụng tên thật và địa chỉ email chính xác.
    > Vui lòng bình luận bằng tiếng Việt có dấu.
    Mọi bình luận trái quy định sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn.

  1. Kiên viết

    29/01/2015 lúc 23:51

    bác Hiếu cho em hỏi sao cho vào toàn trắng trang vậy bác

    Trả lời
    • Trung Hiếu viết

      30/01/2015 lúc 07:50

      Mình đã update lại bài viết nhé. Bạn test thử xem sao. :)

      Trả lời
      • kiên viết

        30/01/2015 lúc 12:07

        Vẫn bị trắng trang nè bác

        Trả lời
        • Trung Hiếu viết

          30/01/2015 lúc 13:05

          Bạn bật debug lên xem nó xung đột với plugin or hàm nào không?

          Trả lời
  2. Mr.Thanh viết

    13/09/2016 lúc 21:48

    Dear 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.

    Trả lời
    • Trung Hiếu viết

      14/09/2016 lúc 08:28

      Ban 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

      Trả lời
      • mr.Thanh viết

        14/09/2016 lúc 08:52

        Thanks 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.

        Trả lời
        • Trung Hiếu viết

          14/09/2016 lúc 08:56

          Mì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

          Trả lời
  3. Soju viết

    23/03/2017 lúc 23:16

    http://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

    Trả lời
    • Trung Hiếu viết

      24/03/2017 lúc 08:39

      Tham khảo bài viết “Tải không đồng bộ JavaScript trong WordPress mà không dùng plugin“. :P

      Trả lời
  4. Nguyễn Thanh Dương viết

    24/03/2017 lúc 09:02

    Mì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?

    Trả lời
    • Trung Hiếu viết

      24/03/2017 lúc 09:03

      Có chứ bạn. WP Super Cache đâu có tính năng loại bỏ query string như WP Rocket. :P

      Trả lời
      • Nguyễn Thanh Dương viết

        24/03/2017 lúc 17:05

        Hay 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.

        Trả lời
  5. Soju viết

    24/03/2017 lúc 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 @@

    Trả lời
    • Trung Hiếu viết

      24/03/2017 lúc 19:27

      Ủa. Host của GoDaddy có FTP mà. :P

      Trả lời
      • Soju viết

        24/03/2017 lúc 19:29

        thô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 :(

        Trả lời
        • Trung Hiếu viết

          24/03/2017 lúc 21:34

          Thử 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

          Trả lời
  6. Quang Huy viết

    26/06/2017 lúc 00:16

    Wow, 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

    Trả lời
    • Trung Hiếu viết

      26/06/2017 lúc 09:39

      Chúc mừng bạn. :)

      Trả lời
  7. Lê Tuấn Anh viết

    22/04/2018 lúc 17:39

    Hay 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 ?

    Trả lời
    • Trung Hiếu viết

      23/04/2018 lúc 10:46

      Code 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.

      Trả lời

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Đừng quên truy cập vào email của bạn để xác nhận việc đăng ký nhé!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-gia-re-tot-nhat

Bạn đang tìm gì?

  • WordPress căn bản
  • Bảo mật WordPress
  • Tăng tốc WordPress
  • Sửa lỗi WordPress
  • Thủ thuật Genesis
  • Thủ thuật SEO

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-website-wordpress-chat-luong-cao

Bài viết mới nhất

  • Nâng cấp tính năng tìm kiếm mặc định của WordPress 04/03/2021
  • Hướng dẫn sử dụng LiteSpeed Memcached 17/01/2021
  • Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache 08/01/2021
  • Hướng dẫn nâng cấp PHP 8 cho website WordPress 15/12/2020
  • Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Zalo 11/11/2020
  • Hiển thị mô tả cho category và tag trong WordPress 05/11/2020

Dịch vụ quét mã độc miễn phí

quet-ma-doc-mien-phi-cho-website

Footer

Bình luận mới nhất

  • luc trong Tính năng Automatic Platform Optimization của CloudFlare
  • Trung Hiếu trong Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Zalo
  • Nguyễn Hậu trong Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Zalo
  • Trung Hiếu trong Tính năng Automatic Platform Optimization của CloudFlare

Bình luận nhiều nhất (tháng)

  1. Hưng (1)
  2. Huy (1)
  3. Lịch Sử (1)
  4. luc (1)
  5. Nguyễn Hậu (1)
  6. NGUYEN MANH QUYET (1)

Thông tin hữu ích

  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

10 Chuyên mục - 979 Bài viết - 37317 Bình luận
positivessl-trust-seal

Bản quyền © 2014 - 2020 · WP Căn bản · Sử dụng Paradise child theme và dịch vụ WordPress Hosting