Kritik Oluşturma Yolu
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Kritik oluşturma yolunun optimize edilmesi, kullanıcının yaptığı geçerli işlemle ilgili olarak gösterilecek içeriğe öncelik verilmesi anlamına gelir.
Hızlı bir web deneyimi sunmak için tarayıcının çok çalışması gerekir. Bu işin büyük bir kısmı web geliştiricilerimizden gizlenir: İşaretlemeyi biz yazarız ve ekranda güzel görünen bir sayfa çıkar. Ancak tarayıcı HTML, CSS ve JavaScript'imizi
alıp ekranda oluşturulan piksellere tam olarak nasıl geçiyor?
Performans optimizasyonu için HTML, CSS ve JavaScript baytlarının alınması ve bunların oluşturulmuş piksellere dönüştürülmesi için gereken işlemler arasındaki ara adımlarda neler olduğunu anlamak gerekir. Bu adımlara kritik oluşturma yolu denir.
Kritik oluşturma yolunu optimize ederek sayfalarımızın ilk oluşturulma süresini önemli ölçüde kısaltabiliriz. Ayrıca kritik oluşturma yolunu anlamak, iyi performans gösteren etkileşimli uygulamalar oluşturmak için bir temel oluşturur. Sürekli bir döngü halinde ve ideal olarak saniyede 60 kare hızında gerçekleştirilen etkileşimli güncelleme süreci de aynıdır.
Başlamadan önce, tarayıcının basit bir sayfayı nasıl görüntülediğine göz atalım.
Ek kaynaklar
Geri bildirim
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2014-03-31 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"İhtiyacım olan bilgiler yok"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Çok karmaşık / çok fazla adım var"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Güncel değil"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Çeviri sorunu"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Örnek veya kod sorunu"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Diğer"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Anlaması kolay"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Sorunumu çözdü"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Diğer"
}]
{"lastModified": "Son g\u00fcncelleme tarihi: 2014-03-31 UTC."}
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2014-03-31 UTC."],[],[]]