Web Sitesi Yükleme Hızı En İyi Uygulamaları ve İyileştirme İpuçları

Bugün çevrimiçi kullanıcılara gelince, istediklerini istiyorlar ve şimdi istiyorlar. Hepimiz bir çevrimiçi kaynağın web sitesi yükleme hızının çok yavaş olduğu bir durumdaydık ve hemen tıkladık. Sosyal medya, TV ve diğer tüm modern teknolojiler sayesinde, bugün insanlar tam olarak sabrı ve odaklanmalarıyla tanınmıyor.

Hız, web sitelerinin sessiz katilidir. Tüm web sitesi kullanıcılarının yaklaşık yarısı, web sitenizin 2 saniye veya daha kısa sürede yüklenmesini bekliyor. Bu çılgınca gelebilir, ancak birkaç saniyelik yavaş yükleme süresinin bile kullanıcıları ikinci kez düşünmeden korkutup kaçıracağı doğrudur. Gerçek şu ki, web sitenizin düzgün ve hızlı bir şekilde yüklenmesine ihtiyacınız var.

Web Sitesi Yükleme Hızı En İyi Uygulamaları

Kendiniz test etmedikçe web sitenizin gerçekte ne kadar yavaş olduğunu fark etmeyebilirsiniz. Neyse ki, bunu Google PageSpeed'de ücretsiz olarak yapabilirsiniz. Yükleme sürelerinizi saptamak ve sorunlu alanları bulmak için web tabanlı bir araçtır. Web sitenizin yükleme süresi nasıl birikir? Biraz çalışmaya ihtiyacın varsa, endişelenme. Sadece birkaç tıklamayla web sitenizin yüklenme süresini iyileştirmek düşündüğünüzden daha kolay. İşte başlamanıza yardımcı olacak bazı ek ipuçları.

Daha İyi Web Sitesi Yükleme Hızı için Gzip Sıkıştırmasını Kullanın

Gzip sıkıştırması, yanıt boyutunu yaklaşık %70 oranında azaltan güçlü bir araçtır ve bu etkileyicidir. Gzip, sunucunuz aracılığıyla yapılan bir şeydir, bu nedenle web barındırıcınıza bu sıkıştırmayı sunucularında kullanıp kullanmadıklarını sormanız gerekir. Gzip ile videolarınızın, resimlerinizin veya diğer öğelerinizin kalitesinden ödün vermeden yanıt süresini kısaltırsınız.

Web sitenizin GZIPPED olup olmadığını görmek için bir test yapabilir ve bir Zip Sıkıştırma Testi çalıştırabilirsiniz. Gzipping'in nasıl çalıştığı, HTTP yanıtının boyutunu azaltmaktır. Sonunda sayfanın ağırlığını değiştirir.

Dosyalarınızı Önbelleğe Alın

Önbelleğe alma, web sitenizin bir sürümünün kullanıcılarınızın tarayıcılarında depolanmasıdır. Bu şekilde, web sitenizi tekrar ziyaret ettiklerinde, yeni sürüm yenilenene kadar yüklenecek eski bir sürüm bulunur. Önbelleğe alma, yükleme sürenizi 2 saniyeden 1 saniyenin altına indirebilir. Bu büyük bir sıçrama ve umursaman gereken bir şey. Neyse ki, web sitenizle önbelleğe almayı ayarlamak kolaydır. WordPress kullanıyorsanız, ücretsiz W3 Total Cache eklentisini kullanabilirsiniz. Önbelleğe alma, web sitenizin yükleme performansına bu ekstra desteği eklemek için bugün bir zorunluluktur.

Sunucu tarafında önbelleğe almanın yanı sıra tarayıcı önbelleğe almayı da etkinleştirmelisiniz. Bu aslında tarayıcılara, ziyaretçilerin web sitenizi tekrar ziyaret ettiklerinde bu dosyaların tekrar indirilmesini beklemek zorunda kalmamaları için resimler, CSS ve JS dosyaları gibi statik dosyaların bir kopyasını tarayıcıda saklama talimatı vermenin bir yoludur. WordPress kaldıraçlı tarayıcı önbelleğe alma hakkında bu bilgi koleksiyonunda daha fazlasını okuyabilirsiniz.

Web Sitesi Barındırıcınızı Yükseltin

