Googlebot İşleme Zaman Aşımı Sorunlarını Giderme: JS Sorunlarını Çözme

Googlebot JavaScript işleme sorunları, istemci tarafı komut dosyalarının yürütülmesi çok uzun sürdüğünde, kaynak sınırlarını aştığında veya tarayıcı işçi havuzunu kapatmadan önce son DOM içeriğini üretemediğinde ortaya çıkar. Komut dosyaları yürütmeyi bloke ettiğinde veya ardışık API çağrıları talep ettiğinde, Google Arama işlemeyi erteler veya eksik bir belgesi indeksler. Bu darboğazları çözmek, komut dosyası yürütmeyi optimize etmeyi, sunucu tarafı işlemeyi benimsemeyi ve kaynak zaman aşımlarını izlemeyi gerektirir.

Googlebot JavaScript işleme sorunları neden oluşur?

İstemci taraflı JavaScript çerçeveleri, ilk ağ teslimatından sonra belge nesne modelini oluşturmak için büyük ölçüde tarayıcı motorlarına güvenir. Googlebot bir sayfayı ziyaret ettiğinde, önce statik yanıt gövdesini getirir. Ana yapısal öğeler istemci taraflı komut dosyası yürütümüne bağlıysa, sayfa hizmet işçilerinin işlenmesi (render) için bir kuyruğa girer.

Komut dosyaları, ayrılan süre ve bellek eşikleri içinde yürütmeyi tamamlayamadığında render zaman aşımı oluşur. İstemci taraflı kod birden çok senkron ağ isteği tetiklerse veya yoğun hesaplama döngüleri çalıştırırsa, başsız tarayıcı yürütmeyi erken sonlandırır. Bu erken sonlandırma, Google Search dizin depolamasında boş kapsayıcı öğeleri veya eksik işaretleme bırakır.

Büyük komut dosyası paket boyutları ve ağ gecikmeleri yürütme sürtünmesini artırır. Birkaç megabaytı aşan web uygulaması paketlerinin sanallaştırılmış render altyapısında indirilmesi, ayrıştırılması ve yürütülmesi önemli zaman alır. Harici API bağımlılıkları gecikme yaşadığında, render işçisi ikincil ağ yanıtlarını beklerken zaman aşımına uğrar.

Google Search için tarama yaparken, Googlebot desteklenen bir dosya türünün ilk 2MB’ını ve bir PDF dosyasının ilk 64MB’ını tarar.

Google Search Central

Google, dizine ekleme sırasında istemci taraflı JavaScript’i nasıl işler?

Modern dinamik web sayfalarını işlemek, iki aşamalı bir tarama mimarisini içerir. İlk aşamada, Googlebot HTTP yanıt gövdesini getirir ve ham işaretlemeden köprü yapılarını hemen çıkarır. İlk yanıt minimum statik metin içeriyorsa, erken dizine ekleme zayıf veya eksik içerik sinyalleri üretir.

İkinci aşama, URL’yi başsız bir Chromium tarayıcı örneği kullanan Web Rendering Service’e yönlendirir. Oluşturucu harici stil sayfalarını ve komut dosyalarını getirir, JavaScript çalıştırır ve işlenmiş bir DOM anlık görüntüsü oluşturur. Bununla birlikte, oluşturucu işçisi tahsisi kaynak yoğun olduğundan, ilk tarama ile ikincil render arasındaki gecikmeler dakikalardan birkaç güne kadar sürebilir.

Barındıran sunucu kısıtlamaları veya katı dosya boyutu sınırları nedeniyle bireysel varlıklar getirilemezse, oluşturucu bu dosyalar olmadan devam eder. Eksik CSS veya yapısal JavaScript modülleri genellikle düzen kaymalarına neden olur veya içerik bileşenlerinin anlık görüntü oluşturma sırasında doğru şekilde monte edilmesini engeller.

• Ham HTTP Alma: Googlebot statik sunucu yanıtlarını getirir ve ilk işaretleme bağlantılarını hemen toplar.
• Render Kuyruğu Tahsisi: İstemci taraflı komut dosyası yürütmeyi gerektiren web sayfaları, mevcut başsız tarayıcı kaynaklarını bekler.
• DOM Oluşturma: Başsız Chromium komut dosyalarını yürütür, DOM’u günceller ve son anlık görüntü verilerini dizin motorlarına iletir.

Google Search Console’da render zaman aşımı nasıl teşhis edilir?

Google Search Console, Googlebot’un dinamik sayfaları nasıl ayrıştığını incelemek için yerel tanılama özellikleri sağlar. URL İnceleme aracı, ham HTTP yanıtları ile işlenmiş DOM anlık görüntüleri arasında yan yana karşılaştırma oluşturan canlı test işlevselliği sunar.

İncelenen sayfaları analiz ederken, tamamen işlenmiş HTML işaretlemesini incelemek için Test Edilen Sayfa sekmesine gidin. İşlenmiş ekran görüntülerindeki görünür metni statik ham HTML ile karşılaştırın. Eksik ana gezinme listeleri, boş ürün açıklamaları veya eksik yapılandırılmış veri blokları, komut dosyası yürütme hatalarına veya kaynak getirme zaman aşımlarına işaret eder.

