Mobile ve Masaüstünde Lighthouse 100/100 — Kiralık Arabada Bir İlk, ve Müşteriye Ne Sağlıyor

Mayıs 2026 itibarıyla kiprarent.com Lighthouse'un dört kategorisinde — Performans, Erişilebilirlik, En İyi Uygulamalar ve SEO — mobile ve masaüstü profillerinin ikisinde de 100/100 puan tutuyor. Bunun bir kiralık araba sitesinin dört kategoriyi aynı anda iki profilde de tuttuğu ilk an olduğuna inanıyoruz.

Eşleşen bir kiralık araba sitesi bulursan bize yaz, yazıyı karşılaştırmayla güncelleriz. O zamana kadar iddia şu: kiprarent.com bugün itibarıyla dünyada Lighthouse 100/100 (mobile + masaüstü, her dört kategoride) tutan ilk kiralık araba sitesi.

Puan bağımsız doğrulanabilir — şu an Google PageSpeed Insights açıp https://www.kiprarent.com/ adresini test edersen dört yeşil 100'ü kendin görürsün. Doğrulama adımlarını yazının sonuna koyduk.

"Lighthouse 100/100" gerçekte ne demek?

Google Lighthouse bir web sayfasını dört eksende denetler. Hepsinde 100 demek:

• Performans — 100. Sayfa yavaşlatılmış mobil profilde bile hızlı yükleniyor (Lighthouse Slow-4G + Moto-G sınıfı CPU simüle ediyor). İlk içerik bir saniyenin çok altında çıkıyor. En büyük görünür eleman gecikmeden render oluyor. Tarayıcı yükleme sırasında donmuyor.
• Erişilebilirlik — 100. Renk kontrastı WCAG AA eşiğini karşılıyor. Her interaktif öğenin etiketi var. Ekran okuyucular sayfayı baştan sona gezinebiliyor. Metin doğru ölçekleniyor.
• En İyi Uygulamalar — 100. Her yer güvenli HTTPS, eskimiş API yok, konsol hatası yok, görseller doğru boyutta sunuluyor, güvenilmeyen kod yükleyen üçüncü-taraf takipçileri yok.
• SEO — 100. Arama motorları her sayfayı tarayıp ayrıştırıp indeksleyebiliyor. Yapılandırılmış veri geçerli. Her URL'de meta etiketler doğru.

Tek bir kategoride 100 zor. Dört kategorinin hepsinde 100 çok daha zor, çünkü optimizasyonlar birbirine ters çalışır — örnek: süslü animasyonlu UI için eklediğin JavaScript Performans'ı düşürür; retina keskinliği için gönderdiğin daha büyük görseller yine Performans'ı düşürür; branding için yüklediğin üçüncü-taraf fontları hem Performans'ı hem de En İyi Uygulamalar'ı düşürebilir.

Bunu mobile'da da masaüstünde olduğu kadar yapmak en zor versiyonu. Mobile profil 4× CPU throttle uygular. Bir geliştiricinin MacBook'unda anında çalışan kod, Lighthouse'un emüle ettiği mobile ortamda beş kat uzun sürer.

Kiralık araba siteleri için bu neden neredeyse imkansız?

Çoğu kiralık araba sitesini kullandıysan örüntüyü hissetmişsindir: yavaş ilk yükleme, filo grid'i geç beliriyor, para birimi widget'ı sonradan yükleniyor, takvim sayfa oturduktan saniyeler sonra açılıyor, arka planda on farklı tracking pixel yükleniyor. Bunların her biri Lighthouse puanı düşürür.

Tipik kiralık araba sitesi yığını şöyle:

• Filo grid'ini client-side render eden bir JavaScript framework'ü. HTML neredeyse boş gelir; JavaScript doldurur. Mobile'da yavaş.
• Sen scroll ettikçe lazy-load edilen 20-50 yüksek çözünürlüklü araç fotoğrafı. Masaüstünde harika görünür ama lazy-loader ana iş parçacığında çalışır ve orta seviye Android telefonlarda kasar.
• Rezervasyon tarihleri için JavaScript tarih/saat seçici. Genelde tek bir input için 100-200 KB kod.
• Harici scriptler yükleyen affiliate / aggregator widget'ları (Expedia, Booking, Kayak entegrasyonları).
• Google Analytics, Facebook Pixel, Hotjar, Segment, GTM — her analytics platformu ana iş parçacığına bloklayıcı iş ekler.
• Üçüncü-taraf FX sağlayıcılardan para birimi dönüşüm widget'ları.
• Kullanılmayan stiller gönderen bir CSS framework (Tailwind, Bootstrap, Material).