Web siteniz için doğru ana bilgisayara sahip olmak, sayfa performansınızda rol oynayabilir. Web sitenizde istediğiniz kadar değişiklik yapabilirsiniz, ancak fazla bir gelişme görmüyorsanız, bunun sorumlusu sunucunuz olabilir. Web sitenizi ilk kez başlatırken en ucuz barındırma seçeneğini seçmek cazip gelebilir. Bu bir süre için iyi olsa da, çok sayıda dosya barındırıyorsanız veya daha fazla trafik yaşıyorsanız, muhtemelen bunu aşarsınız.

Daha ucuz planlar büyük olasılıkla paylaşılır ve bu, komşunuzun web sitelerindeki herhangi bir sorunun sizinkini de etkileyeceği anlamına gelir. Özel bir sunucuya sahip olmak, paylaşılan bir sunucudaysanız ortaya çıkabilecek sorunlardan kaçınmanıza olanak tanır. Yanıt sürenizle ilgili yardıma ihtiyacınız olursa, daha fazla müşteri hizmeti seçeneğiniz de olur.

Barındırma Satın Al

Web Sitenizin Temasını Kontrol Edin

Web sitenizin tasarlanma şekli, web sitenizin ziyaretçilere ne kadar iyi ve hızlı göründüğünü de etkileyecektir. Web sitenizin yükleme süresinde birkaç değerli saniyeyi boşaltmak için temalar arasında geçiş yapmak yeterli olabilir.

Profesyonel bir web sitesi sayfa oluşturucu veya tema kullanmak, web sitenizin gereksiz, dağınık kodlarla dolup taşmamasını sağlar. Bu nedenle, web sitesi şablonunuzun, temanızın veya oluşturucunuzun estetiğinden daha fazlasına bakmak önemlidir. Ayrıca, web sitenize veya web uygulamanıza giriş yapmayı düşünün. Web sitesi günlüğü, sorunları ortaya çıkmadan önce keşfetmenize yardımcı olur ve web sitenizin sorun yaşamasını önleyebilir. Alternatif olarak, doğrudan Papertrail App gibi bir araçla günlük mesajları gönderebilirsiniz.

Java ve CSS Dosyalarınızı Azaltın

Günümüzde çoğu web sitesi çok sayıda Javascript ve CSS dosyası kullanmaktadır ve bu dosyalar kullanıcılarınızın tarayıcılarında ayrı ayrı ele alınabilir. Aynı anda çok fazla istek olması web sitenizin yüklenme hızını düşürür. Tüm bu dosyaları küçültebiliyorsanız, web sitenizin yükleme süresine fazla ağırlık eklemezsiniz.

Her sayfayı sıkıştırmak yerine Java ve CSS dosyalarınızı harici olarak yüklemek akıllıca bir fikirdir. Ardından, kullanıcıların web sitenizdeki yeni bir sayfayı her ziyaret ettiğinde değil, yalnızca göründükleri gibi dosyaları yüklemeleri gerekir. Kullanıcılarınızın tarayıcılarını çok fazla dosyayla karıştırmayın.

Yükünüzü Ağ Üzerinden Taşıyın

Yüksek trafik yaşıyorsanız, ağınızla ciddileşmeniz gerekir. Bir İçerik Dağıtım Ağı (CDN) hizmeti, birçok farklı coğrafi alandaki sunucuları kullanarak dosyaları doğrudan kullanıcılarınıza getirir. Bu, sitenizin daha hızlı yüklenebilmesi için yerler arasında daha az zaman olduğu anlamına gelir. En iyi bilinen CDN, Amazon CloudFront'tur ve bunu mevcut web sitenize entegre etmek kolaydır.

Harici Barındırma Platformlarını Deneyin

CDN'ye benzer şekilde, yükleme sürenizi yavaşlatmamak için dosyalarınızı harici barındırma platformlarında barındırabilirsiniz. Bu, video dosyaları için en yaygın olanıdır. Videolar oldukça büyüktür ve bunları doğrudan web sitenize yüklemek çok fazla yer kaplar. Kolayca 100 MB'ın üzerinde olabilirler, bu nedenle videoları veya diğer büyük dosyaları kendi sunucunuzda barındırmak akıllıca bir hareket değildir.

Bu dosyaları harici olarak barındırmak daha iyi bir fikirdir. YouTube ve Vimeo, video dosyaları için harika seçeneklerdir. Oradan videoyu web sitenize yerleştirebilirsiniz. Yerden tasarruf sağlar ve yükleme sürenizi yavaşlatmaz. Ayrıca çok daha kolay!

Özellikle YouTube'u kullanmak, içeriğinizi tamamen yeni bir kitleye açar. Aslında, YouTube oradaki en büyük arama motorlarından biri olarak kabul edilir ve aylık bir milyardan fazla kullanıcıyı kendine çeker. Kullanımı ücretsizdir ve 15 dakikaya kadar (veya bir istek gönderirseniz daha fazla) videolar yükleyebilirsiniz. Sadece yanlış gidemezsin.

HTTP İsteklerinizi Kontrol Edin

Yahoo, bir web sitesinin yükleme süresinin %80'inin bir sayfanın tüm farklı bölümlerini indirmekten kaynaklandığını iddia ediyor. Java ve CSS dosyaları söz konusu olduğunda en iyi uygulamaları zaten tartışmış olsak da, diğer her şey ne olacak? Sayfada ne kadar çok öğe yüklenmesi gerekiyorsa, sayfanın tam olarak görünmesi o kadar uzun sürer.

Bu isteklerden kaçının gerçekleştiğini tarayıcınıza giderek kontrol edebilirsiniz. Google Chrome, HTTP isteklerine odaklanan Geliştirici Araçları ile donatılmıştır. Bu araçlara erişmek için Google Chrome'da sayfanıza sağ tıklayın, İncele'ye tıklayın ve ardından Ağ sekmesine gidin.

Artık her dosyanın yüklenmesinin ne kadar sürdüğünü “Zaman” bölümünde görebilirsiniz. Köşede, toplam istek sayısını da göreceksiniz. En çok zaman alan istekleri azaltmak, web sitenizin yüklenme süresini hızlandırmanın kolay bir yoludur. Bir sonraki ipucunda dosyaları birleştirmenin en iyi yolunu öğrenmek için okumaya devam edin.

HTML Dosyalarını Birleştirin ve Küçültün

Bir dosyayı küçülttüğünüzde, gereksiz boşlukları veya kodları ortadan kaldırırsınız. Tüm bu küçük şeyler önemli görünmeyebilir, ancak bu, yükleme sürenizi artırır. Amaç, mümkün olduğunca yalın HTML dosyalarına sahip olmaktır.

Artık kullanmadığınız gereksiz sayfalar olup olmadığını görmek için web sitenizi inceleyin. Boşlukları veya gereksiz kodları ortadan kaldırabileceğiniz yerler var mı? Son olarak, web sitenizin yükleme süresini doldurmadığınızdan emin olmak için HTML dosyalarını birleştirin.

Harici CSS Kullan

CSS, sayfanız için stil ve tasarım öğelerini nasıl eklediğinizdir. Web siteniz, sayfanızdan önce yüklenen harici bir dosyaya erişebilir veya satır içi stile erişebilir. CSS'nizi HTML belgenize dahil etmek çok fazla kod ekler. Daha önce de söylediğimiz gibi, bu iyi değil.

Bunun yerine, HTML'nizin başlığına yüklenen harici bir CSS kullanmalısınız. Önleyebiliyorsanız, HTML'nize herhangi bir CSS koymayın. Bu özellikle div'ler veya başlıklar anlamına gelir. Harici bir stil sayfası kullanırsanız, çok daha temiz ve yalındır. Ayrıca düzenlemek çok daha kolaydır.

CSS'nizin durumundan emin değilseniz CSS dosyalarınızın nasıl biriktiğini görmek için CSS dağıtım araçlarını kullanın. Bu, harici dosyanızın nerede olduğunu ve HTML'nizde herhangi bir satır içi öğeniz olup olmadığını size bildirir. Mümkün olduğunda, yalnızca bir harici CSS dosyası kullanın. Birden fazla dosyanız varsa, büyük olasılıkla dosyaları birleştirebilirsiniz.

Javascript Yüklemenizi Erteleyin

JavaScript gibi bir dosyayı ertelediğinizde, ek Java öğelerini yüklemeden önce web sitenizin geri kalanının düzgün şekilde yüklendiğinden emin olursunuz. Bazen java'yı ertelemek bir eklenti kullanmak kadar basittir. Diğer zamanlarda, web sitesine Java'yı en son yüklemek istediğinizi bildirmek için manuel olarak bir HTML komut dosyası eklemeniz gerekir.

Bu komut dosyası, harici bir JavaScript dosyası gerektirir. Java'nızı ertelemek için burada tam bir eğitim var. Çok büyük bir fark olmasa da, bu, kağıdınızın daha hızlı yüklenmesini sağlayabilir.

İlk Bayt Zamanınızı İnceleyin

İlk bayta ulaşma süreniz (TTFB), bir tarayıcının ilk veri baytını yüklemeye başlamadan önce ne kadar beklediğidir. Google'a göre, TTFB'niz 200 ms'nin altında olmalıdır. Ancak bu, sunucu tarafında bir endişe olduğundan, daha fazla web geliştiricisinin gözden kaçırması kolaydır.

Kullanıcılar web sitenizi ziyaret ettiğinde, otomatik olarak yüklenmeye başlamaz. Anlık bir süreç gibi görünse de, önce gerçekleşen 3 adım vardır. Tarayıcınız, web sitesini barındıran sunucuya bir ilk HTTP isteği gönderir ve oradan DNS araması, sunucu işleme ve yanıt adımları vardır.

Bir kez daha, Chrome Geliştirici Araçlarınız bu işlemin web sayfanızda ne kadar sürdüğünü gösterecektir. Bu aynı zamanda büyük ölçüde internet bağlantısının gücüne de bağlı olacaktır. Yavaş bir bağlantı daha yavaş bir TTFB'ye sahiptir. 200 ms'nin altında olduğundan emin olmak için TTFB'nizi kontrol edin. Değilse, doğru çözüm hakkında ev sahibinizle konuşmanın zamanı geldi. Yeterli alanınız olmayabilir veya çok fazla trafik yaşıyor olabilirsiniz.

Önce Ekranın Üstü İçerik

Bazen yüklenmesi uzun süren uzun sayfalarınız olur. Bu bir gerçek. Ancak, ekranın üst kısmındaki bilgilerin önce yüklendiğinden emin olmak size bazı ziyaretçiler kazandırabilir. Sayfanın en üstünde yer alan tüm içeriğin hızlı bir şekilde görünmesini sağlayarak kullanıcı deneyiminizi iyileştirin.

Bu, "tembel yükleme" adı verilen bir işlemdir ve adı mantıklıdır. Bu, sayfanın yavaş yüklenmesi gibidir, ancak kullanıcılarınızın en çok odaklandığı yerden başlar. Geç yükleme ile, kullanıcılarınız sayfanın geri kalanının yüklenmesini beklemek zorunda kalmadan en iyi içeriği görebilir ve web sitesi yükleme hızını artırabilir. Bu harika bir fikir çünkü sayfada 10'dan fazla fotoğraf olduğunu hayal edin. Ziyaretçilerinizin okumaya başlamak için tüm bu resimlerin yüklenmesini beklemesini istemezsiniz.

Tembel yükleme, yalnızca görünür olan görüntüleri yüklemek için jQuery.sonar'ı kullanır. Sayfalarınıza tembel yükleme eklemeyi kolaylaştıran birçok eklenti var, ancak bunu manuel olarak yapmak için tam bir eğitim burada. Kullanıcılarınız artık ekranın üst kısmındaki içeriği beklemek zorunda kalmadıkları için memnun olacaklar.

Resim Boyutlarınızı Kontrol Edin

Dosya boyutunuzu kontrol etmeden resim yüklemek kolaydır. Bu ara sıra iyi olabilir, ancak dikkatli olmazsanız web sitenizi kolayca yavaşlatabilir. Resimlerinizi kaydederken “Web için kaydet” seçeneği ile kaydetmeyi deneyin. Bu, Photoshop veya Fireworks gibi araçlarla kullanılabilir. “Web için kaydet” ile görüntünün netliğini kaybetmeden görüntü boyutu küçültülebilir.

