CSS WordPress Teslimatını Optimize etmenin Kolay Yolları (2 Yöntem)
WordPress CSS nakliyenizi optimize etmek ister misiniz? CSS dosyası görsel formatını ve WordPress site stilinizi kontrol eder. Ancak CSS kodunuz en uygun şekilde gönderilmezse, web sitenizi yavaşlatabilir. Bu makalede, WordPress CSS nakliyenizi optimize etmek için size iki kolay yöntem göstereceğiz.
CSS nasıl gönderilir WordPress, WordPress sitenizin görsel ekranını belirlemek için kullanılan WordPress CSS dosyalarının performansını etkiler. WordPress temanız stil sayfası CSS dosyaları içerir ve eklentilerinizden bazıları Stylesheet CSS’yi de kullanabilir.
Modern web siteleri için CSS gereklidir, ancak CSS dosyalarının nasıl hazırlanacağına bağlı olarak sitenizin hızını ve performansını yavaşlatması mümkündür. Site hızında küçük bir gecikme bile zayıf kullanıcı deneyimi yaratır ve arama ve dönüşüm derecelendirmelerinizi etkileyebilir, daha az trafik ve satış üretebilir.
CSS dosyalarının web sitenizi yavaşlatmasının bir yolu, sayfanın görüntülenmeden önce dosyanın yüklenmesi gerekliyorsa. Bu, ziyaretçinizin CSS dosyası yüklenene kadar boş bir sayfa göreceği anlamına gelir. Bu, oluşturmayı engelleyen CSS olarak bilinir.
CSS dosyasının web sitenizi yavaşlatmasının bir başka yaygın nedeni de, geçerli sayfanın görünür kısımlarını görüntülemek için gerekenden daha fazla kod içermeleridir. Ek kod, yüklemek için daha fazla zamana ihtiyaç duyacakları anlamına gelir. İyi haber şu ki, CSS kodunu nasıl göndereceğinizi optimize ederek WordPress sitenizin performansını artırabilirsiniz. Bu, geçerli web sayfasının ilk bölümünü görüntülemek için gereken minimum CSS kodunu belirleyerek yapılır. Bu kritik CSS olarak bilinir. Bu önemli kod daha sonra ayrı bir stil sayfasında değil, HTML sayfasına sıraya eklenir, böylece kod önce CSS dosyasını yüklemeye gerek kalmadan oluşturulabilir. Daha sonra, ziyaretçiniz sayfa içeriğini görebildikten sonra CSS yüklenebilir. Bu ‘ertelenmiş yükleme’ olarak bilinir. Bu öğreticide, CSS WordPress nakliyesini optimize etmek için iki yöntem göstereceğiz ve sizin için en uygun olanı seçebilirsiniz.
Yöntem 1: WP roketiyle CSS WordPress teslimatının optimize edilmesi
Yöntem 2: CSS WordPress dağıtımını AutoPtimize ile Optimize Etme
Yöntem 1: CSS WordPress’in WP Rocket WP Roket ile gönderilmesini optimize etmek, piyasadaki en iyi WordPress önbellek eklentisidir. WordPress CSS nakliyenizi optimize etmenin en basit yolunu sunar. Aslında, kutuyu kontrol etmek kadar kolay.
WP Rocket premium bir eklentidir, ancak en iyi kısmı en düşük pakette yer alan tüm özelliklerdir. Yapmanız gereken ilk şey, WP roket eklentisini yüklemek ve etkinleştirmektir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Etkinleştirildikten sonra, ayarlar sayfasına gitmeniz »WP roketine geçmeniz ve ‘Dosya Optimizasyonu sekmesine geçmeniz gerekir. Ayrıca, CSS Dosya bölümüne geçmeniz gerekir. Oraya girdikten sonra, ‘CSS’yi optimize etme’ seçeneğinin yanındaki kutuyu kontrol etmeniz gerekir.
Bu özellik, ziyaretçilerinizin ilk gördüğü web sayfalarını biçimlendirmek için gereken önemli CSS’yi akıllıca tanımlayacaktır. Sayfanız daha hızlı yüklenecek ve kalan CSS, ziyaretçileriniz içeriği görebildikten sonra yüklenecektir.
Bunu yaptıktan sonra, ‘Toplam CSS-Files’ seçeneğinin kontrol edilmediğinden emin olmanız ve daha sonra ‘Oluşturma Engelleme CSS’yi ortadan kaldır’ kontrol etmeniz gerekir.
Artık ayarlarınızı kaydetmek için ‘Değiştir ve Elk Önbellek’i Kaydet’ düğmesine tıklayabilirsiniz. Ancak, kritik bir CSS hesabına kaydolana kadar eklenti düzgün çalışmaz. Bu, WordPress CSS teslimatınızı optimize etmek için gereken önemli bir CSS otomatik olarak CSS kodunu sağlayacak birinci sınıf bir abonelik hizmetidir. Bunu yapmak için, ayarları otomatikleştirme ile Kritik CSS sekmesine gidin. Burada kritik CSS’ye kaydolmanız gereken bilgileri bulacaksınız. Üçüncü paragraftaki kayıt bağlantısını tıklayarak başlayabilirsiniz. Önemli bir CSS API anahtarı aldıktan sonra, ‘Ateş Anahtarınız’ metin kutusuna koyabilmeniz için yangın kilidine gidin. Bundan sonra, Değiştir düğmesini tıkladığınızdan emin olun.
AutoPtimize Now, önemli satır içi CSS eklemek ve sayfa oluşturulana kadar stil sayfasının yüklenmesini geciktirmek için gereken tüm bilgilere sahiptir. Sonuç olarak, web siteniz daha hızlı yüklenecektir. Bu öğretici, CSS WordPress nakliyesini nasıl optimize edeceğinizi öğrenmenize yardımcı olur. Ayrıca, bir WordPress web sitesi oluşturmak için gerçek maliyetin ne kadar olduğu ve en iyi yönetilen WordPress barındırma şirketini karşılaştırmamızla ilgili ana yönergelerimizi de görmek isteyebilirsiniz.
