Remove CSS Jetpack – Jetpack adalah plugin wordpress yang menyediakan beragam fitur tambahan untuk situs yang dibangun menggunakan wordpress. Salah satu fitur unggulan dari plugin ini adalah statistik. Pemilik situs dapat memonitor statistik situs seperti pengunjung, jumlah view, dan lain sebagainya yang berkaitan dengan pengunjung.
Selain fitur statistik, Jetpack memiliki fitur SEO (Search Engine Optimization). Fitur ini berfungsi untuk Anda yang ingin mengoptimalkan situs di mesin pencarian seperti Google. Tentunya ini sangat bermanfaat untuk situs mendapatkan peringkat yang lebih tinggi di hasil pencarian.
Sayangnya untuk mendapatkan fitur yang lebih lengkap, harus menggunakan plugin versi Pro. Berikut list dari harga yang dikenakan untuk setiap fitur yang ditawarkan Jetpack:
Baca juga: Perbedaan Visitors dan View pada Statistik WordPress
Apakah untuk versi gratis sudah dapat membantu pemilik situs untuk memonitor pengunjung? Tentunya sudah. Versi gratis memberikan fitur data statistik harian, yang tentunya ini real time. Anda tidak perlu menunggu beberapa jam untuk mendapatkan pembaharuan data.
Dibalik fitur yang sangat membantu untuk pengguna situs, nyatanya ada beberapa masalah yang timbul setelah plugin ini di install. Apa saja kekurangan dan masalah yang timbul? Beberapa file css dan js menyebabkan situs menjadi lambat.
Meskipun mengaktifkan fitur sesuai kebutuhan, nyatanya semua file akan dimuat secara keseluruhan meskipun beberapa tidak digunakan. Jika Anda melakukan uji coba kecepatan situs menggunakan pagespeed insight ini sangat berpengaruh besar. Lalu bagaimana mengatasinya? Berikut penjelasan dan langkah-langkahnya:
Mengatasi Plugin Jetpack
Ada baiknya sebelum menerapkan cara dibawah ini mengatasi jetpack yang menimbulkan error ataupun memperlambat situs, Anda perlu Backup situs terlebih dahulu!. Tujuan dari backup situs adalah, mengantisipasi hal yang tidak sesuai perkiraan sebelumnya.
Berikut ini beberapa solusi atau cara mengatasi plugin jetpack yang dapat Anda terapkan pada situs yang menggunakan WordPress:
Remove CSS Jetpack
File CSS jetpack akan tetap dimuat di halaman meskipun situs tidak membutuhkannya. File css jetpack ini memiliki ukuran sangat besar dan menjadi indikasi oleh pagespeed insights sebagai css yang tidak digunakan. Ada baiknya juga file css ini di hapus jika tidak digunakan seluruhnya.
Berikut cara mudah untuk remove css jetpack:
- Login dan masuk ke halaman dashboard wordpress
- Pilih atau klik menu Appearance » Themes, pilih theme yang aktif atau dipakai disitus
- Pilih dan edit file function.php, tambahkan kode dibawah ini:
Baca juga: Apa itu Plugin WordPress
// 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' );
- Simpan file function.php, hapus cache terlebih dahulu jika menggunakan plugin cache.
Update!
Sejak januari tahun 2019 dengan plugin jetpack versi 6.9, Anda hanya perlu menambahkan kode dibawah ini di file function.php.
add_filter( 'jetpack_sharing_counts', '__return_false', 99 );
add_filter( 'jetpack_implode_frontend_css', '__return_false', 99 );
Demikianlah pembahasan mengenai cara mengatasi css jetpack yang tidak ingin digunakan lagi. Ada pertanyaan? atau mengalami kesulitan? silahkan ajukan pada kolom komentar ya. Semoga bermanfaat dan terimakasih.
