Javascript kodlarının PageSpeed puanına ciddi oranda ettiğini biliyoruz. Hem performans hem de diğer metriklerde hatalara sebep olan Javascript; hem kullanıcı deneyimi açısından hem de Google açısından kimi zaman bir felaket kaynağı haline gelebiliyor. Bu yüzden, özellikle Javascript konusunda uzman kişilerin; bu kodlara müdahale etmesi oldukça önemlidir. Bu yazımda sizlere PageSpeed tarafında karşımıza çıkan “Javascript Yürütme Süresini Azaltın” hatasını ve bu hatanın çözümünü aktaracağım.
Javascript Yürütme Süresini Azaltın Hatası Nedir?
PageSpeed performans hatalarının başında yer alan Javascript Yürütme Süresini Azaltın Hatası, tamamen JS dosyalarının ve kodlarının optimize edilmemesi ile alakalıdır. Eğer sitenizde çalışan javascript kodları derlenmemiş, sıkıştırılmamış veya gereksiz kod kalabalığına sahipse; çok yüksek ihtimal ile bu hata karşınıza gelecektir. Önbellekleme yapmayan sitelerin de bu hata ile karşılaştığını söylemek mümkün.
Peki PageSpeed Javascript Yürütme Süresini Azaltın hatası için ne yapmak gerekiyor? Gelin hem biraz yazılımsal hem de genel açıdan çözüm yollarına bakalım.
Javascript Yürütme Süresini Azaltın Hatası Çözümü
Pagespeed puanınızı yükseltmek istersen bu hata ile karşılaştıysanız ve bir türlü ortadan kalkmıyorsa aşağıdaki işlemleri dikkatli bir şekilde uygulamanız yeterli olacaktır. Böylece Javascript yürütme süresini azaltın hatasını çözebilir ve kullanıcı deneyiminizi arttırabilirsiniz.
- Gereksiz JS kodlarından kaçının. 3. parti kaynaklardan çektiğiniz; sadece bir fonksiyon için tüm kütüphaneyi çağırdığınız javascript dosyalarını imkanınız dahilinde kaldırın.
- Minify ve Compress gibi metodlar ile JS dosyanızı küçültün ve sıkıştırın. Bu sayede dosya boyutunuz azalmış olacaktır. (Cache eklentilerinin büyük çoğunluğu bunu yapıyor veya manuel olarak Javascript Compress gibi Google aramaları ile, ücretsiz online araçlar bulabilirsiniz.)
- Kullanılmayan Javascript kodlarını kaldırın. Örneğin; sadece iletişim sayfanızda kullandığınız bir javascript dosyası var. Bunu <head> içinde çalıştırırsanız tüm sayfalarınızda yüklenecektir. Fakat sadece iletişim sayfasında kullanıyorsunuz. Bunun yerine, sadece iletişim sayfasında yer alacak şekilde kodu yerleştirirseniz; kullanılmayan kodlardan kaçınmış olursunuz.
- Javascript dosyanızı önbellekleyin. JS ve CSS dosyaları tarayıcı tarafından önbelleklenir ve böylece bir sonraki siteye girişte tekrar yüklenmez. Bu da tekrar gelen ziyaretçi için sitenin hızlı yüklenmesini sağlarken; sunucunuzdan herhangi bir dosya çağrılmadığı için sunucunuzu da yormamış olur.
Yukarıda yer alan 4 maddeyi harfiyen uygulamanız sonucunda birçok Pagespeed hatasını ortadan kaldırır, özellikle Javascript Yürütme Süresini Azaltın sorununu çözersiniz.