CMS Felaketinden Kaçınma: Web Sitesi Performansı Nasıl İyileştirilir

Hiç kimse… beklemeyi… beklemeyi … sevmez. bekle …

Dijital bir süper kahraman gibi çalışan bir siteye sahip olmak, özellikle kuruluşunuzu araştıran potansiyel bir müşteriyle ilk izleniminizi bırakıyorsanız, bir iş zorunluluğudur.

Aşağıdaki web sitesi performans istatistikleri, marka pazarlama ekibinizden bahsetmeye gerek yok, her site geliştiricisinin ve mühendisinin kalbinde korku uyandırmalıdır:

• Her iki kullanıcıdan biri, yüklenmesi dört saniyeden uzun sürerse bir siteyi terk eder. Kaynak: BBC.
• Bir saniyelik gecikme, kullanıcı memnuniyetinde %16'lık bir düşüşe neden olur. Kaynak: LoadStorm.
• Sayfaların yüklenmesi üç saniyeden uzun sürerse, mobil site ziyaretlerinin yüzde elli üçü terk edilir. Kaynak: Google.

Google'ın Önemli Web Verileri performans ölçümlerini kontrol ettiğinizde site performansının düşük olduğunu fark etmiş olabilirsiniz, ancak bunu nasıl düzelteceğinizden emin değil misiniz?

İşletmeniz tehlikedeyken, içerik yönetim sisteminizin (CMS) kötü bir dijital deneyim sunmasını sağlayarak başka bir yere yeni iş göndermeyi ve markanızı lekelemeyi göze alamazsınız.

Aşağıda, beş yaygın yavaşlama suçlusunu ve WordPress VIP gibi çevik bir CMS kullanarak web sitesi performansının nasıl iyileştirileceğini teşhis ediyoruz.

İlk olarak, bir web uygulamasını yüklediğinizde gerçekte ne olur?

Milisaniyeler içinde bir dizi eylem gerçekleştirerek hemen yüksek vitese geçmesi gereken herhangi bir tarayıcı için büyük bir istek. İşte sıska nezaket Mozilla:

1. Tarayıcı DNS sunucusuna gider ve web sitesinin bulunduğu sunucunun gerçek adresini bulur.
2. Tarayıcı, sunucuya web sitesinin bir kopyasını istemciye göndermesini isteyen bir HTTP istek mesajı gönderir. Bu mesaj ve istemci ile sunucu arasında gönderilen diğer tüm veriler, TCP/IP kullanılarak internet bağlantınız üzerinden gönderilir.
3. Sunucu, müşterinin isteğini onaylarsa, istemciye bir “200 OK” mesajı gönderir, yani “Tabii ki o web sitesine bakabilirsin! İşte burada." Ardından, web sitesinin dosyalarını veri paketleri adı verilen bir dizi küçük parça olarak tarayıcıya göndermeye başlar.
4. Tarayıcı, küçük parçaları eksiksiz bir web sayfasında birleştirir ve size görüntüler.

Not: Tabii tüm bunlar bu kadar kolay değil. Bunların her biri arasında çok sayıda küçük adım vardır. Şimdilik, "yavaşlığın" meydana gelmesinin beş temel nedenine ve WordPress VIP CMS'mizin bunları nasıl azalttığına bakalım.

Peki, yavaş bir tarama deneyimine ne sebep olur?

Suçlu 1. PoP ve CDN eksikliği

Büyük olasılıkla, işletmeniz küreseldir. Bu, çeşitli cihazlarda çeşitli bağlantı türlerinde kullanıcılar için hızlı, tutarlı ve kararlı bağlantılar sağlamanın lojistik zorluklarını artırır.

Peki bu sizin uygulamanız için ne anlama geliyor?

Yukarıdaki Adım 2'den bir ağ isteği başlatıldığında, istek birden çok ağ atlamasından geçer. Atlama, bir paketin kaynağından hedefine kadar geçtiği yönlendiricilerin sayısını ifade eden bir bilgisayar ağı terimidir.

