Chrome Geliştirici Araçlarında Kullanılmayan CSS ve JavaScript Nasıl Bulunur?

In: Search Optimization


Chrome Geliştirici Araçları Chrome Geliştirici Araçları'nda Kullanılmayan CSS ve JavaScript Nasıl Bulunur Vizion Interactive

2 Haziran’daki Semrush web semineri sırasındand, Chrome’un geliştirici araçlarını kullanarak kullanılmayan CSS ve JavaScript’in nasıl belirleneceği konusunda bazı ipuçları sağladım. Eğer kaçırdıysanız, Buradan kontrol edin. Bu konuyu biraz daha detaylandırmayı düşündüm, çünkü neredeyse her zaman site hızını incelerken ortaya çıkıyor. SEO denetimi.

Arka fon

Hızlı bir sitenin kullanıcılar için iyi olduğunu artık hepimiz biliyoruz, bu günlerde sadece bekleniyor, ancak yakında sitenizin ne kadar organik trafik oluşturacağı konusunda daha büyük bir rol oynayacak. Google’ın Önemli Web Verileri, bazı siteler için sıralamaları değiştirecek olan gelecekteki bir algoritma güncellemesinde sıralama faktörleri olarak dahil edilecektir. Henüz ne kadar olduğunu bilmiyoruz, ancak anladığımız kadarıyla alakadan daha önemli olmayacak ve muhtemelen sonuçlarda rakip siteler veya sayfalar arasında daha fazla bir bağ kırıcı olacaktır. hakkında daha fazlasını okuyabilirsiniz. Temel Web Verilerinin önemi.

Chrome Geliştirici Araçlarını Kullanarak Kullanılmayan CSS ve JavaScript’i Belirleme

Bu, özellikle WordPress sitelerinde veya bir site oluşturmaya yardımcı olmak için bir tür CMS veya çerçeve kullanan diğer sitelerde bir site hızı denetimi yaparken gördüğüm en yaygın bulgulardan biridir. Ancak, tamamen özel olarak oluşturulmuş bir web sitesinde bile geliştiriciler ve tasarımcılar, dağıtım ve bakım kolaylığı için genellikle CSS ve JavaScript kodlarını paketler. Ve elbette, yıllar geçtikçe, genellikle orada bir sürü eski kod kalır, çünkü onu orada bırakmak genellikle daha kolaydır.

Ne yazık ki bu, sitenize gelen her yeni kullanıcının, gerekli olduğu yerde sitenizin sayfalarını ziyaret etmeyecek olsalar bile, CSS veya JavaScript yükünün tamamını indirmesi gerekeceği anlamına gelir.

  1. Kullanılmayan CSS veya JavaScript’i görmek için incelemek istediğiniz sayfaya gidin, ardından Control + Shift + I tuşlarına basarak veya F12 tuşlarına basarak Chrome geliştirici araçlarını açın.
  2. Kaynaklar sekmesine gidinChrome Geliştirici Araçları Chrome Geliştirici Araçları'nda Kullanılmayan CSS ve JavaScript Nasıl Bulunur Vizion Interactive
  3. Control + Shift + P tuşlarına basarak bir Komut Çalıştırın
  4. “Kapsam” yazın ve arama önerilerinde “Kapsam Göster”i seçinChrome Geliştirici Araçları Chrome Geliştirici Araçları'nda Kullanılmayan CSS ve JavaScript Nasıl Bulunur Vizion Interactive
  5. Yeni pencerede, yeniden yükle düğmesine tıklayın

Şimdi sayfaya yüklenen tüm komut dosyalarını, kullanımlarını ve kullanılmayan komut dosyasının yüzdesini göreceksiniz.

Chrome Geliştirici Araçları Chrome Geliştirici Araçları'nda Kullanılmayan CSS ve JavaScript Nasıl Bulunur Vizion Interactive

Google.com ana sayfasına yönelik bu örnekte, komut dosyalarının yalnızca yaklaşık yarısının kullanıldığını ve ilk JavaScript dosyasının en büyüğü olduğunu görebilirsiniz.

Listedeki o öğeye tıklarsanız, yukarıdaki penceredeki kod satırlarını, kullanılmayan her satırın yanında kırmızı vurgularla gösterecektir.

Chrome Geliştirici Araçları Chrome Geliştirici Araçları'nda Kullanılmayan CSS ve JavaScript Nasıl Bulunur Vizion Interactive

Bu JavaScript dosyasında 3-10. satırların ve 14. ve 15. satırların kullanılmadığını görebilirsiniz.

Bu sizin sitenizse, gerçekten ihtiyacınız olup olmadığını belirlemek için bu kodu dikkatlice incelemek isteyebilirsiniz. Daha sonra bu kodu gerektirebilecek etkileşimler olabileceğini unutmayın, bu nedenle dikkatli olun ve üretim sitenize dağıtmadan önce hazırlama sunucunuzda test ettiğinizden emin olun.

Umarım Semrush web seminerini beğenmişsinizdir ve bu ipucunu faydalı bulduysanız, size biraz teşekkür etmek isterim, teşekkür ederim!

Ücretsiz SEO Danışmanlığınızı Alın

Vizion Interactive’de, sonuç almak ve müşterileri mutlu etmek için uzmanlığa, deneyime ve coşkuya sahibiz! Nasıl çalıştığımız hakkında daha fazla bilgi edinin SEO Denetimleri, Yerel Liste Yönetimi, Web Sitesi Yeniden Tasarım Danışmanlığıve B2B dijital pazarlama hizmetler satışları artırabilir ve YG’nizi artırın. Ama bunun için sadece bizim sözümüze güvenmeyin, neler yaptığımıza bir bakın. müşteriler bizimle birlikte söylemek zorunda durum çalışmaları.

Bir cevap yazın

Ready to Grow Your Business?

We Serve our Clients’ Best Interests with the Best Marketing Solutions. Find out More

How Can We Help You?

Need to bounce off ideas for an upcoming project or digital campaign? Looking to transform your business with the implementation of full potential digital marketing?

For any career inquiries, please visit our careers page here.
[contact-form-7 404 "Bulunamadı"]