CSS kullanılmayan alanları kaldırma.

Şöyle bir sorunum var, pagetest yaptığımda kullanılmayan alanları kaldırın diyor ancak kullanılmayan alanların yüzde 80'i bootstrap'da. Bootstrap'da kaldırınca da sorun yaşıyorum. Bu sıkıntıyı nasıl aşabilirim bilgisi olan var mı?

display:none ile

Hocam CSS'in hiç bir kodu site'de geçmiyor zaten. div yok bir şey yok. pagespeedtest'de onun içinde kullanılmayan css var sil diyor.

Coverage ismini verdiğimiz işlem hocam işin özetinde. F12'den performans testi yapıp orada kullanılmayan css kodlarını sayfa sayfa tespit edebilirsiniz bu sayede gereksiz CSS kodlarından kurtulabilirsiniz, biraz zahmetli bir işlemdir.

hocam o zahmete girerek 3 saat kodları sildim. Ancak sayfa bozuldu

Site wordpress

Kullanılan bir kodu silmişsinizdir hocam diğer türlü bozulmamalı zaten sayfa. Sanıyorum başlıca bir sebebi yok yazılımcı bir arkadaş da baksın bence.

https://www.onyazilim.com/kullanilma...lma-yontemleri buradaki konuya bakabilirsiniz. Belki yardımcı olur.

Pagespeed analizi yazılımlara göre tavsiye / uyarı vermez. Her uyarıyı baz alacak olursak sitelerde bozulma, hata vs bir çok problemle karşılaşma ihtimali de yüksektir.

Puanları yükseltmek sitenin hızlı açıldığını da göstermez bizlere.

Çünkü kullanılan her tema farklı özelliklere sahip olduğu gibi kullanılan diğer eklentilerin de olumsuz etkileri vardır.

Misal Elementor kullanılan site ile Gutenberg ile oluşturulmuş bir site arasında ciddi farklar olabileceği gibi, normal bir Wordpress sitesi ile Woocommerce kullanılan bir site arasında da çok ciddi farklar mevcuttur.

Ama yok ben illa bunu yapacağım, deneyeceğim diyorsanız; örnek olarak https://www.sitelocity.com/critical-path-css-generator burada site adresinizi yazın ve sayfada yer alan izahatleri uygulayın. Ayrıca ''critical css'' şeklinde araştırma yaparak daha detaylı bilgilere sahip olabilirsiniz.

Mutlaka YEDEK alın ve hangi işlemi hangi dosyada yaptığınızı bir yere not alın.

Bu işlemleri onlarca kere yapmış biri olarak tavsiye etmiyorum çünkü her tema eklenti güncelleme sonrasında tekrar işlem yapılması gereklidir.
Çok zahmetlidir aslında.

En sağlıklı yöntem; sunucu alt yapısı, kullanılan tema ve eklentilere en uyumlu olan cache eklentisi ile çözüm sağlanmasıdır.
Cache eklentilerinde ''en iyisi'' yoktur, ''en ideali'' vardır, bunu da göz ardı etmeyelim derim.
Ve şunu da belirtmek gerek, kaliteli bir sunucuda barınan ve gutenberg gibi sayfa yapıcı ile oluşturulmuş, az eklenti mevcut olan bir sitede cache eklentisine de ihtiyaç duyulmayabiliyor.

Biraz uzun oldu, affola.