Web sitenizin mobil cihazlarda hızlı yüklenmesini sağlama (2022)

Web sitenizin mobil cihazlardaki performansı artık masaüstlerinde olduğundan daha önemli.

Bunun nedeni, internete erişmek için mobil kullananların masaüstü bilgisayar kullananlardan daha fazla olmasıdır.

StatCounter'a göre, dünya çapındaki internet kullanıcılarının %50'sinden fazlası mobil cihaz kullanıyor. Sadece %47'den biraz fazlası masaüstü bilgisayar kullanıyor.

Sitenizi çoğunlukla yalnızca masaüstü için optimize ediyorsanız, işletmenizin başarısına zarar veriyorsunuz. Mobil artık her zamankinden daha önemli.

Sitenizin mobilde nasıl performans gösterdiği SEO için çok önemlidir. Google'ın yaklaşımı artık mobil öncelikli indekslemedir. Bu, Google'ın indeksleme ve sıralama için bir web sitesinin mobil sürümünü kullandığı anlamına gelir.

Siteniz masaüstünde hızlı ve mobilde yavaşsa, sıralamanız bundan zarar görür. Sitenizin mobildeki performansı, masaüstündeki performansından daha önemli olmalıdır.

Web sitenizin mobil cihazlarda hızlı yüklenmesi SEO'nuzu iyileştirecek, hemen çıkma oranını düşürecek ve dönüşümü artıracaktır.

Ancak bir siteyi mobil cihazlarda hız için optimize etmek, bir siteyi masaüstü bilgisayarlarda hız için optimize etmek kadar kolay değildir. Neyse ki bu makale, burada listelediğim ipuçlarını izlerseniz web sitenizin mobil cihazlarda daha hızlı yüklenmesine yardımcı olabilir.

Web sitenizin hızını test etme

Yapmanız gereken ilk şey, sitenizin hızını mobil cihazlarda test etmektir. Bu size sitenizin ne kadar hızlı veya yavaş olduğunun net bir resmini verecektir.

Sitenizin masaüstünde hızlı yüklenmesi, mobilde hızlı yüklendiğinin garantisi değildir. Sitenizin masaüstünde süper hızlı, mobilde süper yavaş olması mümkündür.

Birçok mobil test aracı var, ancak mobil hız testi için Google'ın Sitemi Test Et aracını kullanmayı tercih ediyorum.

ThinkWithGoogle'ı ziyaret edin ve sitenizin URL'sini girin. Sitenizin ne kadar hızlı olduğunu test edebilmelisiniz.

Benim için 3 saniye içinde yüklenen bir site yeterince iyi. Ancak Think With Google, en az 2,4 saniye önerir.

Web sitenizin mobil cihazlarda hızlı yüklenmesini nasıl sağlarsınız

Sitenizi mobil cihazlarda hızlandırmak için en iyi uygulamalar şunlardır:

Duyarlı bir tema kullanın

Duyarlı tema, tüm cihazlara uyacak şekilde ayarlanan bir temadır. Bu, kullanıcılarınız masaüstünden, mobilden veya tabletten gelse bile, temanızın, kullandıkları cihaza uyan web sitenizin bir sürümünü onlara sunacağı anlamına gelir.

Bir web sitesinin masaüstü sürümünün mobil kullanıcılara sunulması, yükleme süresini yavaşlatacaktır. Ve kullanıcı deneyimi için korkunç.

Duyarlı bir tema kullanmak çok önemlidir. Mobil cihazlarda hızlı bir web sitesinin ilk temelidir. Aralarından seçim yapabileceğiniz birkaç duyarlı tema var. En hızlı ve en iyi WordPress temaları listemi okuyun, orada listelenen temalardan herhangi biri yeterince iyi ve duyarlı.

Hızlı bir web barındırıcısı kullanın

Web barındırıcınız, web sitenizi hızlandırmada en önemli rolü oynar. En son barındırma teknolojilerine sahip çok hızlı bir web barındırma, web sitenizin mobil cihazlarda hızlı yüklenmesini sağlayacaktır.

Yavaş bir web barındırıcınız varsa, web sitenizi nasıl optimize ederseniz edin, önemli bir gelişme görmeyebilirsiniz.

Yerleşik web siteleri için Cloudways ve Kinsta'yı öneririm. TargetTrend, Cloudways'de barındırılmaktadır. Yeni başlayan siteler için Bluehost'u öneririm.

AMP'yi kullanın

Hızlandırılmış Mobil Sayfalar (AMP), Google'ın mobil web sitelerini hızlandırmak için yaptığı bir projedir.

AMP, mobil tarama için optimize edilmiştir ve bir web sitesinin yüklenme süresini önemli ölçüde hızlandırmaya yardımcı olabilir. Ayrıca bir araştırmaya göre istek sayısını %77'nin üzerinde azaltabilir.

