Yükleniyor...
👈🏽 Yayınlarımız 📖

Web Sitenizi Hızlandırın(Konu4) 📈

web

Uzun Ana İş Parçacığı Görevlerinden Kaçının

HTML/CSS ayrıştırma, JavaScript ayrıştırma/yürütme gibi olaylar,ana iş parçacığında(varsayılan olarak) çalışan"görevlerdir".Bu görevlerden herhangi biri 50 ms'den uzun sürdüğünde (aynı zamanda"uzun görev" olarak da bilinir), hem İlk İçerik Boyama'da hem de sayfanızın tamamen etkileşimli hale gelmesinin aldığı sürede gecikmeye neden olabilir.Ziyaretçilerinize iyi bir sayfa deneyimi sunmak için, mümkün olduğunca uzun ana konu görevlerinden kaçının.

Uzun ana iş parçacığı görevleri sayfa performansını nasıl etkiler ?

Sayfanız her yüklendiğinde, tarayıcı sayfanızın içeriğini oluşturma ve kullanıcı etkileşimiyle ilgili görevlerin çoğunu yönetmek için ana iş parçacığını kullanır.
Uzun süreli JavaScript örneği
Uzun süre çalışan JavaScript (yukarıdaki A,B,E) ana iş parçacığını uzun süre bloke edebilir, tarayıcının diğer görevleri yürütmesini önleyebilir ve genel sayfa yüklemenizi etkileyebilir.
 
Uzun ana iş parçacığı görevleri, tarayıcının sayfanızın yüklenmesinde önemli olan diğer işlemlerle ilgilenmesini engeller.Örneğin, uzun süre çalışan bir JavaScript dosyası, ayrıştırılıp yürütülene kadar tarayıcının başka bir görevi işlemesini durdurur.
Uzun ana iş parçacığı görevlerinin sayısını azaltmak, ana iş parçacığı işini en aza indirerek genel sayfa performansınızı iyileştirir.
Bu, ziyaretçileriniz için sayfanızdaki içeriği daha hızlı görebilecekleri ve içerikle daha erken etkileşime girebilecekleri anlamına gelir.

Uzun ana iş parçacığı görevlerinden nasıl kaçınılır


Bu denetim, ana iş parçacığında çalışan tüm uzun görevleri listeler. Web performansı yararına ana iş parçacığı işini en aza indirmek için geliştirme iş akışınıza iyi uygulamaları dahil ettiğinizden emin olun.

WordPress (ve diğer CMS) kullanıcıları için

Eğer bir CMS (örneğin WordPress) kullanıyorsanız, ana iş parçacığı işini en aza indirmeye yardımcı olacak en iyi uygulamalardan bazılarını hayata geçirmek için kullanabileceğiniz birçok eklenti bulunmaktadır.
Yayın Etiketlerimiz :

Yorum Gönder

0 Yorumlar
* Lütfen Burada Spam Yapmayın. Tüm Yorumlar Yönetici Tarafından İncelenir. *



reklam
# Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Remove browser bugs (only needed for really old browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent