CSS seçici performansı hakkındaki gerçek

Tanrım, bırak Patrick Brosset, CSS performansı hakkında konuşacak mümkün olan en cana yakın ve pratik şekilde. CSS her zaman değil hızı artıran nedir, hatta konu performansı iyileştirmeye geldiğinde en düşük asılı meyve.

Fakat if CSS tarafında kazançlar arıyorsanız, Patrick'in Edge DevTools'u kullanarak en pahalı seçicilerinizi bulmak için güzel bir yolu var:

• DevTools'u açın.
• Performans Sekmesine gidin.
• "Gelişmiş işleme araçlarını etkinleştir" seçeneğinin etkinleştirildiğinden emin olun. Bu süreçte beni tökezletti.
• Bir sayfa yüklemesi kaydedin.
• Raporda "Aşağıdan Yukarıya" sekmesini açın.
• Yeniden hesaplanan stillerinizin boyutunu kontrol edin.

Buradan, Ana şelale görünümünde Yeniden Hesaplanan Stil olaylarından birine tıklayın ve yeni bir "Seçici İstatistikleri" sekmesi göreceksiniz. Şu aşırı duygusal iyiliğe bak!

Artık işlenen tüm seçicileri görüyorsunuz ve ne kadar sürdüklerine, kaç kez eşleştiklerine, eşleştirme girişimlerinin sayısına ve "hızlı reddetme sayısı" denen bir şeye göre sıralanabiliyorlar. öğrendim eşleştirmeden çıkarılması kolay ve hızlı olan öğelerin sayısıdır.

CSS'nin gerçekten araştırılması gereken darboğaz olup olmadığı konusunda burada birçok fikir var. Ancak Patrick'in Microsoft Edge Blog'daki tam gönderisini okuyun, çünkü o nedenler ve nasıllar konusunda çok daha derine iniyor ve tüm bir vaka çalışmasını gözden geçiriyor.

Doğrudan Bağlantı →

• SEO Destekli İçerik ve Halkla İlişkiler Dağıtımı. Bugün Gücünüzü Artırın.
• Plato blok zinciri. Web3 Metaverse Zekası. Bilgi Güçlendirildi. Buradan Erişin.
• Kaynak: https://css-tricks.com/the-truth-about-css-selector-performance/