İşte, size sıradışı 7 teknik! Bu teknikler, web sitenizin hızını artırmakla kalmaz, aynı zamanda SEO performansınızı da güçlendirecek.
1. Lazy Loading: Sadece İhtiyacınız Olan İçeriği Yükleyin
Lazy loading, bir kullanıcının sayfada kaydırırken yalnızca görsellerin ve içeriklerin yüklenmesini sağlar. Bu sayede, ilk yükleme süresi kısalır ve site hızınız artar. Kısacası, sayfa ilk açıldığında tüm içeriği yüklemek yerine, kullanıcı sayfada ilerledikçe içerikler dinamik bir şekilde yüklenir. Bu, özellikle görsel ağırlıklı siteler için büyük bir avantaj!
Lazy Loading uygulamak için JavaScript kullanarak görselleri "gecikmeli" yükleyebilirsiniz. İşte basit bir örnek:
document.addEventListener("DOMContentLoaded", function() {
let images = document.querySelectorAll('img[data-src]');
images.forEach(function(img) {
img.setAttribute('src', img.getAttribute('data-src'));
});
});
Bu basit kod, görsellerin yalnızca ihtiyaç duyulduğunda yüklenmesini sağlayarak sayfanın hızını artıracaktır.
2. Server-Side Caching: Sunucu Tarafında Depolama
Server-side caching, sayfaların bir kopyasını sunucuda saklayarak her seferinde dinamik olarak oluşturulmalarını engeller. Bu sayede site hızında ciddi bir artış sağlanabilir. Sunucunuzda sık kullanılan içerikler önceden saklanır, böylece kullanıcılar her ziyaret ettiklerinde daha hızlı bir yanıt alırlar.
Örneğin, PHP tabanlı bir site kullanıyorsanız, “Redis” veya “Memcached” gibi önbellekleme araçlarıyla bu süreci yönetebilirsiniz.
3. WebP Formatına Geçin: Görselleri Sıkıştırın
WebP, Google tarafından geliştirilen bir görsel formatıdır ve JPEG veya PNG gibi geleneksel formatlardan çok daha küçük dosya boyutları sunar. WebP formatına geçiş yaparak, sitenizdeki görsellerin yüklenme süresini önemli ölçüde kısaltabilirsiniz.
WebP’ye geçmek oldukça basittir. İster manuel olarak, ister bir resim sıkıştırma aracı kullanarak görsellerinizi WebP formatına dönüştürebilirsiniz. Örneğin:
4. HTTP/2 ve QUIC: Yeni Nesil Protokoller
HTTP/2, önceki HTTP/1.1 protokolüne göre daha hızlı veri iletimi sağlar. QUIC ise, HTTP/2’nin üzerine eklenen, düşük gecikme süresi sunan ve veri iletimi için daha verimli olan bir protokoldür. Bu iki protokol, web sitesi hızını artırmada büyük rol oynar.
Sunucunuzda HTTP/2’yi etkinleştirmek için genellikle SSL (HTTPS) protokolünün de etkinleştirilmesi gerekir. QUIC, Google Chrome ve diğer modern tarayıcılar tarafından desteklenmektedir. Bu protokollerle, sayfa yükleme sürelerini hızla iyileştirebilirsiniz.
5. Font Optimizasyonu: Şık Ama Hızlı
Web sitelerinde kullanılan özel fontlar, bazen sayfa hızını olumsuz yönde etkileyebilir. Font dosyalarının boyutları büyüdükçe, yükleme süresi de artar. Ancak font optimizasyonu yaparak, sadece kullanılan karakterleri yükleyebilir ve böylece hız artışı sağlayabilirsiniz.
Web fontlarınızı optimizasyon için şu adımları takip edebilirsiniz:
- Sadece gerekli font ailelerini kullanın.
- Web fontları için font-display: swap CSS özelliğini ekleyin.
@font-face {
font-family: 'MyFont';
src: url('myfont.woff2') format('woff2');
font-display: swap;
}
6. Edge Caching: İçeriği Kullanıcıya Yakınlaştırın
Edge caching, verilerin kullanıcıya coğrafi olarak en yakın sunucularda saklanmasını sağlayarak yükleme süresini hızlandırır. Bu, özellikle küresel bir kitleniz varsa önemli bir hız iyileştirmesi sağlar.
Bu tür önbellekleme için bir CDN (Content Delivery Network) kullanabilirsiniz. CDN, ziyaretçilerin bulunduğu bölgeye göre içerik sunar ve böylece daha hızlı yükleme süreleri elde edilir.
7. İçerik Sıkıştırma: Daha Küçük Dosyalar, Daha Hızlı Yükleme
Web sitenizdeki JavaScript, CSS ve HTML dosyalarını sıkıştırarak boyutlarını küçültebilirsiniz. Bu sayede dosyaların internet üzerinden iletim süresi azalır ve site hızınız artar.
Gzip sıkıştırması, bu işlemi otomatik olarak gerçekleştiren bir tekniktir. Web sunucunuzda bu özelliği etkinleştirerek hızda belirgin bir artış sağlayabilirsiniz.
# Apache için .htaccess dosyasına ekleyin
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript
