Kullanılmayın CSS kodlarını yüklemeyi engelle

Sitedeki tüm css kodlarım tek dosya halinde benim yapmak istediğim şey şu,
anasayfa açılışında kullanılan css kodlarım 100 satır diyelim, ama css dosyamda 500 satır var. ben dosya içerisinde sayfada olmayan kodları yüklemek istemiyorum bunu yapabiliyor muyuz?
Böyle bi şey varsa nasıl bir araştırma yapmalıyım internette
css dosyam 10mb kullanılmayan 9mb, kullanılmayan alanı hiç yüklemesin komutu vermek istiyorum yani

site altyapısı wordpress ve wp-optimize eklentisi mevcut.

Litespeed vs eklentiler yapıyor buju

wp_enqueue_scripts Kancasını Kullanarak:

WordPress'te wp_enqueue_scripts kancası, bir tema veya eklenti tarafından yüklenen script ve stil dosyalarını sıraya eklemek veya kaldırmak için kullanılır. Örneğin, bir script'i kaldırmak için:

function dequeue_unnecessary_scripts() {
   wp_dequeue_script('unnecessary-script-handle');
}
add_action( 'wp_enqueue_scripts', 'dequeue_unnecessary_scripts', 100 );

Bu fonksiyonu functions.php dosyanıza ekleyebilirsiniz. "unnecessary-script-handle", kaldırmak istediğiniz script'in kolu olacaktır.

Belirli Koşullar için Dosyaları Yükleme/Kaldırma:

Bir dosyanın sadece belirli bir sayfa veya koşulda yüklenmesini istiyorsanız, is_page(), is_single(), is_home() gibi koşulları kullanabilirsiniz:

function conditionally_enqueue_scripts() {
    if ( is_page('contact') ) {
        wp_enqueue_script('google-maps');
    } else {
        wp_dequeue_script('google-maps');
    }
}
add_action('wp_enqueue_scripts', 'conditionally_enqueue_scripts');

Bu kod, "Contact" sayfasında google-maps scriptini yükler ve diğer tüm sayfalarda kaldırır.

Asset CleanUp veya Perfmatters gibi Eklentileri Kullanarak:

Bu tür eklentiler, yüklenen CSS ve JS dosyalarını görsel bir arayüzle yönetmenizi sağlar, böylece kod yazmadan dosyaları devre dışı bırakabilirsiniz.
Bu yöntemler sayesinde kullanılmayan CSS ve JS dosyalarını WordPress sitenizden kaldırabilir ve böylece sayfa yükleme sürelerini iyileştirebilirsiniz.


Alıntı.