Resmi AMP eklentisini yükleyerek AMP'yi kullanmaya başlayabilirsiniz. Başka AMP eklentileri var, onları da kullanabilirsiniz.

Eklentiyi etkinleştirdikten sonra, mevcut üç moddan herhangi birini seçebilirsiniz. Ziyaretçilerinizin çoğu mobilden geliyorsa geçiş veya standart modu kullanmayı düşünün. Ancak temanız AMP uyumlu olmalıdır.

Tembel yükleme görüntüleri

Görseller, özellikle mobil cihazlarda bir web sitesini yavaşlatabilir. Bunları ele almanın en iyi yolu, kullanıcılar kaydırdığında onları yüklemektir. Bu şekilde, yalnızca ihtiyaç duyulduğunda yüklenecekler ve bu nedenle yükleme süresi üzerinde çok az etkisi olacak veya hiç etkisi olmayacak.

Web sitenizi PageSpeed ​​içgörüsü veya Web.dev üzerinde test etmeye çalışırsanız ve "ekran dışı görüntüleri erteleme" konusunda uyarılırsanız, bu, resimlerin yükleme sürenizi yavaşlattığı ve bunları tembelce yüklemeyi düşünmeniz gerektiği anlamına gelir.

Yükleme resimlerinin gecikmesi, bir kullanıcı kaydırma yapana kadar resimlerin yüklenmesini geciktirmekle ilgilidir. Bu hızı artırabilir.

Tembel yüklemeyi işlemek için birçok eklenti var. Çoğu önbellek eklentisi ve görüntü optimizasyon eklentisi, yavaş yükleme seçeneklerine sahiptir.

Oluşturmayı engelleyen kaynakları ortadan kaldırın

Oluşturmayı engelleyen kaynakları ortadan kaldırmak, web sitenizin mobil cihazlarda yükleme süresini hızlandırabilir.

Genellikle, bir kullanıcı ziyaret ettiğinde tarayıcının bir web sitesini hızlı bir şekilde oluşturmasını zorlaştıran bazı Java komut dosyaları ve CSS vardır. Bunun nedeni, tarayıcının siteyi kullanıcıya sunabilmesi için önce bu dosyaları durdurması ve okuması gerektiğidir.

Bu kaynakları ortadan kaldırmak yükleme süresini hızlandırabilir. Oluşturmayı engelleyen kaynakları ortadan kaldırmaya yardımcı olabilecek Autoptimize gibi eklentiler vardır.

Bununla ilgili faydalı bir makalem var, şunu okumalısınız: WordPress'te render engelleyen kaynakları nasıl ortadan kaldırırsınız.

Kullanılmayan CSS'yi kaldırın

Çok fazla kullanılmayan CSS'ye sahip olmak bir web sitesini yavaşlatabilir. Kullanılmayan CSS, bir web sitesinin yüklenmesi için gerekli olmayan CSS'dir. Ancak mevcut oldukları için tarayıcının bunları indirmesi, ayrıştırması ve işlemesi gerekir.

Kullanılmayan CSS'yi kaldırmaya yardımcı olabilecek Perfmatters ve Asset CleanUp gibi eklentiler vardır.

Bununla ilgili basit bir kılavuz yazdım: WordPress'te kullanılmayan CSS ve JS nasıl kaldırılır.

Kritik CSS Oluştur

Critical CSS, ekranın üst kısmındaki içerikleri kullanıcıya hızlı bir şekilde sunmak için kolayca çıkarmak için kullanılır. Kritik bir CSS yoluna sahip olmak, web sitenizin mobil ve masaüstünde yüklenme süresini hızlandırabilir.

Kritik CSS Oluşturmaya yardımcı olabilecek eklentiler var. WP Rocket bunu yapabilir, LiteSpeed ​​Cache ve WP Performance da kritik CSS oluşturabilir.

İyi bir önbelleğe alma sistemine sahip olun

Önbelleğe alma, bir web sitesini hızlandırmanın çok güvenilir bir yoludur. Önbelleğe alınmış içerikleri mobil ziyaretçilerinize sunmak için etkili bir önbelleğe alma eklentisi kullanmalısınız. WP roketi, çok etkili olan birinci sınıf bir önbellek eklentisidir. W3 Toplam önbellek, iyi yapılandırılmışsa çok etkili olabilir.

Çoğu yönetilen web barındırma şirketi, sunucu düzeyinde önbellekleme sunar. Web barındırıcınızın aynı şeyi sunup sunmadığını öğrenin ve kutunun dışında değilse siteniz için etkinleştirmelerini isteyin.

