Bir web sitesi oluşturduktan ve başlattıktan sonra işinizin bittiğini düşünmek cazip gelse de bu yanlış olur. Web siteniz yayınlandıktan sonra içeriğinize de göz atmanız gerekir. Bu, SEO adı verilen bir uygulamada Arama Motorları için optimize edilerek yapılır. SEO’yu geliştirmek için yapılabilecek birçok şey vardır. Bunların arasında en yaygın olanı bağlantı oluşturma, SEO için optimize edilmiş içerik oluşturma, sayfa içi SEO iyileştirmeleri ve diğerleridir.

Ancak, web sitenizin SEO’sunu geliştirmek için çok önemli olan başka bir faktör var. Bu, web sitenizi bir bütün olarak optimize etmektir.

Web sitesi performansından bahsederken, yalnızca son kullanıcılarınızın bilgisayarına (PC’ye karşı Mac) odaklanmıyoruz. Aynı zamanda bir tablet ve / veya mobil aygıt kullanıp kullanmadıklarına da atıfta bulunuyoruz. Kullandıkları cihaz ne olursa olsun, web siteniz optimize edilmişse, hızlı bir şekilde yüklenecek ve onlar için daha keyifli bir deneyim sunacaktır.

Websitenizin performansını arttırmak için kullandığımız en iyi 7 madde aşağıdakiler gibidir.

Web Sitenizin Performansını Nasıl Artırabilirsiniz?

1. Cloud Hosting

Sitenizi bir bulut sunucusunda barındırıyorsanız, local sunucuya göre bunun pek çok avantajı vardır. En yaygın avantajlar arasında maliyet, ölçeklenebilirlik, iyileştirilmiş performans ve diğerlerinin yanı sıra kuruluşunuzu büyütmeye odaklanmak için zaman ayırmanız sayılabilir.

Güvenilir bir bulut barındırma hizmetine sahip olmak, web sitenizi optimize etmenin ilk adımıdır. Birçok ilk kullanıcı bu hatayı premium bir hosting şirketi yerine ucuz bir hosting şirketi tercih ederek yapar. Premium barındırma fiyatı yüksek olsa da, özellikle kuruluşunuz ölçeklendikçe bu paraya değer.

Neil Patel tarafından yapılan araştırmaya göre, kullanıcıların bir web sitesinin 2 saniye veya daha kısa sürede yüklenmesini beklediklerini belirtmiştir. Birinci sınıf bir hosting, cihazlarından bağımsız olarak kullanıcılarınız için hızlı bir şekilde yüklenirken parlak görüntüler ve modaya uygun ve erişilebilir tasarlanmış bir web sitesi sunmanıza olanak tanır.

2. CDN Servisleri

Content Delivery Network (CDN), web sitelerini ve diğer web içeriğini son kullanıcıya sunan coğrafi olarak dağıtılmış bir ağdır.

Temel olarak, bir web sitesinin HTML, CSS, resimler ve JavaScript gibi statik içeriğini, kullanıcının fiziksel yerine daha yakın olan web sunucuları aracılığıyla sunar.

Örneğin, bir origin sunucusu ABD’de bulunuyorsa ve bir kullanıcı web sitesini Singapur’dan açarsa, web sitesinin yüklenmesi daha uzun sürer. Çünkü bu bilgileri daha fazla yönlendirmesi gerekir. Bir CDN, dünyanın farklı bölgelerinde birçok veri sunucusuna sahiptir. Web sitesini Singapur’dan açmanıza ve web sitesinin ABD yerine Singapur veri merkezinden yüklenmesine izin vermek, Singapur’daki kullanıcıların web sitesine daha hızlı erişim sağlamasına yarayacaktır.

3. Görüntü Boyutunu Küçültme

2018 Hubspot raporuna göre, pazarlamacıların%32’si görsel görüntülerin işletmeleri için en önemli içerik biçimi olduğunu söylemiştir. Hepimizin görüntüleri sevdiği açıktır. Kullanıcının dikkatini çekerler ve stratejik olarak yerleştirilmiş görüntülerle siteniz güzel görünür.

Ancak, aşırı fotoğraflar veya büyük boyutlu fotoğraflar kullanmak web sitenizin yükleme hızını yavaşlatabilir.

Bu sorunu düzeltmek için şunları yapabilirsiniz:

• Orijinal kaliteden ödün vermeden resim boyutunu yüzde 20 ila 50 oranında azaltmaya yardımcı olmak için WebP ve JPEG XR gibi yepyeni fotoğraf formatlarını kullanabilirsiniz.
• Alternatif olarak fotoğrafı PNG veya JPEG olarak kaydedebilirsiniz.
• PhotoShop da dahil olmak üzere herhangi bir düzenleyicideki toplam resim boyutunu küçültabilirsiniz.
• Görselinizi boyutunu web sitenize göre yeniden ölçeklendirebilirsiniz.

WP Smush gibi görüntüleri hızlı bir şekilde sıkıştırmak için herhangi bir eklentiyi de kullanabilirsiniz.

4. HTML, CSS ve JavaScript Dosyalarını Minify Etme

Küçültme (minify), kaynak koddaki tüm gereksiz karakterleri kaldıran bir programlama işlemidir. Bu gereksiz nesneler arasında boşluklar, yorumlar, satır sonları bulunur. Boşluklar, yorumlar vb. kodlayıcıların okuması ve daha kolay anlaması için yararlı olsa da, makineler için dosya gereksiz nesneler nedeniyle daha büyüktür. Bu nedenle biraz fazladan zaman alır ve sonuçta web sitenizi yavaşlatır.