Her biri tek başına küçük. Hepsi bir araya geldiğinde taze bir ziyarete kolayca 3-5 tam saniye JavaScript işi ekleniyor. Lighthouse her milisaniyeyi ölçer. Framework hydrate olduğunda, lazy-loader sayfayı taradığında, analytics tetiklendiğinde Performans puanı 40'larda kalır. Herhangi bir kategoride 90 gerçek bir başarı; mobile Performans'ta 100 nadir; mobile Performans 100 ve diğer üç kategoride de 100 olağanüstü.

Aradık. Dört kategorinin hepsinde iki profilde de 100/100 tutan başka bir kiralık araba sitesini — hiçbir yerde — bulamadık. Varsa, bilmek isteriz.

Bunu sağlayan üç sade karar

En çok zaman alan kısım buydu. 100'e ulaşmak ayarlamadan fazlası demek — eklenmesi normal olan şeyleri kaldırmak demek. Verdiğimiz kararlardan üçü:

1. Hero metni web fontumuzu değil, telefonun varsayılan fontunu kullanıyor

Sitenin marka fontu Inter. Ama landing sayfasındaki büyük hero metni system-ui kullanıyor — yani telefon veya bilgisayarında hangi font yüklüyse o (iPhone'da San Francisco, Android'de Roboto, Windows'ta Segoe).

Bu küçük bir görsel taviz. Yani hero metni tam olarak marka stilimizde değil. Ama Inter yüklendiğinde olan bir re-paint'i ortadan kaldırıyor — sayfa ilk göründüğünde hero zaten son fontunda, en büyük görünür eleman kaymıyor. Ölçtük: hero için Inter kullanmaya çalışmak Largest Contentful Paint'i mobile profilde bir saniyenin üzerine itiyordu. system-ui ile 900 milisaniyenin altında.

Gövde metni hâlâ Inter. Takası sadece en çok puan kazandırdığı yerde yaptık.

2. Marka fontu kendisi sayfa interaktif olana kadar yüklenmiyor

Çoğu sitede fontlar sayfayla birlikte yüklenir — bu yüzden bazen yabancı bir fontta kısa bir an metin gördükten sonra fontun değiştiğini fark edersin. Çoğu ekip bunu metni font hazır olana kadar gizleyerek "düzeltir" ("FOIT" — Flash of Invisible Text), ama bu yavaş bağlantılarda daha kötü hissettirir çünkü sayfa boş kalır.

Biz tersini yaptık. Sayfa anında sistem varsayılan fontunu gösteriyor. Sadece sayfa tamamen yüklendikten sonra — tarayıcının dikkatini çekecek başka iş kalmadığında — küçük bir script Inter fontunu enjekte ediyor. Geçiş pratikte çok belli olmaz çünkü o ana kadar sen zaten okuyor veya scroll ediyorsundur, ama puana etkisi gerçek: Inter artık ilk paint'te HTML ile bant genişliği için yarışmıyor.

3. Site statik. Uygulama değil.

En büyük olan bu. Çoğu kiralık araba sitesi JavaScript uygulamasıdır — bir framework yükler, sunucudan filo verisi ister, kullanıcının cihazında render eder, tıkladıkça yeniden render eder. Güçlü ama yavaş başlar.

Kiprarent.com'un tersi yapıyor: statik site. Deploy ettiğimizde rezervasyon sistemimizden mevcut filoyu çekiyor, her sayfayı düz HTML olarak render ediyor ve gönderiyoruz. Herhangi bir sayfayı ziyaret etmek sadece HTML indirmektir — framework boot yok, client-side render yok, beklemek yok. Rezervasyon akışının kendisi (tarih ve araç seçtiğin yer) interaktif — ama o ayrı bir uygulama, sadece "Araçları gör" tıkladığında yükleniyor. Pazarlama sayfaları sana hiçbir zaman kod beklemeni yaşatmıyor.

Teknik meraklıları için birkaç ek karar: LCP görselini AVIF olarak sunuyoruz, render-bloklayan stil isteklerini önlemek için tüm CSS'i HTML'e inline ediyoruz, ekran dışındaki bölümler için content-visibility kullanıyoruz ve gönderdiğimiz tek fontu kendimiz host ediyoruz. Bunların hiçbiri tek başına egzotik değil; sıra dışı olan hepsini birlikte, her sürümde, her sayfada yapmak.

Bu sana, müşteriye, ne sağlıyor?

Lighthouse puanı bir sayı. Asıl arabayı kiralarken bu sayı şuna çevriliyor:

• Sayfa zayıf sinyalde de açılıyor. Larnaka havalimanında yabancı SIM ile bir çubuk sinyalle kuyruğa girmişsen, ya da Karpaz'da bir sahil restoranından rezervasyon yapmaya çalışıyorsan — sayfa yine de hızlı açılır. Bağlantın ne kadar yavaşsa, 100-Performans bir siteyle 40-Performans bir site arasındaki fark o kadar büyük.
• Eski telefonlar kasmıyor. Çoğu gezgin yedek, daha basit bir telefon taşır — yedek veya ucuza aldığı kilitsiz bir Android. Sitemiz seni en yeni iPhone'a sahip olmadığın için cezalandırmıyor.
• Tüm sayfa erişilebilir. Renk kontrastı gerçek. Ekran okuyucular çalışıyor. Butonlar doğru boyutta dokunabilir. 412 Google yorumunda 4.9 ortalamayı nasıl kazandığımızın bir parçası — makbuzu diğer yazımızda — buna ihtiyacı olan ziyaretçilerin de rezervasyonu tamamlayabilmesi.
• Parmağının altında hiçbir şey kaymıyor. "Rezerve et"e basmak üzereyken buton tam beklediğin yerde. Sayfa birden büyüyüp butonu "İptal"in olduğu yere itmiyor. (Teknik adı Cumulative Layout Shift; bizimki sıfır.)
• Arama motorları öne çıkarıyor. Google hızlı, erişilebilir, iyi yapılandırılmış sayfaları ödüllendirir. Müşterilerin bizi bulmasının bir kısmı sadece sitenin doğru kurulmuş olması.

60 saniyede kendin doğrula

1. Google PageSpeed Insights aç.
2. https://www.kiprarent.com/ adresini yapıştır ve Analiz Et'e bas.
3. 3-5 kez çalıştır. Lighthouse lab testlerinde doğal varyans var; iddiaları dürüst tutmanın yolu çoğunluk sonuçlarına bakmak, tek run'a değil.
4. Masaüstü sekmesine geç. 3-5 kez çalıştır.
5. https://www.kiprarent.com/en/ için ikisini de tekrarla.
6. Karşılaştırma için aynı testi düşündüğün herhangi bir başka kiralık araba sitesinde çalıştır — Hertz, SIXT, Europcar, Enterprise herhangi bir uluslararası zincir. Skorlarının nerede durduğuna bak, özellikle Mobile'da.

Tüm sayfalarımızda iki profilde de dört yeşil 100 görmen lazım. Belli bir gün görmezsen, bu işaretlenmeye değer bir gerileme — lütfen bize yaz, düzeltelim.

Özet

Bu puan tek haftalık bir proje değildi. Başka yerlerde yavaş, bozuk, sinir bozucu rezervasyon deneyimlerine dönüşen küçük şeyleri tek tek kaldırma sürecinin makbuzu — ve yerine hâlâ çalışan en sade versiyonu koymak. Her karar (burada bir font erteleme, orada statik render, glass yerine solid arka plan) tek başına küçük. Birlikte, Kasım'da bir sahilde de Mayıs'ta bir geliştiricinin laptopunda olduğu kadar hızlı yüklenen bir site oluyor.

Kipra Rent A Car'ın süregelen taahhüdü şeffaflık, sadelik ve adadaki en kolay, en rahat kiralama deneyimi. Lighthouse puanı bunun bir parçası — ölçülebilir, doğrulanabilir ve diğer her şeyin temeli: yeni yayımladığımız çoklu para birimi, 4.9'da 412 yorum, depozito-yok / kredi-kartı-blokesi-yok sadeliği. Gelecekteki bir test herhangi bir kategoride gerilediğimizi gösterirse, bu yazıyı güncelleriz. Puan doğrulanabilir — ve onu korumaya niyetimiz de öyle.

Filoya kiprarent.com üzerinden veya doğrudan rezervasyon ekranından göz at. Puanı kendin test edersen: teşekkürler. Yazının asıl amacı tam olarak bu.