WordPress sitenizde klasik editör kullanıyorsanız veya özel bir sayfa yapıcı (Elementor, Divi, Bricks vb.) tercih ediyorsanız, arka planda sessizce yüklenen ve site hızınızı yavaşlatan bir dosya var: wp-block-library.css. Bu dosya, Google PageSpeed Insights raporlarında sıkça gördüğünüz kullanılmayan CSS'i kaldırın uyarısının baş şüphelilerinden biri. Sitenizi gereksiz yükten kurtarmak ve Core Web Vitals skorlarınızı iyileştirmek için bu dosyayı temizlemenin en güvenli yollarını sizin için derledim.

Başlamadan önce kısa bir durum tespiti yapalım. Bu işlem zorluk seviyesi olarak başlangıç düzeyinde, işlem süresi ise yaklaşık 2 dakikadır. Ancak kod dosyalarına müdahale edeceğimiz için her zamanki gibi sitenizin yedeğini almanızı şiddetle tavsiye ediyorum.

Neden wp-block-library.css Dosyasını Silmeliyiz?

WordPress 5.0 güncellemesiyle hayatımıza giren Gutenberg editörü, her sayfa yüklemesinde kendi stil dosyalarını çağırıyor. Eğer sitenizde tek bir Gutenberg bloğu bile kullanmıyorsanız, her ziyaretçiye yaklaşık 70-80 KB boyutunda, hiç kullanılmayacak bir veri indiriyorsunuz demektir.

Bu durum özellikle mobil cihazlarda açılış hızını (FCP) geciktiriyor ve sunucu istek sayısını artırıyor. Bu dosyayı kaldırmak, sadece dosya boyutunu küçültmekle kalmaz, tarayıcının sayfayı oluşturma (rendering) sürecini de rahatlatır. Siteniz ne kadar az harici dosya çağırırsa, Google botları ve kullanıcılar içeriğinize o kadar hızlı ulaşır.

Sitenizin Gutenberg CSS'e İhtiyacı Olup Olmadığını Nasıl Anlarsınız?

Ezbere iş yapmayalım, önce emin olalım. Sitenizin anasayfasını açın ve boş bir yere sağ tıklayıp Kaynağı Görüntüle deyin (veya klavyeden CTRL+U yapın). Açılan kod sayfasında wp-block-library terimini aratın.

İlgili Makaleler
50+ Essential Git Commands Cheat Sheet: From Beginner to Pro

Eğer sitenizde blok editörü kullanmadığınız halde bu kod satırını görüyorsanız, siteniz her açılışta boş yere bu dosyayı yüklüyor demektir. Temizlik vakti gelmiş, aşağıdan size uygun yöntemi seçerek ilerleyebilirsiniz.

Yöntem 1: Functions.php ile Gutenberg CSS Kaldırma (Kodlu Çözüm)

Bu yöntem, ek bir eklenti yükleyip siteyi daha da şişirmek istemeyenler için en temiz yoldur. Ancak burada kritik bir kural var: Bu kodu asla doğrudan ana temanızın dosyasına yazmayın. Tema güncellemesi geldiğinde kodunuz silinir. Mutlaka bir Child Theme (Alt Tema) kullanın veya Code Snippets gibi güvenli bir eklenti aracılığıyla bu kodu ekleyin.

Aşağıdaki kodu temanızın functions.php dosyasının en altına eklemeniz yeterli:

function remove_gutenberg_css() {
    wp_dequeue_style( 'wp-block-library' ); // WordPress Çekirdek
    wp_dequeue_style( 'wp-block-library-theme' ); // WordPress Tema
    wp_dequeue_style( 'wc-block-style' ); // WooCommerce Blokları
}
add_action( 'wp_enqueue_scripts', 'remove_gutenberg_css', 100 );

Bu kod parçası, WordPress'e sayfa yüklenirken bu üç stil dosyasını sıradan çıkarmasını (dequeue) söylüyor. WooCommerce kullanmıyorsanız son satırı silebilirsiniz.

İlgili Makaleler
Instagram Profil Fotoğrafı Büyütme ve İndirme: Programsız & HD

Yöntem 2: Eklenti Kullanarak Blok Stillerini Devre Dışı Bırakma (Kodsuz Çözüm)

Kodlarla aranız iyi değilse veya hata yapmaktan çekiniyorsanız, bu işi sizin yerinize yapan harika optimizasyon eklentileri var. Özellikle Asset CleanUp veya Perfmatters bu konuda sektör standardıdır.

Bu araçların ayarlar menüsünde genellikle CSS/JS Yöneticisi veya Bloat Removal başlığı altında Disable Gutenberg Styles (Gutenberg Stillerini Devre Dışı Bırak) seçeneğini göreceksiniz. Tek bir tik işaretiyle functions.php dosyasına dokunmadan aynı sonucu alabilirsiniz. Hazır yönetim paneline girmişken, WordPress admin paneli menü gizleme gibi diğer temizlik işlemlerine de göz atabilirsiniz, sade ve gereksiz öğelerden arınmış bir panel her zaman çalışma veriminizi artırır.

Akıllı Yöntem: Sadece Belirli Sayfalarda Yükleme (Conditional Loading)

Belki de blog yazılarınızda Gutenberg kullanıyor ama anasayfanızda Elementor kullanıyorsunuz. Bu durumda ya hep ya hiç mantığı işinize yaramaz. CSS dosyasını tamamen kaldırmak yerine, sadece ihtiyaç duyulmayan sayfalarda engellemek en profesyonel yaklaşımdır.

Aşağıdaki modifiye edilmiş kod parçası, CSS dosyalarının yalnızca blog gönderilerinde (single post) yüklenmesini, anasayfa ve diğer sayfalarda ise engellenmesini sağlar:

İlgili Makaleler
PlayStation Plus Paketleri: Essential, Extra ve Deluxe Arasındaki Farklar ve Tavsiyeler 

function conditional_gutenberg_css() {
    // Sadece blog yazısı değilse stilleri kaldır
    if ( ! is_single() ) {
        wp_dequeue_style( 'wp-block-library' );
        wp_dequeue_style( 'wp-block-library-theme' );
    }
}
add_action( 'wp_enqueue_scripts', 'conditional_gutenberg_css', 100 );

Bu sayede hem modern editörün özelliklerinden içerik üretirken faydalanır hem de vitrin sayfalarınızın hızını korursunuz.

Hız Testi ve Kontrol

İşlemleri tamamladıktan sonra sitenizi mutlaka Gizli Sekmede açarak kontrol edin. Özellikle butonlar, iletişim formları ve galeri alanlarında görsel bir bozulma olup olmadığına bakın. Bazen Contact Form 7 gibi popüler form eklentileri de blok altyapısını kullanabilir.

Her şey yolundaysa, GTmetrix veya PageSpeed Insights üzerinde tekrar bir test yapın. Waterfall (şelale) grafiğinde artık o inatçı CSS dosyasının yüklenmediğini ve toplam sayfa boyutunuzun küçüldüğünü göreceksiniz. Küçük bir dosya gibi görünse de, bu tip teknik temizlikler birikerek SEO performansınızda fark yaratır.