Bir kullanıcının coğrafi konumundan sunucunuza yapılan bu atlamaların bir sonucu olarak, kullanıcılarınızın yükleme sırasında yaşadığı ek süreler olabilir. Bu, içeriği bir içerik dağıtım ağı (CDN) ve varlık noktaları (PoP'ler) aracılığıyla ziyaretçinize daha yakın bir yerde sunarak hafifletilebilir.

WordPress VIP yanıtı :

WordPress VIP'nin CDN'si, sitenizi küresel müşterilere mümkün olduğunca hızlı, verimli ve güvenilir bir şekilde sunan uç ve kaynak PoP'lerden oluşan küresel bir ağdır. Bu yerelleştirilmiş kullanılabilirlik, uç sunucularımıza uygulamanızdan yeni içerik bildirildiği anda otomatik olarak gerçekleşir. Bu, ekibiniz tarafından ele alınması gereken ek bir yapılandırma olmadığı ve ekibin diğer görevlere odaklanmasını kolaylaştırdığı anlamına gelir.

Suçlu 2. Optimize edilmemiş medya

Bugün herkesin en yeni mobil cihazlarla çektiği yüksek kaliteli görüntüler oldukça güzel! Yani, ana sayfanızda küçük resimler olarak kullanılana kadar.

4K görüntü eklemek ve onu 100×100 piksellik bir kapsayıcıyla sınırlamak, kullanıcılarınızın 4K görüntünün tamamını yüklemesi gerektiği anlamına gelir. Tek bir görüntü endişelenecek bir şey değil, ancak geniş ölçekte içerik yayınlayan işletmeler için, daha fazla makale bir dizin sayfasını doldurduğunda sayfa yükü katlanarak kolayca patlayabilir.

WordPress VIP yanıtı :

WordPress VIP'deki uygulamalar, uçta önbelleğe alınmış görüntülerin tüm avantajlarını ve yüklenen görüntülerde otomatik görüntü yeniden boyutlandırmayı otomatik olarak alır. Ek olarak, görüntüler anında yeniden boyutlandırılabilir.

Suçlu 3. Optimize Edilmemiş Javascript ve CSS

Büyük dosyalar yüklerken, her bit ve her istek önemlidir. Bir dosyayı indirmek için alınan ağ atlama sayısını zaten optimize ettiyseniz, bir dosyanın ulaşması için gereken en uzun süre, isteklerin açılması ve kapanması içindir.

Bunu ele almak için modern Javascript ve CSS geliştirmesi genellikle küçültme ve birleştirme kullanır.

Küçültme, bir dosyadaki tüm gereksiz karakterlerin, normalde tüm gereksiz boşlukların kaldırılması anlamına gelir. Buradaki amaç, aktarılan toplam bit sayısını azaltmaktır.
Birleştirme, daha büyük bir dosya oluşturmak için birden fazla dosyayı birbirine yapıştırma eylemidir. Buradaki amaç ağ isteklerinin sayısını azaltmaktır.

WordPress VIP yanıtı :

WordPress VIP, tek bir sayfa yüklemesinde oluşan isteklerin sayısını azaltmak için JavaScript ve CSS dosyalarını otomatik olarak birleştirir. CSS dosyaları hem küçültülür hem de birleştirilir. Kredi, tercih ettiğimiz açık kaynak eklentimize gider.

Küçültülmüş ve birleştirilmiş dosyalar daha sonra 15 gün boyunca veya bir değişiklik tespit edilene kadar önbelleğe alınır.

Suçlu 4. Kötü önbellek kullanımı

Önbellekler, işleri hızlandırmak için özel geçici depolamadır. Hızlandırdıkları şey, önbellek türüne bağlıdır.

Bir önbelleğe alma biçimi kullanmıyorsanız, uygulamanız yük altındayken sayfa yanıt hızınızı ciddi şekilde etkiliyor olabilirsiniz.

WordPress VIP yanıtı :

WordPress VIP, birkaç farklı önbelleğe alma türü kullanır:

• Nesne önbelleği — uygulama düzeyinde verileri depolamak için kullanılır. Bu, veritabanınıza çarpmadan verileri hızlı ve verimli bir şekilde almanıza yardımcı olur. Kısacası, nesne önbelleği, kapsamlı hesaplamaların ve/veya sorguların değerli bağlantı zamanını almasını engeller.
• Sorgu önbelleği —veritabanı sorgularının hafif bellekte önbelleğe alınması. WordPress'te, WP_Query API'sini kullanan herhangi bir gönderi sorgusu, bu önbelleğe alma biçiminden büyük ölçüde yararlanır.
• Sayfa önbelleği — her bir uç PoP konumunda depolanan, tamamen çizilmiş bir sayfa için depolama. Bu, uygulamanızı ziyaret eden çoğu kullanıcının karşılaştığı ilk önbellek düzeyidir. Sayfa önbelleği, uygulamanız bir satır kod çalıştırmadan CDN'mizin yerelleştirilmiş içerik sunmasını sağlar.

Bunların tümü, istek yanıt sürelerini azaltmak için uyum içinde çalışır.

Sorun 5. Veritabanı bağlantısı doygunluğu

Uygulamanızın içeriği ve kullanıcı tabanı büyüdüğünde, başlangıçta iyi performans gösteren eski veritabanı sorguları artık performansı düşürebilir.

Sorguların yürütülmesi zaman aldığında, bu, sorgu bitene kadar veritabanında bir yer kaplar. Bazen bu koltuklar çok hızlı bir şekilde doldurulur ve daha sonra daha fazla sorgunun yürütülmesini engeller. Bu genellikle, veritabanı 500 yanıt sunana kadar düşük uygulama performansı olarak kendini gösterir.

Bağlantı doygunluğu hızlı ve rastgele meydana gelebilir ve bu da kök nedeni teşhis etmeyi zorlaştırır.

WordPress VIP yanıtı :

WordPress VIP hizmet paketinin bir parçası olarak, yukarıdakiler gibi olası sorunları proaktif olarak teşhis etmeye ve izlemeye yardımcı olan New Relic'e erişim sağlıyoruz. Bu, ekibinize zamandan, maliyetlerden ve saniyeler önemliyken ek araçlar ve kaynaklar sağlama zahmetinden tasarruf sağlar.

Sonuç olarak

Ağ atlamaları ve noktaların bulunmamasından veritabanı içerik doygunluğuna kadar, zayıf web sitesi performansının temel nedenlerini ele almak, ileri görüşlü herhangi bir kuruluş ve içerik yönetim sistemi için bir P0 önceliği olmalıdır. Ne de olsa, bir izleyici üzerinde bu harika ilk izlenimi yaratmak, dijital çağda her şeydir. Çünkü hız gerçekten öldürür.

WordPress VIP hakkında buradan daha fazla bilgi edinin.

Yazar

Michael Chan, Kıdemli Yazılım Mühendisi, WordPress VIP