• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Ngăn JS và CSS tải trên những trang nhất định của WordPress
hosting-tot-nhat-danh-cho-wordpress

Ngăn JS và CSS tải trên những trang nhất định của WordPress

Cập nhật: 24/01/2017 Trung Hiếu 9 Bình luận

Mục lục Hiện
  • 1. Ngăn JS và CSS tải trên những trang không cần thiết

Ngăn JS và CSS tải trên những trang nhất định của WordPress.

Thông thường, các file JS và CSS của theme hoặc plugin mà bạn đã cài đặt, active sẽ mặc định được tải trên tất cả các trang trong blog/ website WordPress, kể cả khi chúng không đóng bất cứ vai trò gì đối với giao diện cũng như chức năng của trang. Ví dụ như plugin kk Star Ratings, mặc dù bạn chỉ thiết lập hiển thị đánh giá 5 sao trên bài viết và trang đơn, nhưng file JS và CSS của nó xuất hiện cả trên trang chủ và các trang archives. Điều này khiến cho dung lượng HTML lớn hơn, làm trang load chậm hơn khi chúng phải gánh thêm những dữ liệu không cần thiết.

Tham khảo thêm:

  • Tải không đồng bộ JavaScript trong WordPress mà không dùng plugin
  • Loại bỏ code kk Star Ratings ra khỏi trang chủ và trang archives

Ngăn JS và CSS tải trên những trang không cần thiết

Để ngăn JS và CSS tải trên những trang không cần thiết, các bạn có thể chèn code vào trong file functions.php của theme đang sử dụng. Tuy nhiên, việc này rất phức tạp và đòi hỏi phải có nhiều kinh nghiệm về PHP. Nếu bạn là người dùng phổ thông thì sử dụng plugin để làm điều đó là một sự lựa chọn đơn giản hơn rất nhiều.

1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt plugin WP Asset CleanUp.

2. Truy cập WP Asset CleanUp => Settings => Tích vào mục Manage in the Front-end.

Click vào nút Save Changes để lưu lại. Việc này sẽ giúp hiển thị danh sách các file JS và CSS được load trong trang mà bạn đang truy cập (chỉ dành cho người dùng đang đăng nhập, người dùng bình thường sẽ không thấy).

3. Truy cập vào một trang nhất định trên blog/ website của bạn (trang chủ, trang archives, post, page…), kéo xuống dưới cùng bạn sẽ thấy danh sách các file JS và CSS được tải trong trang đó. Hãy lựa chọn tên file JS hoặc CSS mà bạn muốn điều chỉnh thiết lập.

Trong đó:

  • Unload Everywhere: ngăn tải file ở tất cả các trang.
  • Unload on All Pages of […] post type: ngăn tải file ở tất cả các post/ page/ archives.
  • Load it on this page (make exception * works only IF any of two rules above are selected): chỉ tải file trên trang này, hoạt động khi 1 trong 2 hoặc cả 2 tùy chọn bên trên được tích.
Lưu ý: với những file có nút cảnh báo đỏ hình tam giác ở bên cạnh, chúng là file core của WordPress, việc ngăn chặn tải chúng có thể khiến giao diện bị lỗi.

Sau khi thiết lập xong, click vào nút Update để lưu lại.

4. Truy cập WP Asset CleanUp => Settings => Hủy bỏ dấu tích trong mục Manage in the Front-end. Click vào nút Save Changes để lưu lại. Xóa cache của trình duyệt, xóa cache của blog/ website (nếu bạn sử dụng plugin tạo cache), đăng xuất hoặc sử dụng trình duyệt ẩn danh để kiểm tra kết quả. Chúc các bạn thành công!

Bạn biết giải pháp khác để ngăn JS và CSS tải trên những trang nhất định của blog/ website 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. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Ra mắt plugin Hybrid Object Cache độc quyền tại WP Căn bản
Ra mắt plugin Hybrid Object Cache độc quyền tại WP Căn bản
Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản
Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản
Tính năng Crawl Optimization của plugin Yoast SEO
Tính năng Crawl Optimization của plugin Yoast SEO

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

wpcanban-com-facebook-group

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. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Cache Gravatar giúp website WordPress load nhanh hơn
Bài viết sau Tạo bảng responsive cho WordPress với plugin TablePress »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. khách sạn phú quốc 1 bình luậnviết

    16/02/2017 lúc 22:56

    không hiểu sao áp dụng vào web mình nó lại bị trắng trang nhỉ

    Bình luận
    • Trung Hiếu Quản lýviết

      17/02/2017 lúc 08:33

      Bạn kiểm tra error_log chưa? Nó có thông báo lỗi gì không?

      Bình luận
  2. Hữu Thuần 88 bình luậnviết

    02/02/2017 lúc 08:43

    Thế là một cái tết nữa đã qua – Chúc bác nhiều thành công nha – đầu năm lên cơ quan dành ra một buổi đi chúc tết dạo!

    Bình luận
    • Trung Hiếu Quản lýviết

      02/02/2017 lúc 09:54

      Cảm ơn bạn. Chúc năm mới mạnh khỏe và thật nhiều may mắn. :D

      Bình luận
      • Gia Phát 42 bình luậnviết

        05/02/2017 lúc 09:23

        Năm mới chúc Hiếu mạnh khỏe, may mắn, làm ăn tấn tài tấn lộc!

        Bình luận
        • Trung Hiếu Quản lýviết

          06/02/2017 lúc 08:58

          Chúc bạn năm mới mạnh khỏe và thành công nhé. :D

          Bình luận
  3. Sơn Zim 113 bình luậnviết

    30/01/2017 lúc 19:17

    rất nhiều plugin hay, chẳng biết nên cài hay k nữa, mấy chục plugin rồi. :(

    Bình luận
  4. Tâm 9 bình luậnviết

    28/01/2017 lúc 00:55

    Không liên quan cơ mà chúc a Hiếu năm mới hạnh phúc vui vẻ !

    Bình luận
    • Trung Hiếu Quản lýviết

      01/02/2017 lúc 05:35

      Cảm ơn bạn. Chúc bạn năm mới mạnh khoẻ và thành công! :)

      Bình luận

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. Tặng miễn phí ebook "Bảo mật WordPress toàn tập" do WP Căn bản biên soạn!

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

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-chat-luong-cao

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Thủ thuật CloudFlare

Sửa lỗi WordPress

Thủ thuật LiteSpeed

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật WooCommerce

Sử dụng theme Paradise

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

dich-vu-toi-uu-wordpress-mien-phi

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

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

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

  • Xóa base slug của custom post type và taxonomy 04/07/2025
  • Ra mắt plugin Hybrid Object Cache độc quyền tại WP Căn bản 30/06/2025
  • Monarx Security được tích hợp vào dịch vụ WordPress Hosting 15/06/2025
  • Hiển thị code trong bài viết của WordPress 07/06/2025

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

  • Trung Hiếu trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Tịnh Nguyễn trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Trung Hiếu trong Hướng dẫn nâng cấp PHP 7.4 cho website WordPress
  • dự án vlasta hải phòng trong Hướng dẫn nâng cấp PHP 7.4 cho website WordPress

Thông tin hữu ích

  • Giới thiệu bản thân
  • 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

9 Chuyên mục - 1.007 Bài viết - 35.554 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting