React Next Js - web sitesi HIZ ve SEO çalışması

Merhabalar,
Web sitemiz iskele ve kalıp sektörüne hitap eden www.oguzhaniskele.com
react ve next js ile güncellenmiştir. Güzel bir admin paneline sahip ihtiyaçlarımı karşılayan bir tasarım yapıldı.
Ancak site hızı (PageSpeed Insights ) istediğim seviyede değil ve site içi SEO konusunda eksiksiz olsun istiyorum.
HIZ VE SEO konusunda web sitemizin incelenerek, yapılacak gerekli düzenlemelerin belirlenmesini ve bu konudaki fiyat teklifinizi bekliyorum.

Merhaba,
Imzamdan ulasabilirsiniz. Yazilim firmasi olarak SEO hizmeti vermekteyiz.

Merhabalar, iletişime geçerseniz destek olmak isteriz.
İletişim: info@uzzya.com / 05074389444
Websitemiz: https://uzzya.com
Konumuz: https://www.r10.net/kodlama-yazilim-...uzzya9889.html

Selamlar, konu karşıma geldiğinden ufak bir bakayım dedim. Karşılaştığım ve naçizane iyileştirilebilecek noktaları not düşüyorum:

- Sayfa bizi kocaman bir slider ile açıyor ve bu tarafta `swiper` kullanılmış. Alternatif olarak `slick-carousel` kullanılabilir. Bu noktada arada ki boyut farkından dolayı ~500ms bir network call kazancı sağlanır 3G cihazlarda.
https://bundlephobia.com/package/swiper@9.0.5
https://bundlephobia.com/package/slick-carousel@1.8.1

- Image'lar maalesef Next.js'in `image` component'i düm düz kullanılarak yapılmış her hangi bir responsive size set vs. verilmemiş. Görüldüğü gibi tek bir image için bir sürü src-set download etmek zorunda kalıyor kullanıcı. Bu da direkt olarak açılma hızını etkiliyor.


- Source code'u minified olduğu için tam emin olmamak ile birlikte CSS noktasında lazy-loading yapılabilir gibi. Land olduğum anda indirilen CSS'leri aşağıya bırakıyorum:
(ilk land sonrası browser otomatik cache'lediği için; eforu yüksek bir development gerektiriyorsa atlanabilir.)


- İlk land olduğumda çok fazla image yükleniyor. Lazy loading yapılmalı


- i18n ihtiyaçları kullanıcının olduğu dile göre preload edilebilir, şu an sadece tr ve en load oluyor ve az sayıda keyword var fakat ileride fazla dil eklendiğinde sorun yaşanacaktır.


Kısa bakışta gözüme çarpanlar bunlar, tabii ileri seviye codebase analizinde fazlası çıkabilir. Bu arada basit bir lighthouse testi yapılıp karşımıza gelen problemleri burada listelemedim zaten onlar bariz oradan bakılabilir