İlk görüntüden önce daha az bağlantı
Sayfanın bağlandığı her ek sunucu, ilk bayt gelmeden önce bir DNS sorgusu ve bir TLS el sıkışması demek. Yazı tipleri HTML ile aynı sunucudan geldiğinde zaten açık olan bağlantı üzerinden gelir. Ana yazı tipi dosyasını önceden yüklüyoruz; böylece tarayıcı, stil dosyasını okumayı bitirmeden onu istemeye başlıyor.
Manrope ve IBM Plex Mono’yu iki alt küme hâlinde sunuyoruz: Latin ve Genişletilmiş Latin. İkincisi Türkçe harfleri taşıyor; bu sayede Türkçe sayfalar asıl yazı tipi yüklenene kadar sistem yazı tipine geri dönmüyor.
Tek video, iki kodlama
Açılış videosu 4K kaldı; daha yumuşak bir görüntü istemedik. Değişen şey kodlama. AV1 çözebilen tarayıcılar 3,1 MB’lık bir dosya alıyor. Diğerleri 10,7 MB’lık H.264 sürümünü alıyor. Sayfa, tarayıcının canPlayType cevabına bakıp birini seçiyor. Yerine geçtiği dosya 23,7 MB’tı.
Video ayrıca yalnızca kendi bölümü ekrana yaklaştığında yükleniyor. O ana kadar tarayıcı, küçük ve erken gelen bir poster görseli gösteriyor.
Her dosyaya uyan önbellek
Yazı tipleri hiç değişmez; bu yüzden bir yıl önbellekte tutuluyor. Video otuz gün tutuluyor. HTML hiç önbelleğe alınmıyor; böylece bir düzeltme bir sonraki ziyarette görünüyor. Stil dosyalarının adresinde bir sürüm numarası var; bu sayede onları bir yıl önbellekte tutup değişiklikleri yine anında yayınlayabiliyoruz.
Gizlilik ve denetim
Bir font servisi, sayfayı açan herkesin IP adresini görür. Kendi sunucunuzdaki bir yazı tipi, sayfanın zaten gördüğünden fazlasını görmez. Dosyalar da yerinde kalır: hiçbir servis onları kullanımdan kaldıramaz, adlarını ya da kullanım koşullarını değiştiremez.
Sitede kalan tek dış betik, çerez kullanmayan bir analitik işaretçisi. Yukarıdaki iddia doğru kalsın diye onu burada özellikle belirtiyoruz.
Bize neye mal oldu?
Bir öğleden sonra. Yazı tiplerini alt kümelere ayırmak, videoyu iki kez kodlamak, önbellek kurallarını yazmak ve ardından her sayfayı kontrol etmek. Küçük bir site için, tek bir kaynaktan yüklenen ve kimsenin iznine bağlı olmadan çalışmaya devam eden sayfalar karşılığında makul bir bedel.
Aynı değişikliği kendi ürününüz için düşünüyorsanız yazı tiplerinden başlayın. Taşıması en kolay olanlar onlar ve ziyaretçinin ilk beklediği şey de onlar.