Bir web uygulamasının kontrol panelinde beklenmedik bir performans düşüşü yaşandı; yükleme süresi bir saniyeden on saniyeye çıktı. Geliştirici başlangıçta sorunu React framework'üne bağladı ve yapay zeka aracı Claude'u kullanarak gereksiz yeniden render'lar ve eksik memoizasyonlar gibi React'e özgü sorunları tespit edip gidermeye çalıştı. Ancak bu düzeltmelerin performansta kayda değer bir iyileşme sağlamaması, sorunun başka bir yerde olduğunu gösterdi.
Detaylı incelemeler, sunucu tarafında veya üçüncü taraf JavaScript kütüphanelerinde ciddi bir sorun olmadığını ortaya koydu. İlginç bir şekilde, performans sorunu sadece Safari tarayıcısına özgüydü. Safari'nin performans denetleyicisini kullanarak yapılan analizler, CPU kullanımının %94'ünün "Layout" (sayfa düzeni hesaplamaları) üzerinde yoğunlaştığını gösterdi. Birden fazla düzen geçişinin her birinin 1600 milisaniyeden fazla sürmesi, normalden yaklaşık 100 kat daha yavaş bir durumdu ve sayfa düzenleme mekanizmasında ciddi bir sorun olduğuna işaret ediyordu.
Bu derinlemesine düzen sorununu çözmek için geliştirici, modern çağda daha da kullanışlı hale gelen ikili arama yöntemine başvurdu. Claude'u kullanarak koddan potansiyel sorunlu parçaları sistematik olarak kaldırıp test ederek, sorunun temel nedenini ve geçici çözümünü bulmayı hedefledi. Bu yaklaşım, performans sorunlarının her zaman beklendiği yerde olmayabileceğini ve tarayıcıya özgü, derinlemesine düzen motoru problemlerinin de önemli bir etken olabileceğini gözler önüne serdi.
Web uygulamalarındaki performans sorunları her zaman beklenen yerde (örneğin, JavaScript framework'lerinde) ortaya çıkmayabilir; tarayıcıya özgü düzen motoru hataları da ciddi yavaşlamalara neden olabilir.