web sitenizin performansını inceleyin

Sık karşılaşılan sorunlu alanları - sayfa isteklerini ve ortam dosyası boyutlarını - kontrol edin ancak site önbelleğe alma konusunda değişiklik yapma konusunda dikkatli olun.
0
101

Amazon, birkaç yıl önce, web sitelerinin hızında 100 milisaniyelik bir artış için, gelirlerinde yüzde bir artış olduğunu fark ettiklerini bildirdi. Bunu Google’ın yaptığı açıklama, bir web sitesinin sayfa yükleme hızının bir sitenin Google’ın arama sonuçlarındaki sıralaması için bir faktör olduğunu duyurdu.

Web sitenizin sayfa yükleme hızlarını optimize etme işlemi, koşu bandında çalışmak gibi hiç bitmeyen bir işlem olabilir. Sayfa hızı optimizasyonu her zaman iyileştirme için boş alana sahip olacak ve bu nedenle hiçbir zaman tamamen tatmin edici olmayacaktır. Bununla birlikte, yük hızınızı artırmak için bazı adımlar aşağıda belirtilmiştir.

HTTP isteklerini en aza indirin
Yahoo tarafından yayınlanan bir yayına göre , bir sayfanın yüklenme süresinin yüzde 80’i web sayfasının çeşitli bölümlerini, stil sayfalarını, görüntüleri, komut dosyalarını vb. İndirerek harcanıyor.

Bu öğelerin her biri için bir HTTP isteği yapıldığından, sayfadaki bileşenler ne kadar fazla olursa, görüntülemesi o kadar uzun sürer.

İstekleri en aza indirmeye çalışırken atılan ilk adım, istek sayısı ve sitenin gerçekte ne kadar istek gerçekleştirdiği konusunda daraltmak ve kıyaslamaktır.

Google Chrome ile, tarayıcının geliştirici araçları, kullanıcıların bir site tarafından yapılan HTTP isteklerinin sayısını görüntülemesini sağlar. Bir sitenin kullanıcıların yapabileceği HTTP isteklerinin sayısını görmek için:

İncelenmesi gereken sayfayı sağ tıklayın ve İncele seçeneğini seçin.
Ağ sekmesine tıklayın.

Ağ sekmesinin kullanılamaması durumunda, sol kenarlığı daha sola sürüklemeniz ve kenar çubuğunu genişletmeniz gerekebilir.

Ad sütunu sayfada bulunan dosyaları gösterir. Her dosyanın boyutu Boyut sütununun altında gösterilir ve her dosyanın yükleneceği tahmini süre Zaman sütununun altında gösterilir.

Sayfanın sol alt köşesi, sitenin yaptığı toplam istek sayısını değiştirir. Kullanıcılar bu sayıyı azaltarak web sitelerinin yükleme süresini hızlandırabilir. En basit yol, dosya kümesini gözden geçirme ve gereksiz sayılabilecek dosyaları belirlemektir.

Dikkat çeken bir farkın gözlenmesi biraz zaman alabilirken, birkaç dosya birleştirmek için kolayca birincil aday olarak kabul edilebilir.

Eşzamansız yükleme için komut dosyalarını kullanın
JavaScript ve CSS gibi komut dosyaları iki ayrı şekilde yüklenebilir – eşzamanlı veya eşzamansız olarak. Senkron yükleme, snippet’leri ekranda görüntülenen sırayla aynı sırayla yüklemeyi içerir. Eşzamansız yükleme işleminde, komut dosyaları aynı anda yüklenir ve bu işlemin hızlanmasına yardımcı olur. Kullanıcılar, harici kaynakların yüklenmesini beklemeden belirli elemanların yüklenmesini de önceliklendirebilirler.

Tarayıcı eşzamansız bir CSS dosyası veya JavaScript bulursa, ilgili arşiv tamamen yüklenene kadar sayfa yükleme duraklar. Bununla birlikte, zaman uyumsuz veriler için tarayıcı diğer sayfa öğelerini yüklemeye devam edecektir.

WordPress için, WP Rocket Statik Dosyaları sekmesini kullanırken kullanıcılar Render-engelleme CSS / JS dışındaki seçenekleri kontrol edebilirler.

Javascript’te zaman uyumsuzluk veya erteleme işlevini kullanarak doğrudan CSS veya JS dosyalarını yükleyebilirsiniz . Async seçeneğinin bir örneği aşağıdadır:

Değişiklikleri kaydet, kullanıcıların her şeyin amaçlandığı gibi yüklendiğini doğrulamasını sağlar.

Sunucu yanıt süresini kısaltın
Bir web sayfasının ne kadar hızlı yükleneceğini belirlemede önemli faktörlerden biri, Alan Adı Sistemi araması için geçen süredir. DNS araması, kayıtta belirli bir web sitesi adını tanımlama işlemidir. Bir irtibat numarası için telefon rehberine başvuran bir bilgisayar olarak düşünülebilir.

