WordPress’te kullanılmayan CSS nasıl silinir (doğru yol)
Sitenizin daha hızlı yüklenmesi için WordPress’te kullanılmayan CSS’yi silmek istiyor musunuz? Kullanılmayan CSS, gerçekten ihtiyacınız olmayan WordPress temanıza veya eklentinize eklenen herhangi bir CSS kodudur. Bu CSS kodunun silinmesi WordPress performansını ve kullanıcı deneyimini geliştirir. Bu makalede, web sitenize zarar vermeden WordPress’te kullanılmayan CSS’yi silmek için kolay bir yol göstereceğiz.
WordPress’te kullanılmayan CSS mi? WordPress’te kullanılmayan CSS, web sitenizde yayınlanan CSS kodudur, ancak aslında sayfaları görüntülemek için gerekli değildir.
Ek kodlar, tarayıcı ziyaretçilerinin düşük kullanıcı deneyimleri oluşturan sayfaları oluşturmak için daha fazla zaman ayırmasını sağlayabilir. Daha yavaş yükleme süresi, sitenize daha az trafik üreterek arama sıralamanızı bile etkileyebilir. Kullanılmayan CSS kodunun Google PagesPeed Insights’ı kullanarak web sitenizi nasıl etkilediğini görebilirsiniz. Bu, CSS dosya ayrıntılarının yükleme sürenizi etkilediği ‘Kullanılmayan CSS’yi sil’ başlıklı bölümde size gösterilecektir.
WordPress’e kullanılmayan CSS neden ekleniyor?
CSS, WordPress sitenizin görünümünü düzenlemek için kullanılır. WordPress temanız CSS içerir, bunların çoğu bir dosya style.css dahildir. CSS temanızın yanı sıra, WordPress eklentiniz de kendi CSS’yi içerecektir. Örneğin, WooCommerce ürünleri görüntülemek için CSS yükleyecektir, sayfa üreticisi eklentisi özel sayfanızı görüntülemek için kendi CSS ekleyecektir ve form eklentisi formu formunuzu düzenlemek için CSS içerecektir. Ardından, bir web yazı tipiniz, yazı tipi simgeniz ve kendi CSS dosyalarını da eklemesi gereken diğer öğeleriniz var. Genellikle, bu dosyalar çok küçüktür ve hızlı bir şekilde yüklenir. Ancak, WordPress sitenizin çok fazla olması durumunda, etki artışı ve sitenizin hızı üzerinde gerçek bir etkisi olabilir. WordPress’te kullanılmayan CSS’yi nasıl kaldırırsınız? WordPress sitenizde kullanılmayan CSS’yi azaltmanın birkaç farklı yolu vardır. Bununla birlikte, WordPress’te kullanılmayan tüm CS’leri tam olarak kaldırmak oldukça zor bir görev olacaktır. WordPress’in perde arkasında çalışma şekli, bazı kullanılmayan CSS’yi bulmak ve çıkarmak zor olabilir. Bu nedenle, kullanılmayan CSS’yi kaldırmak için iki yöntem göstereceğiz ve size en uygun olanı seçebilirsiniz. Yöntem 1. WPPress’te WP Roketini kullanarak kullanılmayan CSS’yi silme bu yöntem daha kolaydır ve yeni başlayanlar için önerilir. Bu, kullanılmayan çoğu CSS’yi silme de dahil olmak üzere WordPress sitenizdeki CSS dosyalarının genel gönderimini büyük ölçüde artırır.
Bunun yeni başlayanlar için en iyi çözüm olduğunu düşünüyoruz çünkü daha kolay ve kullanıcılarınız için daha iyi bir deneyim sunmanın ana hedefine ulaşıyor. Bu, web sitenizin hız test aracına hızlı bir şekilde yüklendiği ve kullanıcılarınız için hızlı hissettiği anlamına gelir. İlk olarak, WP roket eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Etkinleştirmeden sonra, Ayarlar sayfasını ziyaret etmeniz »WP roketini ziyaret etmeniz ve ‘Dosya Optimizasyonu sekmesine geçmeniz gerekir. Ardından, CSS Dosya bölümüne geçmeniz gerekir. Buradan, ‘CSS’yi optimize etme’ seçeneğinin yanındaki kutuyu kontrol etmeniz gerekir.
Bu seçenek, yalnızca görünür web sitesini görüntülemek için gereken CSS kodunu içeren bir CSS dosyası oluşturur. Bu, önce dosyayı içerir, sayfayı ziyaretçilerinize görüntüler ve ardından askıya alınmış yükleme adı verilen bir teknoloji kullanarak diğer CSS dosyalarını yükler. Bu oluşturmayı engelleyen CSS’yi silerek, web siteniz kullanıcılar tarafından, sayfa görüntülenmeden önce tüm CSS dosyalarını yüklemeniz gerektiğinden çok daha hızlı görülebilir. ‘CSS Optimize Edinme’ seçeneğini etkinleştirdikten sonra, Değişik Kaydet düğmesini tıklayın ve Rocket WP’nin tüm yayınlarınız ve sayfalarınız için gereken CSS dosyasını üretmesini bekleyin. Bu ayrıca web siteniz için önbelleği otomatik olarak silecektir.
Bittiğinde, Google PagesPeed Insights’ı kullanarak web sitenizin performansına devam edebilir ve test edebilirsiniz. WP roketinin performansını artırmak için ek dosyaların tweak teslimatı, sorgu dizesini statik dosyalardan silmenizi, Google yazı tipi dosyalarını birleştirmenizi ve HTML’yi azaltmanızı sağlar. Tüm bu ince ayarlar, ziyaretçileriniz için daha hızlı bir yükleme deneyimi ekleyen genel hızınızda hafif bir artış ekler. Ayrıca CSS dosyalarını küçülme ve birleştirme seçeneğini de göreceksiniz. Bu seçenek HTTP talebini azaltacak ve size ek hızda bir artış sağlayacaktır.
Ancak, bu ayarı etkinleştirdikten sonra hiçbir şeyin hasar görmediğinden emin olmak için web sitenizi kontrol etmeye dikkat etmelisiniz.
Ayrıca, web sitenizdeki JavaScript dosyaları için aynı optimizasyonu uygulayabilirsiniz. Bir dosya olarak kullanılmak üzere en aza indirebilir ve birleştirebilir ve performansı artırmak için JavaScript dosyalarının yüklenmesini geciktirebilirsiniz.
Daha fazla ayrıntı için, WPPress’te WP Roketinin Doğru Nasıl Düzenleneceğine İlişkin Adım Adım Eğiticimize bakın. Yöntem 2. WordPress’te kullanılmayan CSS’yi bu yöntemi biraz ileri ancak çok güçlü bir şekilde temizleyerek silin ve WordPress sitenizdeki herhangi bir sayfadan kullanılmayan CSS’yi kolayca silmenizi sağlar.
Ancak, bu oldukça karmaşıktır ve hiçbir şeyin hasar görmediğinden emin olmak için web sitenizin işlevselliğini ve görünümünü iyice test etmeniz gerekir. İlk olarak, varlık temizleme eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Aktivasyondan sonra, Varlık Temizleme Sayfasını ziyaret etmeniz ve Test Modu sekmesine geçmeniz gerekir. Buradan, ‘Test Modu Etkinleştir’ seçeneğini etkinleştirmeniz gerekir. Bu, çeşitli ayarları denemenizi ve web sitesi ziyaretçilerini etkilemeden yönetici olarak test etmenizi sağlar.
Bundan sonra, Varlık Temizleme sayfasını ziyaret etmeniz gerekir »CSS/JS Manager. Buradan, sayfada sayfadaki istenmeyen CSS ve JavaScript dosyalarını sökebilirsiniz.
Bu önce ana sayfanızı alacak ve size bu sayfada yayınlanan tüm CSS ve JavaScript dosyalarını gösterecektir. Yüklü dosyayı aşağı kaydırmanız ve gözden geçirmeniz gerekir. İhtiyacınız olmayan dosyaları görürseniz, belirli bir sayfa, yazı türü veya tüm site için sökebilirsiniz.
Bu eklenti ayrıca buradan belirli bir gönderi veya sayfa seçmenize olanak tanır veya her zamanki gibi yayınları veya sayfaları düzenleyerek aynı seçeneğe erişebilirsiniz.
Düzenle ekranında, yayın düzenleyicinin hemen altındaki Varlık Temizleme kutusunu bulacaksınız.
Eklenti, ziyaretçiler bu sayfayı web sitenizde gördüklerinde otomatik olarak yüklenen tüm dosyaları ve varlıkları alacak ve ekleyecektir. Daha sonra, o sayfada ihtiyacınız olmayan CSS veya JavaScript dosyalarını kolayca sökebilirsiniz.
Önemli: Her şeyin düzgün çalıştığından emin olmak için kullanılmayan CSS veya JavaScript’i sildikten sonra web sitenizi test etmeyi unutmayın.Kullanılmayan CSS ve JavaScript dosyalarını sökmeyi ve silmeyi bitirdikten sonra, Eklenti Ayarları sayfasına dönüp ‘Test Modunu’ kapatabilirsiniz.Değişikliklerinizi kaydetmek için tüm ayarları güncelle düğmesine tıklamayı unutmayın.Artık kullanılmayan CSS bildirimlerindeki değişiklikleri görmek için web sitenizi Google PagePeed Insights kullanarak test edebilirsiniz.Ayrıca, bir web sitesi oluşturmanın maliyeti ve en iyi yönetilen WordPress barındırma listemizi görmek için tam kılavuzumuzu takip etmek isteyebilirsiniz.Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube kanalımıza abone olun.Bizi Twitter ve Facebook’ta da bulabilirsiniz.
