• 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ỏ Jetpack CSS không cần thiết ra khỏi website WordPress

Loại bỏ Jetpack CSS không cần thiết ra khỏi website WordPress

24/05/2019 24/05/2019 Trung Hiếu 47 Bình luận

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

  1. Tại sao bạn cần loại bỏ Jetpack CSS?
  2. Làm thế nào để loại bỏ Jetpack CSS?
    1. Đối với Jetpack 6.9 trở về sau
    2. Đối với Jetpack 6.8.1 trở về trước

Loại bỏ Jetpack CSS không cần thiết ra khỏi website WordPress giúp giảm page-size và tăng tốc độ load.

loai-bo-jetpack-css-khoi-website-wordpress

Như các bạn đã biết, Jetpack là một trong những plugin đa năng giúp tích hợp rất nhiều tính năng hữu ích vào website WordPress. WP Căn bản đã có hẳn 1 serie để hướng dẫn cách sử dụng plugin Jetpack với những module phổ biến nhất. Và cũng chính vì đa năng nên Jetpack khá cồng kềnh, nặng nề, đặc biệt là khi bạn không biết cách tắt những module không dùng đến. Mà kể cả khi bạn tắt bớt những module không sử dụng thì Jetpack vẫn làm dung lượng CSS của website tăng lên khá nhiều. Tại sao vậy?

Tham khảo thêm:

  • Tổng quan về cài đặt và sử dụng Jetpack plugin
  • Ngăn Jetpack tạo thêm các bản ghi trong table options của database

Tại sao bạn cần loại bỏ Jetpack CSS?

Không chỉ trang bị các file CSS riêng rẽ cho từng module, Jetpack còn gộp chúng vào chung một file và load trực tiếp trên front-end. Do đó, ngay cả khi bạn đã tắt module thì CSS của nó vẫn hiện diện trên website. Vì vậy, tất nhiên rồi, việc của chúng ta bây giờ là ngay lập tức loại bỏ file CSS “bự con” này của Jetpack giúp giảm page-size, số request và làm website load nhanh hơn.

Làm thế nào để loại bỏ Jetpack CSS?

Đối với Jetpack 6.9 trở về sau

Rất đơn giản! Tất cả những gì bạn cần làm là chèn đoạn code sau đây vào cuối file functions.php của theme (hoặc child theme) mà bạn đang sử dụng.

add_filter( 'jetpack_sharing_counts', '__return_false', 99 );
add_filter( 'jetpack_implode_frontend_css', '__return_false', 99 );

view raw
functions.php
hosted with ❤ by GitHub

Đối với Jetpack 6.8.1 trở về trước

Nếu bạn đang sử dụng Jetpack phiên bản cũ (từ 6.8.1 trở về trước), hãy thay thế bằng code sau đây. Nhớ xóa bớt dòng code tương tứng với từng module mà bạn đang sử dụng để giữ lại chúng.

// First, make sure Jetpack doesn't concatenate all its CSS
add_filter( 'jetpack_implode_frontend_css', '__return_false' );
// Then, remove each CSS file, one at a time
function jeherve_remove_all_jp_css() {
wp_deregister_style( 'AtD_style' ); // After the Deadline
wp_deregister_style( 'jetpack_likes' ); // Likes
wp_deregister_style( 'jetpack_related-posts' ); //Related Posts
wp_deregister_style( 'jetpack-carousel' ); // Carousel
wp_deregister_style( 'grunion.css' ); // Grunion contact form
wp_deregister_style( 'the-neverending-homepage' ); // Infinite Scroll
wp_deregister_style( 'infinity-twentyten' ); // Infinite Scroll – Twentyten Theme
wp_deregister_style( 'infinity-twentyeleven' ); // Infinite Scroll – Twentyeleven Theme
wp_deregister_style( 'infinity-twentytwelve' ); // Infinite Scroll – Twentytwelve Theme
wp_deregister_style( 'noticons' ); // Notes
wp_deregister_style( 'post-by-email' ); // Post by Email
wp_deregister_style( 'publicize' ); // Publicize
wp_deregister_style( 'sharedaddy' ); // Sharedaddy
wp_deregister_style( 'sharing' ); // Sharedaddy Sharing
wp_deregister_style( 'stats_reports_css' ); // Stats
wp_deregister_style( 'jetpack-widgets' ); // Widgets
wp_deregister_style( 'jetpack-slideshow' ); // Slideshows
wp_deregister_style( 'presentations' ); // Presentation shortcode
wp_deregister_style( 'jetpack-subscriptions' ); // Subscriptions
wp_deregister_style( 'tiled-gallery' ); // Tiled Galleries
wp_deregister_style( 'widget-conditions' ); // Widget Visibility
wp_deregister_style( 'jetpack_display_posts_widget' ); // Display Posts Widget
wp_deregister_style( 'gravatar-profile-widget' ); // Gravatar Widget
wp_deregister_style( 'widget-grid-and-list' ); // Top Posts widget
wp_deregister_style( 'jetpack-widgets' ); // Widgets
}
add_action('wp_print_styles', 'jeherve_remove_all_jp_css' );

view raw
functions.php
hosted with ❤ by GitHub

Nếu bạn không biết làm thế nào để mở file functions.php hoặc đơn giản là sợ làm lỗi theme thì có thể tham khảo bài viết “Tạo file functions.php để chèn code tùy biến WordPress“.

Cuối cùng, xóa cache website (và cache CSS, JS nếu có) rồi kiểm tra kết quả bằng các công cụ như GTmetrix hay Pingdom (xem page-size). Thật đơn giản phải không nào? Chúc các bạn thành công!

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

5 / 5 ( 3 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ẻ: Sử dụng Jetpack plugin/ 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 « WooCommerce 3.6 cải tiến vượt trội về mặt hiệu năng
Bài viết sau Sử dụng LiteSpeed Web Cache Manager trong cPanel »

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. anh đức viết

    10/10/2020 lúc 08:28

    rất hay, cảm ơn anh đã chia sẻ!

    Trả lời
  2. Châu Thang Máy viết

    19/11/2020 lúc 13:33

    Theo mình được biết thì Jetpack dùng rất tốt nhưng có thể tạo kẽ hở cho Hacker xâm nhập vào website. Trước mình có sử dụng cho website nhưng giờ mình đã xóa sau khi nói chuyện một ông anh làm bên hosting

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

      19/11/2020 lúc 19:20

      Ý bạn nói là nó yêu cầu mở XMLRPC => nguy cơ bảo mật à? Cái này chỉ cần bật module “Protect” của plugin Jetpack lên là xong mà.

      Trả lời
« 1 2 3

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

  • 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
  • Cải tiến công cụ tìm kiếm mặc định của WordPress 31/10/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

  • Trung Hiếu trong Cách thoát khỏi chế độ maintenance trong WordPress
  • Luật sư Online trong Cách thoát khỏi chế độ maintenance trong WordPress
  • Hải trong 5 Lời khuyên giúp tăng Adsense CTR của bạn lên 500%
  • Trung Hiếu trong Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache

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

  1. Doligo (7)
  2. Tuyen (7)
  3. Tien Coin (4)
  4. lê hải (3)
  5. Nguyễn Văn Long (3)
  6. Thành (3)

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 - 978 Bài viết - 37224 Bình luận

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