Sitenize çok fazla trafik almayı bekliyorsanız, sitenizin hızının farkında olmalısınız.
1 saniyelik gecikme ziyaretçilerinizi yüksek oranda düşürebilir.
GTMetrix, Google Sayfa Hızı İçgörüleri (PageSpeed Insights), ve Pingdom gibi araçlar sitenizde neyin yanlış olduğunu anlamanıza ve çok daha hızlı yüklenmesini sağlamanıza yardımcı olabilir.
Site hızı optimizasyonu konusunda deneyimli değilseniz, bu gerçek bir baş ağrısı olabilir.
Ek olarak, onunla yanlış şekilde uğraşıyorsanız bu sitenize bile mal olabilir.
Normalde harika bir hız puanı elde etmek için kullanabileceğiniz birkaç ipucu şunlardır:
- Sitenizdeki görüntüleri (resimler, fotolar) sıkıştırın / küçültün
- Eklentilerle sitenizi aşırı yüklemeyin
- Kaynaklarınızı küçültün
- Basamaklı biçim sayfalarını yayınlamayı organize edin
- Ekranın görünür üst kısmına öncelik verin
- Yönlendirmeleri azaltın
- Bir içerik dağıtım ağı etkinleştirin
Bunun sitelerin hız puanlarında genellikle bir numaralı sorunu olduğuna inanıyoruz.
Bir web sitesi oluştururken, insanlar genellikle boyutları ne olursa olsun resimleri yüklerler.
Bir görüntünün etkisi çok büyüktür. Görüntülerin gerçek siteden (içerikten) daha ağır olduğu durumlar gördük.
Bu yüzden, şunlardan emin olmalısınız:
- Resimlerinizi sitede görüntülenecek gerçek boyutuna yeniden boyutlandırın.
- Diğer formatlar yerine JPEG kullanın (hatta WebP formatı).
- Optimizilla (çevrimiçi), Smush it (WordPress) ve ImageOptim (Mac) gibi görüntü optimizasyon araçlarını kullanın.
Eklentiler (İngilizce: plugin) bazen çok yardımcı olabilir. Neredeyse istediğiniz her şey için bir eklentiye sahip olabilirsiniz.
Sorun, her bir işlev için bir eklentiye sahip olduğunuz zamandır. Bu kesinlikle size biraz veya fazla hıza mal olacaktır.
Eklentilerin çoğu, sitenizin farklı sitelerden birden çok bağlantı istemesine neden olduğu için sitenizi yavaşlatan üçüncü taraf komut dosyalarını kullanır.
Aynı şey, diğer sunuculardan bazı JavaScript (JS), resimler, CSS veya herhangi bir dosya türü eklediğinizde de olur.
Bunu çözmek için, sitenizi gereksiz eklentilerle aşırı yüklemeden mümkün olduğunca basit tutun ve diğer sunuculardan dosya alıyorsanız, istek sayısını azaltmak için hepsini sunucunuzda barındırın.
CSS dosyalarının yanı sıra JavaScript ve HTML, bu dosyaların sahip olduğu satır sayısına bağlı olarak önemli miktarda yer kaplayabilecek birçok boşluk satırı kullanır.
Ağırlıklarını azaltmak ve daha hızlı yüklenmelerini sağlamak için, dosyalardaki gereksiz tüm boşlukları kaldırarak bu dosyaları küçültebilirsiniz (İngilizce: minify).
Minifier ve Refresh SF gibi araçlar bunu başarmanıza yardımcı olabilir.
Burada bahsettiğimiz konu ilgili olarak, belirtelim: İngilizce CSS (cascading style sheets) , Türkçe BBS (Basamaklı biçim sayfaları) olarak adlandırılmaktadır.
Organizasyon, optimizasyonla (eniyilemeyle) birlikte yol alır.
Web sitenizin tüm stilini oluştururken, her şeyin dikkatlice yerleştirilmesi ve organize edilmesi önemlidir.
Düzenlemenin iyi bir yolu şudur:
- TÜM CSS kurallarınızı TEK bir harici dosyaya ekleme (sunucunuzda barındırılan)
- Bunlarıiçinde bağlayın.
- Satır içi CSS’den kaçınma
Ekranın görünür üst kısmı (İngilizce: above the fold), kullanıcıların bir siteye girdiklerinde ilk gördükleri anlamına gelir.
Kullanıcı, sitenin geri kalanı daha sonra yüklenirken herhangi bir gecikme yaşamaması için sitenin ilk önce ekranın üst kısmına yüklenmesine öncelik verilmesi önemlidir.
Bunu yapmak için, HTML’nizi buna göre yapılandırmanız, istediğiniz her şeyi ilk önce hemen gösterecek şekilde yapılandırmanız önemlidir.
Satır içi CSS normalde harici CSS’den önce yüklenir; bu nedenle, dış CSS’nin geri kalanı daha sonra yüklenebilirken, ekranın görünür üst kısmı için satır içi CSS kullanın.
JavaScript’in gerçek içerik yüklendikten sonra yüklenmesini ertelemek, ekranın görünür üst kısmı için yükleme süresini azaltmanıza yardımcı olabilir.
Yönlendirmeler (İngilizce: redirect), ziyaretçileri otomatik olarak başka yerlere götüren yöntemlerdir.
Bir kullanıcıyı her yönlendirdiğinizde, sayfa hız puanınıza zarar veriyorsunuz.
Bu nedenle, olabildiğince fazla yeniden yönlendirmeden kurtulmak önemlidir.
Başka bir çözüm yoksa gerekli olanları tutmakta sorun yoktur, ancak sitenizi bunlardan temiz tutmaya çalışın.
İçerik dağıtım ağı (İngilizce: CDN- content delivery network), içeriği kullanıcılara daha verimli bir şekilde sunmak için kullanılan bir web sunucusu derlemesidir.
Bir CDN aracılığıyla, içeriğin kullanıcı tarafından daha hızlı alınması olasılığı daha yüksektir ve web sitenizdeki yavaşlama süresi azalır.
W3 Total Cache, WordPress’te önbelleği depolamak için kullanılan çok popüler bir eklentidir.
Eğer bu öneriler yeterli gelmiyorsa veya kendiniz yapamıyorsanız TurboPak site hızlandırma hizmetimiz tam size göre. Google sayfa ve site en iyi hız sonuçlarını almanıza yardım ediyoruz. Bizimle iletişime geçin, gösterelim!
Siz de fikrinizi belirtin