Kaynak kodun işlevselliğini değiştirmediğine dikkat etmek önemlidir. Bunun yerine minify, boyutu küçültür ve internet üzerinden daha verimli iletim sağlar. Bu nedenle, HTML, CSS ve JavaScript gibi dosyaları küçülterek web tarayıcıları, web sitenizi daha hızlı okuyabilecek ve bu bilgileri son kullanıcıya iletebilecektir.

5. Web Sitenizi Responsive Hale Getirme

Sitenizi bir web için optimize etmek artık yeterli değil; web sitenizi mobil ve tablet cihazlar için de duyarlı hale getirmeniz gerekiyor. Statista tarafından Şubat 2019’da yapılan bir ankete göre, Kuzey Amerika’da mobil internet trafiğinin %38,21’ini mobil cihazlar oluşturuyor.

Web sitenizi sıfırdan tasarlıyorsanız, stratejiniz ideal olarak önce mobil cihazlar için kod yazmak, daha sonra tablet ve masaüstü cihazlar için tasarımlar eklemek olacaktır. Bütçeniz üç cihazı da içeremeyecekse, mobil cihazlar için tasarlamanızı öneririz. Mümkünse masaüstünü de dahil edebilirsiniz. Önce mobil cihazlar için tasarım yapmak, gereksiz bağımlılıkların sayısını azaltmaya yardımcı olacaktır.

Web sitenizin mobil uyumlu olup olmadığını kontrol etmek için Google’ın Mobil uyumlu Denetleyicisi’ne gidebilir ve web sitenizin URL’sini oraya girebilirsiniz. Örneğimizde kullandığımız roipublic.com sitesinin sonuçlarından, bu sitenin mobil cihazlar için uygun olduğunu görebilirsiniz.

Herhangi bir sayfa yükleme sorunu varsa, bunları ayrı bir sayfada vurgulayacaktır. Böylece siz veya geliştiriciniz bunları ele alabilir.

İncelemeden sonra sitenizin perspektif kurulumu, eklentiler ve metin okunabilirliği gibi kullanılabilirlik gereksinimlerine göre derecelendirmesi ‘mobil uyumlu değil’ olarak ortaya çıkarsa, potansiyel olarak düzeltmek için ele alabileceğiniz şeylerin bir listesini de alırsınız.

6. Web Caching Kullanımı

Bu terimi daha önce duymuş olmanız mümkün olsa da, ne olduğuna dair net bir tanımınız olmayabilir. Peki, Web Caching nedir?

Wikipedia’ya göre Web Caching, sunucu gecikmesini azaltmak ve bant genişliğini en aza indirmek için web sayfaları ve görüntüler de dahil olmak üzere web belgelerinin geçici olarak depolanması için bir yöntemdir.

Ek bir avantaj, verimliliği artırmasıdır. Geri dönen bir ziyaretçi sitenize geldiğinde, orjinal dosyalar yerine önbelleğe alınmış sürüm sağlanır. Bu, sunucu zamanından tasarruf sağlar ve web sitesinin yüklenmesini çok daha hızlı hale getirir. Henüz etkinleştirmediyseniz, bunu şimdi yapmanızı öneririz. WPEngine gibi birçok web barındırma sağlayıcısı, web sitenizi büyük ölçüde hızlandıran yerleşik bir önbellek işlevine sahiptir.

7. CSS ve JavaScript’i Birleştirerek HTTP Sunucusuna Giden İsteklerinin Sayısını Azaltın

HTTP(s), bir web tarayıcısı tarafından web sunucusundan dosya getirmek için kullanılan bir istek / yanıt yöntemidir. Birçok kullanıcı tarafından bilinmeyebilir; bu yüzden onu parçalayacağız.

Bir kullanıcının sitenizde ziyaret ettiği her sayfa için tarayıcılar, web sitenize bir istek gönderir. O zaman web sitenizin yapıldığı her dosyayı göndermesi gereken web sitenizdir. Basit bir örnek, sosyal paylaşım düğmelerine bakmaktır. Facebook, Twitter, Pinterest için sitenizin başlığına sosyal paylaşım düğmeleri eklediğinizi varsayalım. Bu düğmeler her sayfada görülebilir. Burada sayfa başına HTTP(s) sunucu isteklerinin sayısı 3 arttı. Google Analytics veya başka bir analitik yazılımınız varsa 1 (veya daha fazla) daha eklemeniz gerekir.

Web siteniz ne kadar çok harici istek yaparsa, o kadar çok sayıda HTTP sunucusu isteği yapar. Yavaş yavaş siteniz yavaşlıyor.

Şimdi, size sosyal paylaşım düğmelerini, sosyal takip düğmelerini veya başka bir şeyi kaldırmanızı söylemiyoruz. Ancak, sizin veya web geliştiricinizin tekrar eden öğeler için CSS’i birleştirmenizi ve başlığa yerleştirmenizi öneririz. Ardından JavaScript dosyalarınızı birleştirebilir ve altbilgiye yerleştirebilirsiniz.

Not: Yeni eklentiler yüklemeden veya yeni özellikler talep etmeden önce, caddenin aşağısındaki kar amacı gütmeyen kuruluşun bunları eklemesinin kuruluşuna ne gibi bir yararı olduğunu sormanız önerilir.

Web site performansları çok önemli gibi görünmese de aslında kullanıcı deneyimi için önemli konuların başında gelmektedir. Basit aksiyonlar alarak web site performansları geliştirilebilir. Bu askiyonlar özellikle son kullanıcıyı hedef alan geliştirmeler olabilir. Amacımız her zaman kullanıcının sitemizde daha çok vakit geçirmesini ve bu vakti geçirirken bağlantı sorunu yaşamaması olmalıdır.