Kaynak yükleme durumunu kontrol etmek için inceleme çıktısı içindeki Daha Fazla Bilgi panelini inceleyin. Günlük, HTTP 408 zaman aşımı, 500 sunucu hatası döndüren veya robots.txt kuralları tarafından engellenen komut dosyalarını veya stil sayfalarını işaretler. Canlı test sırasında hangi belirli varlıkların başarısız olduğunu belirlemek, render durmalarına neden olan tam bağımlılığı vurgular.

Sunucu erişim günlüğü analizi, tarayıcı isteği zaman damgalarını kaydederek daha derin bağlam ekler. index.html istekleri ile sonraki JavaScript paketi getirmeleri arasındaki zaman boşluğunu karşılaştırmak, sunucu gecikmesinin veya agresif oran sınırlamasının varlıkların Googlebot’a teslimini geciktirip geciktirmediğini ortaya çıkarır.

Hangi teknik stratejiler JavaScript yürütme gecikmelerini düzeltir?

Ana sayfa bileşenlerini saf istemci taraflı yürütmeden sunucu taraflı render etmeye veya statik site oluşturmaya geçirmek, render kuyruklarını ortadan kaldırır. Tamamen işlenmiş HTML’yi doğrudan ilk sunucu yanıtları içinde sunmak, Googlebot’un ikincil render kuyruklarını beklemeden ilk tarama geçişi sırasında tam içeriği ayrıştırmasını sağlar.

İstemci taraflı render etme gerekli kalmaya devam ettiğinde, agresif kod bölme uygulamak ilk paket boyutu ek yükünü azaltır. Monolitik komut dosyalarını daha küçük, rotaya özgü dosyalara bölmek, tarayıcının geçerli görünüm için yalnızca gerekli kodu ayrıştırmasına izin vererek bellek kullanımını ve yürütme süresini düşürür.

Asenkron veri getirmeyi optimize etmek komut dosyası engellemesini önler. Kritik sayfa öğelerinin zincirlenmiş ağ çağrıları yerine hızlı, önbelleğe alınmış API uç noktalarına dayanmasını sağlayın. İstemci taraflı isteklerde açık zaman aşımı sınırları belirlemek, üçüncü taraf hizmetleri derhal yanıt vermezse sayfaların varsayılan geri dönüş işaretlemesi oluşturmasını sağlar.

• Sunucu Taraflı Render Etmeyi Uygulayın: Statik işaretlemeyi doğrudan tarayıcılara sunmak için uygulama sunucularında tam DOM ağaçları oluşturun.
• Kod Bölme Uygulayın: Ayrıştırma ve yürütme sürelerini hızlandırmak için uygulama komut dosyalarını daha küçük modüler paketlere ayırın.
• Veri Getirmeyi Optimize Edin: Render döngüleri sırasında DOM montajını engelleyen bağımlı API isteklerini zincirleme bağlamaktan kaçının.
• Dinamik Önbelleğe Alma Ayarlayın: Karmaşık JavaScript sayfaları için statik HTML anlık görüntülerini önceden oluşturun ve bunları tarayıcı isteklerine sunun.

Alien Road Googlebot render düzeltmelerini nasıl uygular

Alien Road’da teknik mühendislik ekibimiz, istemci uygulamalarındaki JavaScript render darboğazlarını teşhis etmek ve çözmek için yapılandırılmış bir protokol izler. Teknik keşif sırasında statik sunucu çıktısını kritik sayfa şablonları genelinde tamamen oluşturulmuş DOM anlık görüntüleriyle doğrudan karşılaştırarak başlıyoruz.

Uygulama aşamasında, Googlebot akıllı telefon kısıtlamalarını simüle eden yerel render ortamları kuruyoruz. Komut dosyası ayrıştırma sürelerini ölçüyoruz, ağ isteği şelale grafiklerini izliyoruz ve engelleyen üçüncü taraf etiketlerini belirliyoruz. Uygulama mimarisi tam sunucu taraflı geçişi kısıtlıyorsa, statik HTML yanıtlarını doğrudan tarayıcı kullanıcı aracısı ajanlarına iletmek için dinamik anlık görüntü önbelleğe alma sistemlerini entegre ediyoruz.

Devam eden operasyonel iş akışımız, haftalık tarama günlüğü incelemelerini ve otomatik anlık görüntü denetimlerini içerir. Uygulama güncellemelerinin komut dosyası hataları veya ertelenmiş render gecikmeleri getirmediğini doğrulamak için dizine eklenen Google Search önbellek kayıtlarını canlı üretim güncellemeleriyle sürekli olarak eşleştiriyoruz.

Teknik render denetiminiz için sonraki adımlar

Render zaman aşımını çözmek, kod tabanları ve tarama altyapısı genelinde sistematik testler gerektirir. Teknik ekipler, optimal arama dizini kapsamını korumak için varlık teslimini ve komut dosyası performansını metodik olarak incelemelidir.

• Canlı URL İnceleme aracını kullanarak Google Search Console’da yüksek değerli açılış sayfası şablonlarını inceleyin.
• Ana gövde metninin ve yapılandırılmış verilerin inceleme DOM sekmesinde tamamen işlenmiş olarak göründüğünü doğrulayın.
• Komut dosyası paket boyutlarını denetleyin ve ilk yükleri hafif tutmak için büyük JavaScript dosyalarını bölün.
• İlk sayfa yürütülmesi sırasında render etmeyi engelleyen temel olmayan üçüncü taraf izleme komut dosyalarını kaldırın.
• Mobil tarayıcılar tarafından JavaScript varlıklarının zamanında getirildiğini doğrulamak için tarayıcı erişim günlüklerini haftalık olarak izleyin.