Tarayıcınızın oluşturucu süreci, kodunuzu kullanıcılarınızın etkileşimde bulunabileceği bir web sayfasına dönüştürür. Varsayılan olarak, oluşturucu işleminin ana iş parçacığı genellikle çoğu kodu işler: HTML'yi ayrıştırır ve DOM'u oluşturur, CSS'yi ayrıştırır ve belirtilen stilleri uygular, JavaScript'i ayrıştırır, değerlendirir ve yürütür.
Ana iş parçacığı kullanıcı etkinliklerini de işler. Bu nedenle, ana ileti dizisi başka bir şeyle meşgul olduğunda web sayfanız kullanıcı etkileşimlerine yanıt vermeyebilir ve bu da kötü bir deneyime yol açabilir.
Lighthouse ana iş parçacığı çalışma denetimi nasıl başarısız oluyor?
Lighthouse, ana iş parçacığını yükleme sırasında 4 saniyeden uzun süre meşgul eden sayfaları işaretler:
![Lighthouse Ana iş parçacığı çalışma denetiminin ekran görüntüsü](https://developer.chrome.com/static/docs/lighthouse/performance/mainthread-work-breakdown/image/a-screenshot-the-lightho-2e9196c10c9b.png?authuser=5&hl=tr)
Lighthouse, ana iş parçacığı yükünün kaynaklarını belirlemenize yardımcı olmak için, tarayıcı sayfanızı yüklerken CPU süresinin nerede harcandığını gösterir.
Ana iş parçacığı çalışmasını en aza indirme
Aşağıdaki bölümler Lighthouse'un raporladığı kategorilere göre düzenlenmiştir. Chromium'un web sayfalarını nasıl oluşturduğuna dair genel bir bakış için Bir çerçevenin anatomisi konusuna bakın.
Sayfa yüklenirken ana iş parçanızın tam olarak ne yaptığını araştırmak üzere Chrome Geliştirici Araçları'nı nasıl kullanacağınızı öğrenmek için Ana iş parçacığını daha az çalıştırma bölümüne bakın.
Komut dosyası değerlendirmesi
- Üçüncü taraf JavaScript'i optimize etme
- Giriş işleyicilerinizi art arda gösterme
- Web çalışanlarını kullanma
Stil ve düzen
- Stil hesaplamalarının kapsamını ve karmaşıklığını azaltma
- Büyük ve karmaşık düzenlerden ve düzen çökmesinden kaçının
Oluşturma
- Yalnızca birleştirici özelliklerine bağlı kalın ve katman sayısını yönetin
- Boya karmaşıklığını basitleştirme ve boya alanlarını azaltma