Genel olarak, daha büyük dosya boyutlarından kaçının. PNG resimlerinizi kaydederken Daha büyük boyutlara ulaşıp ulaşmadıklarını görmek için görüntü özelliklerinizi kontrol edebilirsiniz. Son olarak, web sitenizde zaten büyük resimleriniz varsa, bir eklenti kullanın veya web sitenizin yükleme hızını artırmak için bu dosyaları manuel olarak sıkıştırın.

Daha İyi Web Sitesi Yükleme Hızı İçin Gereksiz Ekstraları Silin

Bazen web sitelerimize yeni şeyler ekler ve onları unuturuz. Ya başka bir şeye geçiyoruz ya da artık geçmiş bir çözüme ihtiyacımız yok. Sebep ne olursa olsun, kullanmadığınız hiçbir şey için yer kaybetmediğinizden emin olmak için web sitenizi sık sık kontrol ettiğinizden emin olun. Bu, aşağıdakilerin tümü için geçerlidir:

• Görüntüler;
• Eklentiler;
• Navigasyon elemanları;
• Tasarım ögeleri;
• Sayfalar;
• Arşivlenmiş blog yazıları.

Ne kadar küçük olursa olsun, bunlar web sitenizin yüklenme hızını olumsuz etkiler. Ayrıca, özellikle eklentilerle web sitenizin güvenliğinde zayıf alanlar oluşturabilirler. Bunlar kolayca zarar görebilir ve bu güvenliğinizi azaltabilir. Güncel olmayan ekstralar için web sitenizi düzenli olarak gözden geçirme alışkanlığı edinin.

Sosyal Paylaşım Düğmelerinizi Sınırlayın

Sosyal paylaşım düğmeleri, sosyal medyada katılımı teşvik etmenin harika bir yoludur. Ancak, bir sınır olması gerekir. Bu düğmeler bazen oldukça etkilidir. Ancak, onlar da bir büstü olabilir. Bu sosyal paylaşım düğmelerinin birkaç harici JavaScript kullanması ve bunların web sitenizi yavaşlatması konusunda hemfikir olabiliriz.

Özellikle Facebook, bunun en büyük suçlusu oldu. Facebook komut dosyaları, paylaşım düğmeleriyle web sitesi performansını yavaşlatabilir. Bu paylaşım düğmelerinin gerçekten zahmete değer olup olmadığını düşünün. Bunları yine de tutabilirsiniz, ancak yalnızca en iyi performans gösterdiği kanıtlanmış olanları tutabilirsiniz.

Eşzamansız Teslimat

Üçüncü taraf kodlarından bahsetmişken, yanlış gidebilecek çok şey var. Üçüncü taraf bir kesinti yaşarsa veya aniden yavaşlarsa, ister sosyal paylaşım düğmesi ister ağ analizi komut dosyası olsun, sayfanız bu kaynağı yüklemeye çalışırken kolayca takılabilir.

Asenkron dağıtım, bu yavaşlamanın çözümüdür. Bu etkinleştirildiğinde, üçüncü taraf ağınız bir kesinti yaşarsa, kendi web siteniz etkilenmeyecektir. Eşzamansız dağıtımı, tümü burada özetlenen çeşitli şekillerde etkinleştirebilirsiniz.

Google PageSpeed'i yükleyin

Google PageSpeed, web sitenizin yükleme hızını optimize eden açık kaynaklı bir sunucu modülüdür. Web sitenizi daha hızlı hale getirmek için Google tarafından tasarlanmıştır ve kullanımı kolaydır. Temel olarak, hem sunucunuzda hem de web sitesi dosyalarınızda farklı değişiklikler yapar. Manuel olarak hiçbir şey yapmanız gerekmez ve web siteniz daha iyi performans gösterecektir.

Web sitenizin performansı söz konusu olduğunda bulacağınız her şeye uyan tek bir çözüme çok yakın. Google PageSpeed'i dosya yöneticinize kendiniz yükleyebilir veya sunucunuzdan veya geliştiricinizden kurulumda size yardımcı olmasını isteyebilirsiniz. Ayarlayabilir ve unutabilirsiniz.

Arka Plan Resimlerini Birleştirin

Birçok tema, tek ve eksiksiz bir görüntü oluşturmak için birkaç arka plan görüntüsü kullanır. Bu harika ve aynı anda görünse de, web sitenizin performansını yavaşlatıyor olabilir. Kullanıcılarınızın tarayıcılarının arka plan fotoğraflarını yüklemek için birkaç farklı istekte bulunması gerekeceğinden, bu yükleme işlemine zaman kazandırır.

