Address

Perm. Handayani, Jl. Handayani, Pekanbaru, Riau

Contact

Remove CSS JetpackJetpack 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

price jetpack plugin

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.


administrator

Eko Pramono lebih akrab disapa Pram, seorang web developer, suka nulis, suka ngegame, dan suka turing. Bekerja di salah satu perusahaan Digital Marketing.

Leave a Reply

Your email address will not be published. Required fields are marked *