Gereksiz CSS kullanımları çok fazla canımı sıkmaya başlamıştı. Bunun için ufak bir araştırma yaptım. Çoğunluğumuzun kullanmadığı ama arka tarafta sitenin hızına müdahale eden birkaç modülü nasıl iyileştirebileceğinizden bahsetmek istiyorum.
Özellikle Jetpack, WooCommerce, WP Contact Form 7 modüllerini kullanıyorsanız aşağıdaki kodlar sitenizin bir tık hızlanmasına ve gereksiz kaynak tüketmesini önleyecektir.
/** Contact Form 7 ve Recaptcha JS / CSS dosyalarını sadece ihtiyaç olduğunda çağırır */
add_action('wp_print_scripts', function () {
global $post;
if ( is_a( $post, 'WP_Post' ) && !has_shortcode( $post->post_content, 'contact-form-7') ) {
wp_dequeue_script('google-recaptcha'); // Dequeue google recaptcha
wp_dequeue_script('wpcf7-recaptcha'); // Dequeue cf7 recaptcha
wp_dequeue_script('contact-form-7'); // Dequeue JS Script file.
wp_dequeue_style('contact-form-7'); // Dequeue CSS file.
}
});
/**
* WooCommerce block stillerini kaldırır (front-end).
*/
function themesharbor_disable_woocommerce_block_styles() {
wp_dequeue_style( 'wc-blocks-style' );
}
add_action( 'wp_enqueue_scripts', 'themesharbor_disable_woocommerce_block_styles' );
/** Jetpack için gereksiz CSS dosyalarını kaldırır */
add_filter( 'jetpack_sharing_counts', '__return_false', 99 );
add_filter( 'jetpack_implode_frontend_css', '__return_false', 99 );
add_filter('use_block_editor_for_post_type', '__return_false', 10);
/** Gutenberg ilişkili genel dosyaları kaldırır */
add_action( 'wp_enqueue_scripts', 'remove_block_css', 100 );
function remove_block_css() {
wp_dequeue_style( 'wp-block-library' ); // Wordpress core
wp_dequeue_style( 'wp-block-library-theme' ); // Wordpress core
wp_dequeue_style( 'wc-block-style' ); // WooCommerce
}Yukarıdaki kodu Görünüm -> Tema Dosya Düzenleyicisi menüsünden aktif kullandığınız temanın functions.php dosyası içerisine ekleyebilirsiniz.Ayrıca yükleyeceğiniz görselleri gereksiz yüksek çözünürlükte yüklememeye gayret edin. Örneğin 1000x1000 bir çözünürlük size yetecekken 3000x3000 çözünürlüklü bir görsel kullanmanız size avantaj sağlamaz.
Lazy Loading kullanmaya çalışın.
1 dakika fazla zaman ayırın ama mutlaka https://imagecompressor.io/ sitesini kullanarak görsellerinizi optimize edin. Google bunları çok seviyor. Size de tavsiye ederim. 🚀
İyi forumlar.