Bunun yerine, web sitenizin yükleme hızını artırmak için resimlerinizi tek bir resimde birleştirin. Bu şekilde, kullanıcılarınızın çok sayıda değil, yalnızca tek bir istekte bulunması gerekir. Arka planın düzgün şekilde yüklenmesi için artık birkaç gidiş dönüş isteği olmadığından web siteniz daha hızlı olacaktır.

Resimleri Bağlantılandırmayı Durdur

Hotlinking, başka bir web sitesindeki bir fotoğrafı sunucunuza yüklemeden kendi web sitenize gömme uygulamasıdır. Bu, biraz kodla basittir, ancak diğer şeylerin yanı sıra bir web sitesinin yavaşlamasına neden olabilecek kötü bir uygulamadır.

Hotlinking yalnızca web sitenize zarar vermekle kalmaz, aynı zamanda izinsiz yaparsanız teknik olarak hırsızlıktır. Web sitesi sahipleri, bu dosyaları barındırmak için alan için ödeme yapar ve aynı dosyayı bir gömme kodu aracılığıyla kendi web sitenize yerleştirdiğinizde, kaynaklarını izinsiz almış olursunuz.

Resimleri paylaşmak amacıyla doğrudan yüklemenize izin veren bazı web siteleri olsa da, bu yine de iyi bir fikir değil. Bu web siteleri yavaş olduğunda veya yüksek trafik yaşadığında, onları yerleştiriyorsanız web sitenizin yükleme hızını yavaşlatabilirler. Ayrıca, alan için ödeme yapmıyorsanız, bu dosyalar herhangi bir zamanda uyarı yapılmadan silinebilir.

Evet, hotlinking size biraz bant genişliği kazandırabilir, ancak uzun vadede web sitenizi yavaşlatması daha olasıdır. Resimlerinizi hotlinking yerine her zaman kendi sunucunuzda barındırın. Şüpheye düştüğünüzde, kendi sunucunuzda daha fazla alan satın almak daha iyidir, böylece onları yüklemeye paranız yetecektir. Yine de küçük resim dosyaları kullanıyor olmalısınız, bu yüzden sorun olmaz.

Web Sitenizin Yükleme Hızını Hemen Artırın

Web sitenizi yeni zirvelere taşımaya hazır mısınız? Web sitenizin yükleme hızını artırmanın zamanı geldi. Yavaş bir web sitesi yükleme hızınız varsa, istemeden ziyaretçi kaybetmek kolaydır. Bir web sitesinin yüklenmesi çok uzun sürdüğünde ne kadar sinir bozucu bulduğunuzu bir düşünün. Web sitesi yükleme süresindeki bir saniyelik gecikme, dönüşümlerde %7 ve sayfa görüntülemelerinde %11 düşüşe neden olur. Yukarıdaki ipuçlarını ciddiye alarak bunu kullanıcılarınıza yapmayın.

Web sitenizi hızlandırmak karmaşık, pahalı veya kafa karıştırıcı değildir. SEO'nuzu geliştirmenin ve kullanıcılarınız üzerinde olumlu bir etki yaratmanın en basit ve en hızlı yollarından biridir. Web sitenizin daha iyi çalışmasını ve kullanıcılarınızı etkilemesini istiyorsanız, yukarıdaki ipuçlarına yatırım yapmaya değer.

Hızlı bağlantılardan ve bozuk bağlantılardan kaçınmaktan web barındırma hizmetinizi yükseltmeye kadar, yukarıdaki küçük adımların bile büyük etkisi vardır. Bunaldıysanız, web sitenizin yükleme hızını test ederek başlayın. Oradan, web sitenizin maksimum performans düzeyinde çalıştığından emin olmak için ne kadar iyileştirme yapmanız gerektiğine dair iyi bir fikriniz olacak. Web sitenizin, Google'ın standartlarına uyması için yalnızca birkaç ince ayara ihtiyacı olabilir. Kullanıcılarınız beklemekten bıktı, bu yüzden işe koyulma zamanı.

ibrandify tarafından oluşturulan web sitesi yükleme hızı vektörü