Site suratının kıymeti ve geliştirilebilirliğinden evvel site suratının ne demek olduğunu açıklamak en doğrusu olacaktır. Site suratı, sayfalardaki içeriğin ne kadar süratli yüklendiğinin bir ölçüsüdür. Sayfa suratı ile “site hızı” birbirine karıştırılmaktadır.

Sayfa suratı sayfa yüklenme müddeti ve birinci bayta kadar geçen müddet olarak da tanımlanabilmektedir. Sayfa suratı Google PageSpeed Insights ile değerlendirilebilmektedir.

PageSpeed Insights sürat puanı, CrUX (Chrome Kullanıcı Tecrübesi Raporu) bilgilerini içerir ve iki kıymetli sürat ölçütü hakkında rapor vermektedir. Bunlar First Contentful Paint (FCP) ve DOMContentLoaded (DCL)’dir.

Google, site suratının arama sonuçlarını etkileyen en değerli faktörlerden biri olduğunu belirtmektedir. Bu mevzuda yapılan araştırmalar Google’ın sayfa suratını dikkate alırken bilhassa birinci bayta kadar geçen süreyi ölçtüğünü göstermektedir.

Ek olarak yavaş sayfaların arama motorlarının tahsis ettiği ölçümlerde daha az sayıda sayfanın taranmasına neden olup ; Google aramalarında geriye sarkacağını ve olumsuz etkileneceğini göstermektedir.

Sayfa suratı, kullanıcılar açısından da kıymetlidir. Uzun süren yüklenmeler tercih edilme oranında da düşüşe sebep olacaktır. Daha uzun yüklenme müddetlerinin dönüşlere de olumsuz tesiri olacaktır.

Sayfa suratını arttırmanın birçok yolu bulunmaktadır. SEO geliştirmeleri açısından en değerli metriklerden biri olan site suratı optimizasyonunu yaparken dikkat etmeniz gereken ögelerden kimileri şunlardır :

Sıkıştırma

Gzip (dosya sıkıştırmak için yazılım uygulaması) kullanarak 150 bayttan büyük HTML, CSS ve JavaScript evraklarının boyutları küçültülebilir. Manzara evraklarında Gzip kullanılmamalıdır. Bunun yerine imaj kalitesini korumak için Photoshop üzere programlar kullanılabilir.

HTML, CSS Ve JavaScript

Site kodu optimize edilerek (boşluk, noktalama işaretleri ve gereksiz karakterler) sayfa suratını değerli ve tesir edecek biçimde arttırılabilir. Ayrıyeten kullanılmayan kodları, yorumları ve biçimlendirilmeleri koddan kaldırarak site suratına tesir edilebilir. Google, CSSNano ve UglifyJS programlarının kullanılmasını önermektedir.

Yönlendirilmeler

Yönlendirilmeler azaltılmalıdır. Bir sayfadan öbür bir sayfaya geçerken yüklenme mühletleri oluşacağı için site suratı için bu durum olumsuz tesir yaratmaktadır. Örneğin taşınabilir yönlendirme modeli şöyle görünmekteyse ‘selimcan.com -> www.selimcan.com -> m.selimcan.com’ bu durum site sahibi ve kullanıcılara vakit kaybettirdiği için olumsuzluk yaratmaktadır.

Ayriyeten yapılan yönlendirmeler yeni sekme üzerinden yapılmalıdır. Bu sayede kullanıcının bir sekmesinde sizin sitenizin açık kalma mühletinin artması, siteniz için müspet etken olacaktır.

Dikkat JavaScript

Tarayıcılar bir sayfayı oluşturmadan evvel HTML’lerini ayrıştırarak bir DOM ağacı oluşturmaktadır. Tarayıcı bu süreç sırasında komut evrakıyla karşılaşırsa, devam edebilmesi için onu durdurması ve çalıştırması gerekmektedir. Google, JavaScript’i en aza indirmeyi önermekte ve kelam konusu engellemelerden kaçınılmasını istemektedir.

Tarayıcı Önbelleğinden Yararlanma

Tarayıcılar birçok bilgiyi önbelleğine almakta ve bir dahaki ziyarette tüm sayfayı yüklemek zorunda kalmamaktadır (stil sayfaları, fotoğraflar, JavaScript). Önbellek için bir son kullanma tarihi olmalıdır. Bu son kullanma tarihinin olup olmadığını görmek için YSlow üzere bir araç kullanılabilmektedir. Daha sonra , bu bilgilerin önbellekte ne kadar kalacağı ‘sona erme’ başlığı ile ayarlanmalıdır. Sık sık yenilenme yapılmıyorsa 1 yıl makul bir mühlet olacaktır.

Sunucu Yanıt Süresi

Sunucu cevap mühletleri, alınan trafik ölçüsünden, her sayfanın kullandığı kaynaklardan, sunucunun kullandığı yazılımdan ve kullanılan barındırma tahlilinden etkilenmektedir. Sunucu karşılık müddetini düzgünleştirmek için, yavaş bilgi tabanı sorguları, yavaş yönlendirme yahut kâfi bellek eksikliği üzere performans darboğazları araştırılmalı ve bunları düzeltilmelidir. Optimum sunucu karşılık mühleti 200 ms’nin altındadır.

İçerik Dağıtım Ağı

İçerik dağıtım ağları olarak da isimlendirilen içerik dağıtım ağları (CDN‘ler), içerik teslim etme yükünü dağıtmak için kullanılan sunucu ağlarıdır. Esasen, sitelerin kopyaları, coğrafik olarak çeşitli data merkezlerinde saklanır, böylelikle kullanıcılar web sitelerine daha süratli ve daha muteber erişebilmektedir.

Görüntüleri Optimize Edin

Sıkıştırma kısmında de bahsedildiği üzere imgelerin optimizasyonu siteler ve Google testleri için çok değerlidir. Fotoğraflar olması gerekenden daha büyük olmadığında ve web sitesi için uygun olduğunda yapılan testler de olumlu puanlama alacaktır. Sık kullanılan düğmeler yahut simgeler için bir şablon oluşturulmalıdır.

Bu şablon CSS sprite üzerinden yapılabilmektedir. CSS sprite, fotoğrafları tek seferde yükleyebilen tek bir büyük imajda birleştiren ve akabinde sırf göstermek istenilen kısımları görüntüleyen araçtır. Bu daha az HTTP isteği manasına gelmektedir. Bu, kullanıcıların birden çok manzaranın yüklenmesini beklerken ki geçirilen mühletten tasarruf etmesini sağlamaktadır.

Elbette bu hususlarla ilgili hazır sistemlerde aksiyon alırken işlerinizi kolaylaştıracak bir ekip eklentiler, modüller yahut ek uygulamalar mevcut. Lakin tekrar de bunları kullanırken dikkatli olmalısınız zira birtakım sistemlerde kimi ek geliştirmeler ahenk sorunu nedeniyle farklı yerlerde bozulmalara yol açabilir.

Yalnızca hızlandırma konusu değil, kullanıcı tecrübesi, tarama bütçesi optimizasyonu, log denetimleri üzere geniş bir pencereden tahlil yapabilecek, gereksinimleri belirleyip, önceliklendirip, karşılayabilecek bir dijital pazarlama ajansı ile de çalışabiliriz.