Kaynakları Küçültme (HTML, CSS ve JavaScript)

Bu kurallar, PageSpeed Insights, kaynaklarınızdan birinin boyutunun küçültme işlemiyle azaltılabileceğini algıladığında tetiklenir.

Genel Bakış

Kaynakları küçültmek, gereksiz baytları (ekstra alanlar, satır sonları ve girinti gibi) ortadan kaldırmak demektir. HTML, CSS ve JavaScript'i sıkıştırmak indirme, ayrıştırma ve yürütme süresini kısaltabilir. Ayrıca, CSS ve JavaScript için değişkenleri yeniden adlandırarak dosya boyutunu daha da küçültmek mümkündür. Bunu yaparken, seçicilerin çalışmaya devam edebilmesi için HTML uygun şekilde güncellenmelidir.

Öneriler

HTML, CSS ve JavaScript'inizin boyutunu küçültmelisiniz.

HTML'yi küçültmek için, HTML kodunuzun optimize edilmiş bir sürümünü oluşturmak üzere PageSpeed Insights Chrome Uzantısı'nı kullanabilirsiniz. HTML sayfanızda analizi çalıştırın ve "HTML'yi küçült" kuralına bakın. Optimize edilmiş HTML kodunu edinmek için "Optimize edilen içeriğe bakın"ı tıklayın.

CSS'yi küçültmek için YUI Sıkıştırıcı ve cssmin.js öğesini deneyebilirsiniz.

JavaScript'i küçültmek için Closure Compiler, JSMin veya YUI Sıkıştırıcı'yı deneyin. Geliştirme dosyalarını küçültmek ve yeniden adlandırmak için bu araçları kullanan bir derleme işlemi oluşturabilir ve onları bir üretim dizinine kaydedebilirsiniz.