AnswersPublished8 sources
Ziyaretçilerinizi Bekletmeyin: INP Puanınızı Nasıl İyileştirirsiniz?
INP, bir sayfanın kullanıcı etkileşimlerine ne kadar hızlı tepki verdiğini ölçen önemli bir kullanıcı deneyimi metriğidir. Bir etkileşim üç aşamadan oluşur: Giriş Gecikmesi (Input Delay), İşlem Süresi (Processing Duration) ve Sunum Gecikmesi (Presentation Delay).
Yayımlayan
Research answer
Key takeaways
- INP, bir sayfanın kullanıcı etkileşimlerine ne kadar hızlı tepki verdiğini ölçen önemli bir kullanıcı deneyimi metriğidir.
- Bir etkileşim üç aşamadan oluşur: Giriş Gecikmesi (Input Delay), İşlem Süresi (Processing Duration) ve Sunum Gecikmesi (Presentation Delay).
- Yüksek giriş gecikmesi genellikle ana iş parçacığındaki diğer yoğun işlerden kaynaklanır; etkileşimin kendisi doğrudan suçlu olmayabilir.
- Yüksek işlem süresi, olay işleyicilerindeki (event handlers) kodun fazla veya verimsiz olduğuna işaret eder; ilk taraf, framework ve üçüncü taraf betikler denetlenmelidir.
Studio GlobalZiyaretçilerinizi Bekletmeyin: INP Puanınızı Nasıl İyileştirirsiniz?INP, bir sayfanın kullanıcı etkileşimlerine ne kadar hızlı tepki verdiğini ölçen önemli bir kullanıcı deneyimi metriğidir.
Web sitenizin kullanıcı deneyimini ölçmek için Google'ın sunduğu metriklerden biri olan Interaction to Next Paint (INP), bir sayfanın kullanıcı etkileşimlerine (tıklama, dokunma, klavye kullanımı) ne kadar hızlı tepki verdiğini değerlendiriyor. INP'yi optimize etmek, kullanıcılarınızın sayfanızda daha akıcı bir deneyim yaşamasını sağlar. Peki bu metrik tam olarak nedir ve nasıl iyileştirilir?
INP'nin Üç Temel Bileşeni
INP, bir etkileşimin başlangıcından sonucun ekranda görüntülenmesine kadar geçen süreyi üç aşamaya ayırır :
- Giriş Gecikmesi (Input Delay): “Kullanıcının sayfa ile etkileşimi başlatmasından, etkileşime ait olay geri çağrılarının (event callbacks) çalışmaya başlamasına kadar geçen süredir.”
- İşlem Süresi (Processing Duration): “Olay geri çağrılarının tamamlanması için geçen süreyi kapsar.”
Studio Global AI
Continue your research
This page includes a source-backed answer you can continue inside Studio Global.
People also ask
What is the short answer to "Ziyaretçilerinizi Bekletmeyin: INP Puanınızı Nasıl İyileştirirsiniz?"?
INP, bir sayfanın kullanıcı etkileşimlerine ne kadar hızlı tepki verdiğini ölçen önemli bir kullanıcı deneyimi metriğidir.
What are the key points to validate first?
INP, bir sayfanın kullanıcı etkileşimlerine ne kadar hızlı tepki verdiğini ölçen önemli bir kullanıcı deneyimi metriğidir. Bir etkileşim üç aşamadan oluşur: Giriş Gecikmesi (Input Delay), İşlem Süresi (Processing Duration) ve Sunum Gecikmesi (Presentation Delay).
What should I do next in practice?
Yüksek giriş gecikmesi genellikle ana iş parçacığındaki diğer yoğun işlerden kaynaklanır; etkileşimin kendisi doğrudan suçlu olmayabilir.
Sources
web.devOptimize Interaction to Next Paint
developer.chrome.comINP breakdown | Performance insights - Chrome for Developers
codelabs.developers.google.comUnderstanding Interaction to Next Paint (INP)