Bu adım için geçen süre, kullanıcının DNS sağlayıcısının ne kadar hızlı olduğuna bağlıdır. Kullanıcılar bunun yeterince hızlı olmadığını tespit ederse, daha hızlı bir DNS servis sağlayıcısına geçme zamanı gelebilir. Bir DNS sağlayıcısı seçmeye yardımcı olmak için, farklı sağlayıcıların hızını gösteren aylık güncellemeleri sağlayan SolveDNS’den yapılan bir DNS hız karşılaştırma raporuna başvurabilirsiniz .

İçerik Dağıtım Ağı’nı (CDN) kullanın
Bir medya dosyalarını Barındırma CDN bir web sitesinin hızını artırmak için en iyi yollardan biridir. Bu işlem tek başına bant genişliğinin yüzde 60’ına kadar tasarruf sağlayabilir ve site tarafından yapılan istek sayısını yüzde 50 azaltabilir.

Bir CDN, farklı coğrafi bölgelerdeki geniş bir sunucu ağı üzerinden dosya barındırarak çalışır. Bu nedenle, bir site dünyadaki belirli bir bölgeden ziyaretçi aldığında, kendisine en yakın bulunan sunucudan dosya indirir. Bant genişliği geniş bir sunucu ağına yayıldığından, tek bir sunucudaki yük önemli ölçüde azalır. Bu aynı zamanda web sitelerini ani trafikten ve DDoS saldırılarından korur.

Önbellekleme yardımcı olabilir, ancak dikkatli olun
Bir web sitesini hızlandırmanın etkili bir yöntemi, önbelleğe almayı kullanmaktır . Önbellek, bir sitenin kısa süreli hafızasıdır. Bir siteyi ilk defa ziyaret ettiğinizde, istenen dosyaların bir kopyası kaydedilir. Bu “önbelleğe alınmış” dosyalar gelecekteki ziyaretler sırasında görüntülenir.

Ancak, kullanıcıların bu seçeneği değerlendirirken dikkatli olmaları gerekir. Önbelleğe alma işleminin, sitenin daha önce kaydedilmiş bir sürümünü tekrarlayan ziyaretçilere göstermesi nedeniyle, eski bilgiler içermesi ihtimali vardır. Bir alışveriş sepeti veya eBay ve Twitter gibi sosyal medya yayınları gibi özellikleri içeren dinamik siteler özellikle sorunlu olabilir.

Neyse ki, çoğu eklenti düzenli aralıklarla önbelleği otomatik olarak temizler; ancak, kullanıcıların bu görevi şimdi ve tekrar elle yapması gerekebilir. Bir sunucu Varnish Caching kullanıyorsa, bu işlem ücretsiz Varnish HTTP Purge eklentisi ile kolayca gerçekleştirilebilir .

Görüntü ve video optimizasyonu için dosya boyutunu azaltın
Resimler ve medya dosyaları, bir sitenin kaynaklarındaki en büyük kanalizasyonlar arasındadır. HTML5 Video oynatıcılar ve ilgili medya dosyaları, dosyaların boyutunu büyük ölçüde sıkıştırmanıza yardımcı olabilir. Bir web sitesinin çekici görünmesini sağlamada uzun bir yol kat etmelerine rağmen ve metin içeriğini destekleyebilmelerine rağmen, aynı zamanda daha fazla bant genişliği ve sunucu alanına ihtiyaç duyuyorlar. Bu özellikle, çok sayıda HD görüntü içerebilecek çevrimiçi mağazalar veya portföy gibi siteler göz önüne alındığında fark edilir.

Görüntü optimizasyonu, görüntünün boyutunu eksi olarak kalitesi üzerinde gözle görülür herhangi bir olumsuz etki yaratmak ve sıkıştırmak için kullanılan doğal bir işlemdir. Metot da tamamen otomatik olabilir. Kullanıcılar, görüntü optimizasyonu için TinyPNG’yi kullanmayı deneyebilir . Araç, kullanımı kolay ve ücretsizdir.

Video sıkıştırma için, dahili sıkıştırma özelliklerine sahip modern HTML5 video oynatıcıları kullanabilirsiniz. Plyr, Video.js, Afterglow gibi bu işlemleri yapmanıza izin veren tonlarca açık kaynaklı video oynatıcı var.vb.

Web sitesi dosyalarını küçültün ve sıkıştırın
Küçük doğrulama, gereksiz içeriği kaldırarak bir sitenin kodunu daha verimli hale getiren bir işlemdir. Bu, gereken belleği azaltır ve kodun yürütülmesini hızlandırmaya yardımcı olur.

Doğru araçlarla, kodla kapsamlı bir şekilde etkileşime girmek zorunda kalmadan kolayca küçültme elde edebilirsiniz. Çevrimiçi araçların örnekleri arasında sayısız özellik ve sezgisel kullanıcı arabirimi sunan CSS Kompresör ve Minify bulunur .

Sonuç
Sayfa yükleme süresini artırmaya çalışmak zor bir görev olsa da, sonuç web sitesinin genel performansında önemli bir gelişme olacaktır.

Yukarıdaki listedeki önerilerden bazıları nispeten küçük görünse de, sayfa yükleme süresini azaltmaya yönelik her küçük adım uzun vadede bir fark yaratabilir. Amazon tarafından fark edildiği gibi, kaydedilen her saniye dönüşüm, gelir ve başarıya yol açabilir.

Leave a reply