Ana iş parçacığı çalışmasını en aza indirin

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ığı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ü

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

Stil ve düzen

Oluşturma

HTML ve CSS ayrıştırma

Komut dosyası ayrıştırma ve derleme

Atık toplama

Kaynaklar