Sunucunuzdan Varnish önbelleğini kurmasını ve etkinleştirmesini isteyebilirsiniz. Vernik önbelleği, web sitelerini hızlandırmasıyla bilinir.

Görüntüleri optimize edin

Resimleri sıkıştırdığınızdan emin olun. Resimleri yüklemeden önce tamamen sıkıştırmayı tercih ederim. Bununla birlikte, WordPress içindeki görüntüleri sıkıştırmaya yardımcı olabilecek optimole ve diğerleri gibi birçok eklenti vardır.

WebP görüntüleri sunmak, web sitesi hızını artırmaya da yardımcı olabilir. WebP, JPG ve PNG'den daha küçüktür, bu nedenle daha hızlıdır.

WebP görüntülerini dönüştürmeye ve sunmaya yardımcı olabilecek birçok eklenti vardır. Optimole ve uçan görüntüler bunu çok iyi yapabilir.

Kodu küçült

Minification, bir web sitesinin kodunu daha büyük boyuttan daha küçük boyuta sıkıştırma işlemidir. Hiçbir şeyi kırmadığı sürece ne kadar küçük olursa o kadar iyidir.

JS ve CSS'yi küçültmeyi düşünmelisiniz.

Çoğu önbelleğe alma eklentisi, küçültme özellikleri sunar. Ancak, küçültmenin web sitelerini bozduğu bilindiğinden, test etmek için evrelemeyi kullandığınızdan emin olun.

Yönlendirmeleri en aza indir

Özellikle mobil cihazlarda çok fazla yönlendirme web sitenizi yavaşlatabilir. Sunucu yanıt süresini yavaşlatabilir.

Çok fazla yönlendirme yapmadığınızdan emin olun. Eğer öyleyseniz, onları olabildiğince azaltın.

Sıkıştırmayı etkinleştir

Web sitenizi mobil cihazlarda hızlı hale getirmek için dosyaları sıkıştırın. Şeyler ne kadar küçükse, siteniz o kadar hızlı olacaktır.

Gzip veya Brotli, web sitesi dosyalarını sıkıştırarak web sitenizin hızını önemli ölçüde artırabilir. Genel olarak Brotli, Gzip'ten daha iyidir. Ancak bunlardan herhangi biri iyi çalışacaktır. Sizin için sıkıştırmayı etkinleştirmek için web barındırıcınıza danışın.

Bir eklenti çözümü sizin için daha uygunsa, sıkıştırmayı etkinleştirmenize yardımcı olabilecek eklentiler de vardır.

Sayfa başına AdSense sayısını azaltın

Google AdSense, blog yazarak para kazanmanın en popüler yollarından biridir, ancak aynı zamanda web sitelerini önemli ölçüde yavaşlattığı da bilinmektedir.

Benim gözlemime göre, AdSense'i devre dışı bırakırsanız, yükleme sürenizde anında çok büyük bir fark göreceksiniz.

Ama hız kadar para da çok önemli. Yani bir uzlaşmaya varmanız gerekiyor. Google, sayfa başına 3 reklam birimi önerir. Eğer buna bağlı kalırsan, o zaman iyi olmalısın.

Eşleştirilen içerik birimlerinin ve sayfa düzeyindeki reklamların mobil yükleme süresi üzerinde en olumsuz etkiye sahip olduğunu fark ettim.

CDN kullanın

Bir İçerik Dağıtım Ağı, web sitenizin statik bir kopyasını oluşturarak ve web sitenizi ziyaret etmeye çalıştıklarında dünyanın her yerindeki kullanıcılara daha yakın bir yerden sunarak web sitenizin hızını artırmaya yardımcı olabilir.

Bir CDN kullanmıyorsanız, kaçırıyorsunuz!.

En iyi WordPress CDN Sağlayıcılarına göz atın.

Sistem yığını yazı tipini kullan

Son zamanlarda bu web sitesinin mobil cihazlarda yükleme süresini hızlandırmaya çalışıyordum. Bu yüzden Google yazı tipini kullanmayı bırakmaya karar verdim ve sistem yığınını denedim ve sürpriz bir şekilde hızda önemli bir gelişme oldu.

Google yazı tipleri ve harika yazı tipleri harika ancak web sitesini yavaşlatabilirler. Sistem yığınını kullanmak, kullanıcının kullandığı aygıtın yazı tipi gerektiğinden, harici istek yapılmamasını sağlar.

Bazı temalar sistem yığınını değiştirmeyi kolaylaştırır. Basitçe sistem yığınına geçin.

Daha yeni PHP sürümlerini kullanın

Daha yeni PHP sürümleri genellikle eskilerinden daha hızlıdır. En son PHP sürümünü veya geriye doğru yalnızca bir sürümü kullandığınızdan emin olmalısınız.

Sadece hız için değil, aynı zamanda güvenlik için de.