HTML Sitemizi Nasıl Hızlandırırız?

Halledildi

Çok yavaş demo

Resimler en fazla 100kb olarak ayarlayın ve loading="lazy" eklemenizi öneririm.

Bu kadar tasarımla uğraşılmış görselleri 100kb a kadar düşürsek bi güzelliği kalmaz ki hocam ek olarak lazy tam olarak ne işe yarıyor

Adobe illüstratör webp olarak ayarlayabilirsiniz. Loading lazy "web sayfanızdaki görsellerin ve diğer varlıkların kullanıcı ihtiyaç duyana kadar yüklenmesini engelleme uygulamasıdır ".

görsel boyutlarını düşürmeniz lazım

Teşekkür ederim zaten webp şu an çoğu lazy loading deneyeceğim

Hocam fotoğraflar optimizasyonu geliştirmeniz için https://squoosh.app/ bu siteyi kullanın google ın sitesidir, bunu kullanın.

bir fotoğraf genişliğini 2000px den fazla kullanmayın lütfen.
<script src="js/script.js" defer></script>
bu kodu footer'a taşııyın, js dosyaları footera eklenmesi daha iyi optimiasyon sağlar.
fotoğraflarda lazy load desteği yok, direkkt ilk yüklenişte sayfa ile birlikte yükleniyor.

mümkünse projenize AVIF desteği ile geliştirin, sunucu görselleri otomatik çevirsin, bakıır örnek, 125kb lik bir görseli 44kb ye düşürüyorum, %65

* Png olan imaj formatları webp'ye çevirerek belirli bir oranda skorunuzda artış sağlarsınız. (Sitenizde .png formatında hala imajlar mevcut)
* Kullanılan her imaja certain bir ölçülendirme atayarak yine belirli bir oranda skorunuzda artış sağlarsınız.
* .css ve .js dosyalarınızın adetlerini düşürerek (mümkünse birleştirilebilir) belirli oranda skorunuzda artış sağlarsınız.
* Css ve js dosyalarınızda, önemine göre defer kullanabilirsiniz.
Aklıma gelenler bunlar.
Başarılar dilerim.