Web sitelerimizin yavaş açılması büyük bir sorundur. Google arama sonuçlarında etkisi oldukça fazla. Bu sayfada nasıl hızlandırırız? sorusuna yanıt arayacağız. WordPress kullanıyorsanız wordpress hızlandırma yöntemleri konusuna bakmanızı tavsiye ederim. Yazımızda wordpress sisteminden ziyade bütün sitelere hitap edeceğiz. Adım adım nasıl hızlandırırız anlatıma geçelim.
1. Meta Etiketler
Sitemizin anahtar kelimelerinde vb. gibi karakterler kullandığımız zaman açılış hızı çok küçük olsa da düşüyor. Sadece latin alfabesinde bulunan harfleri kullanmanızda fayda var. Örneğin “Animasyon’un Faydaları şeklinde bir meta etiket yerine “Animasyonun Faydaları” şeklinde seçersek daha uygun olacaktır. Etiketlerinizi bir gözden geçirin derim.
Insights karşılığı: Avoid a character set in the meta tag
2. Açılış Sayfa Yönlendirmeleri
Açılış sayfamızda bazen yönlendirmeler kullanırız. Http-equiv, redirect, refresh vs. gibi. Arama motorlarının bazıları bu gibi durumların hızı etkilediğini söylüyor. Kullanmamanızda fayda var söylemleri mevcut. Bazen site görünümü için kullanmak da kaçınılmaz oluyor. Tercih size kalmış bir şey.
Insights karşılığı: Avoid landing page redirects
3. 404/410 İstekler
Sayfalarımızda bulunan resimler, css-js-html-iframe vb. belgeler gibi dökümanları başka sitelerden çekebiliriz. Özellikle css ve js işlemleri çok yaygın. Bazı template, tema yapımcıları belirli bir siteden çekiyor. Çekilen site kapandı diyelim. Haliyle include işlemi gerçekleştirilemeyecek. Hem görünümünde bozukluklar yaratabilir hemde hızınızı düşürebilir. Kullanacağınız bütün belgeler kendi sitenizde barınırsa daha iyidir.
Insights karşılığı: Removing “broken links”, or requests that result in 404/410 errors, avoids wasteful requests.
4. CSS @import Kullanımı
CSS ile ilgilenen arkadaşlar bazen kullanır ve bilirler. @import özelliği ile bazı kodlar çağrılır. Bu da hızı yine etkiler ve import kullanmanız önerilmez. Normal yöntemler daha sağlıklı görünüyor. stylesheet/css yöntemi ile çağrılması ve içerisinde import olmaması tavsiye ediliyor.
Karşılığı: Using CSS @import in an external stylesheet can add additional delays during the loading of a web page.
5. CSS Sıkıştırma
Stylesheet dosyalarınızı bir gözden geçirin. Bazılarında “/* bir şeyler bir şeyler */” formatında yazılar göreceksiniz. Bunlar aslında görünümü etkilemeyen, kullanıcının bilgilendirilmesi için yapılmış açıklamalardır. Tabi yükleme hızını da kötü yönde etkilemektedir. Aynı şekilde satır atlamaları dahi tek bir karakter yeri kapladığından kötü etkisi vardır. 1 kg çekirdek içerisinde 3 çekirdek parçası gibi olsa da, açıklamalar olmasa daha iyidir. Puanınızı arttırır. Sıkıştırma siteleri mevcut. “css compressor” kelimesini aratın. Bir çok site mevcut.
Karşılığı: Compacting CSS code can save many bytes of data and speed up downloading, parsing, and execution time.
Devamı için: site hızlandırma yöntemleri
Hiç yorum yok:
Yorum Gönder