Bir web sitesini gerçekten hızlı yapan nedir
Yazan AsasWeb ekibi 1 dk okuma
Yavaş web sitelerinin en büyük tekil nedeni fazla JavaScript'tir; dolayısıyla en büyük kazanç daha azını göndermektir. Ardından AVIF ve WebP gibi formatlarda, width ve height değerleri ayarlanmış modern duyarlı görseller sunun ve web yazı tiplerinizi kendi sunucunuzda barındırın, alt kümelere ayırın ve ince ayar yapın. Core Web Vitals ölçümünü orta sınıf bir telefonda ve yavaş bir bağlantıda yapın, çünkü hız sondaki bir yamadan değil, inşa boyunca verilen kararlardan gelir.
Herkes hızlı bir web sitesi ister ve çoğu öneri “görsellerinizi optimize edin”de durur. Görseller önemlidir, ancak hız, inşa ederken alınan birçok kararın toplamıdır. İşte gerçek kazanımların olduğu yer.
Daha az JavaScript gönderin
Yavaş sitelerin tek başına en büyük nedeni fazla JavaScript’tir. Her kilobaytın indirilmesi, ayrıştırılması ve çalıştırılması gerekir; çoğu zaman bir dizüstü bilgisayardan çok daha az güce sahip orta sınıf bir telefonda. Çoğunlukla HTML ve CSS gönderin ve JavaScript’i yalnızca yerini gerçekten hak ettiği yerde ekleyin. Onsuz çalışan sayfalar daha hızlı ve daha sağlamdır.
Modern, duyarlı görseller sunun
AVIF ve WebP gibi modern formatlar kullanın, birkaç boyut oluşturun ve doğru olanı ekran için tarayıcının seçmesine izin verin. Görseller yüklenirken düzenin zıplamaması için her zaman genişlik ve yükseklik ayarlayın. Bir telefon asla masaüstü boyutunda bir görsel indirmemelidir.
Yazı tiplerinizi kendiniz barındırın ve ayarlayın
Web yazı tiplerini yanlış yapmak kolaydır. Onları kendiniz barındırın, ihtiyacınız olan
karakterlere göre alt küme oluşturun, font-display: swap kullanın ve web yazı tipi geldiğinde
metin kaymaması için yedek metrikleri ayarlayın. Bu, Cumulative Layout Shift puanınızı korur.
Kullanıcıların hissettiğini ölçün
Core Web Vitals gerçek deneyimi anlatır: yükleme için Largest Contentful Paint, kararlılık için Cumulative Layout Shift ve yanıt verme için Interaction to Next Paint. Bunları yalnızca hızlı bir dizüstü bilgisayarda değil, temsili orta sınıf bir telefonda ve yavaş bir bağlantıda ölçün, çünkü ziyaretçilerinizin çoğunun kullandığı budur.
Performans sonradan eklenmez, içine inşa edilir
Hızı sonunda serpiştiremezsiniz. İnşa boyunca alınan seçimlerden gelir ki her projeye tam olarak böyle yaklaşırız. Siteniz yavaş hissettiriyorsa, bir proje başlatın ve nedenini bulalım.