Web Sitenizin Hızını Nasıl İkiye Katlarsınız?

Yayınlanan: 2019-12-10

Size SiteGround'u kullanırken web sitelerinizin site hızını nasıl ikiye katlayabileceğinizi göstereceğim, hiçbir şey için ödeme yapmanıza gerek yok, kullanacağımız tüm araçlar aslında hosting paketinize dahil edilmiş durumda. .

O halde başlayalım.

Bu videonun en başından itibaren bunun SiteGround için bir satış konuşması olmadığını söylememe izin verin.

Çoğunlukla SiteGround'a sahip olan ve web sitelerinin daha hızlı yüklenmesini sağlamak isteyen kişilere yöneliktir.

Şimdi, SiteGround'un yararı, normalde sitenizi daha hızlı hale getirmek için kullanacağınız araçların size yılda yüzlerce dolara mal olması, ancak SiteGround'unuz olduğunda değil.

Onlar zaten dahil.

Mesele şu ki, çoğu insan neyin dahil olduğunu bile bilmiyor.

Dahil edilen çok şey var ve SiteGround kullanıyorsanız, bu gönderide bunu öğreneceksiniz.

Şimdi, elbette, SiteGround'unuz yoksa, bu videoyu izlemek ve ardından paketlerinde ücretsiz olarak neleri içerdiklerini beğenip beğenmediğinize karar vermek isteyebilirsiniz.

Web Sitesi Hızı Mitleri

Şimdi, konuya fazla girmeden önce, bir web sitesine sahip olmakla ilgili site hızı mitlerinden bazılarını ortadan kaldırmak istiyorum.

Efsane 1: Yavaş Web Siteleri Google'da İyi Sıralamazlar

Daha birçok önemli sıralama faktörü vardır ve site hızı bunların en önemsizidir.

Gerçekten olan şey, yavaş site hızının kötü bir kullanıcı deneyimi üretmesidir.

Kötü bir kullanıcı deneyimi, hemen çıkma oranının artmasına neden olur.

Birisi web sitenize gittiğinde web sitenizden bu kadar çabuk ayrılır.

Ve bu önemli bir sıralama faktörüdür.

Yani yavaş bir web sitesi sıralamanızı düşündüğünüz gibi etkilemez. Gerçekten yüksek bir hemen çıkma oranına yol açan şey budur.

Kaç kez bir web sitesine gittiniz ve oradasınız?

Dört, beş, altı saniye oldu. İstediğiniz bilgileri yüklemiyor. Ve Google'da o sayfada dokuz liste daha olduğunu biliyorsunuz.

Ne yapıyorsun?

Web sitesinden geri dönersiniz, geri tıklarsınız ve bu, sıralamalarınıza zarar veren bir sıralama faktörüdür.

Yani gerçekten yapmaya çalıştığımız şey, web sitenizi Google için değil, kullanıcı deneyimi için optimize etmektir.

Efsane 2: Yavaş Sitelerin Nedeni Sayfa Oluşturuculardır

İkinci efsane, web sitenizin hızının, kullanmayı seçtiğiniz sayfa oluşturucu veya web sitenizi oluşturmak için kullanmayı seçtiğiniz tema tarafından düşürülmesidir.

Pekala, biraz, ama bu insanlar kadar büyük bir faktör değil, inanmanızı ister miydiniz?

Bu sadece iyi bir pazarlama.

Site Hızının 5 Sütunu

Tamam. Artık bu efsaneleri ortadan kaldırdığımıza göre, web sitenizi optimize etmeye başlamanın ve site hızının beş sütununu gözden geçirmenin zamanı geldi.

1. Sütun: İyi Barındırma Alın

Şimdi site hızının ilk ayağı iyi web barındırma olacak.

Şimdi iyi olan şu ki, harika bir web barındırma olan SiteGround'u kullanıyorsunuz.

Dolayısıyla, bu sütun daha çok düşük bütçeli barındırma veya ücretsiz barındırma kullanan kişilere yöneliktir, çünkü barındırma söz konusu olduğunda ödediğinizin karşılığını alırsınız.

Şimdi, SiteGround'u kullanmıyorsanız, aşağıda %70 indirim sağlayacak bir bağlantım olduğunu hatırlıyorum ve ayrıca bir kurs bonusu da ekledim.

Yani SiteGround'un üç planı var. Büyüme planında veya GoGeek planında olmak isteyeceksiniz.

Sadece başlangıç ​​planını alarak ayda 2 dolar tasarruf etmenin cazip olduğunu biliyorum, ancak bu diğer iki plan, başlangıç ​​planında bulunmayan ek performans seçeneklerini içeriyor.

Dolayısıyla, başlangıç ​​planındaysanız, bu videoyu takip edebilirsiniz, ancak SiteGround ile iletişime geçmeyi ve büyüme planına geçmeyi düşünebilirsiniz.

Şimdi, WordPress'i SiteGround'a yüklediğinizde, SG Optimizer adlı bir eklenti içerecekler.

Burada bir WordPress kurulumundayım. Eklentilere tıklayacağım ve tam burada olduğunu görebilirsiniz, SG Optimizer. Şimdi bunu etkinleştirdiğinizde, burada SG optimizer yazan yeni bir seçenek olacak ve bu eklenti için tüm ayarlar burada.

Site hızının ikinci ayağı, resimlerinizi optimize etmektir. WordPress web sitenizi oluşturmaya başladığınızda, resim yüklemek isteyeceksiniz. Şimdi, bununla ilgili sorun, görüntülerin ihtiyacınızdan çok daha yüksek kalitede olma eğiliminde olması ve bu da çok büyük dosya boyutlarına yol açmasıdır. Bu nedenle, biri web sitenizi her ziyaret ettiğinde, büyük resimler indirmesi gerekir.

Böylece harika performans kazanımları elde edeceksiniz. Bu görüntüleri optimize ederek. Şimdi genellikle görüntüleri optimize etmek için aylık bir hizmet için ödeme yapmanız gerekir, ancak SiteGround'unuz varsa değil. SG optimizer eklentisine dahildir. Yani burada eklenti ayarlarındayız. Buradaki en son seçenek görüntü optimizasyonları diyor.

Devam edeceğiz ve buna tıklayacağız ve burada etkinleştirmek isteyebileceğimiz bazı ayarlar var. İlki, yeni görselleri web sitenize yüklenirken optimize etmektir. Bu seçeneği etkinleştirmek isteyeceksiniz. Bunun anlamı, bir dahaki sefere bir resim yüklediğinizde, SG optimize edicileri, sadece sizin için halledecektir.

Bir sonraki seçenek, zaten resim yüklediyseniz, tam buradaki bu düğmeye tıklayabilirsiniz ve geri döner ve medya kitaplığınızdaki tüm resimleri sizin için optimize eder ve resimlerinizi optimize etmek için gereken tek şey budur. Site hızının üçüncü ayağı, bir içerik dağıtım ağı kullanmaktır.

Burada. SiteGround'da oturum açtım ve tam buraya web sitelerinin yazdığı yere tıklayacağım ve ardından tam buraya site araçlarının yazdığı yere tıklayacağım ve ardından hız yazdığı yere tıklayacağım. Ardından, CloudFlare yazan yere tıklayacağım ve burası, SiteGround ile CloudFlare entegrasyonunu etkinleştirebileceğimiz yer.

Şimdi CloudFlare'i etkinleştirdiğinizde, web sitenizdeki bazı varlıklar bulutlara, işaret fişeklerine ve dünya çapındaki sunucu ağına itilecek. Şimdi bunun anlamı, dünyanın diğer tarafında biri varsa. Web sitenizi, resimleri ve bunların birçoğunu, web sitenizle ilgili büyük, büyük varlıkları ziyaret edin.

Yüklenmesi için, aslında yerel bir sunucudan onlara yükleyeceğiz. Coğrafi olarak. Bunun yapacağı şey, web sitenizin sitesinde ziyaretçilerin sahip olacağı yükleme süresini ve site hızını önemli ölçüde iyileştirmektir. Artık CloudFlare'in ücretsiz bir temel planı var. Ayrıca premium planları var. CloudFlare'i en az beş yıldır kullanıyorum ve temel plan dışında hiçbir şey kullanmadım, ihtiyacınız olandan daha fazlası olacak ve web sitenizde büyük bir hız artışı göreceksiniz.

Bu yüzden aşağı kaydıracağım ve işte bunun web sitemizde çalışmasını sağlamak için üç adım. Öyleyse devam edelim ve kurulum düğmesine tıklayalım. Bu adımda, yeni bir bulut parlaması hesabı oluşturabilir veya mevcut olana bağlan yazan yere tıklayıp mevcut bulut parlaması hesabınıza giriş yapabilirsiniz.

Zaten bir bulut parlaması hesabım olduğu için mevcut hesabımı kullanarak giriş yapacağım. Ancak sizin için bir hesabınız yoksa, devam edin ve yeni bir tane oluşturun. Harika. Hesabıma giriş yaptım ve yeni bir hesap oluşturdunuz. Bir sonraki adım, burada bağlanmak istediğiniz alan adınızı seçmek, bulut parlaması ve ardından web sitenizi CloudFlare'e bağlamak için ücretsiz etkinleştir'e tıklamak isteyeceksiniz.

Şimdi burada, web sitenizde kullanabileceğiniz bazı bulut parlaması ayarlarını da görebilirsiniz. Site hızının dördüncü sütunu . Önbelleğe alma ve önbelleğe almanın ne olduğu, web sitenizin statik bir kopyasını oluşturacak mı, bu nedenle insanlar web sitenizi görüntülediğinde, ziyaretçilerin web sitenizi görmesini yavaşlatabilecek perde arkasında daha az etkinlik devam etmek zorunda mı kalacak?

Bunun biraz karmaşık bir açıklama olduğunu biliyorum, sadece WordPress kullanıyorsanız bunu anlamak için. Bir tür önbellekleme kullanmanız gerekir. Şimdi SiteGround'u kullanmanın en büyük yararı, bu sunucu barındırma hesabında perde arkasında bu önbelleğe almanın çoğunu şeffaf bir şekilde yapmalarıdır. Bunu sadece sizin için yapıyorlar, ama aslında onu açmanız gerekiyor.

İşte buradayım, site yer kontrol paneline giriş yaptım. Yani sadece hız yazan yere tıklayabilirsiniz. Ve sonra burada önbelleğe alma yazan bu yeni seçenek var. Devam etmek ve buna tıklamak isteyeceğiz. Ve bu, etkinleştireceğimiz yer. Web sitenizde iki farklı önbellek türü. İlki, statik önbellek dediği yerdir ve SiteGround'a bağladığınız web sitelerinin bir listesini göreceksiniz ve tek yapmanız gereken bu şekilde açıp kapatmak.

Ve şimdi paranız açıldı. Burada Memcached adında ikinci bir önbellek türü var. Buna tıklayalım ve bu, tüm barındırma hesabınız için geçerli olacak bir önbelleğe alma türüdür. Devam edeceğiz ve bunu da açmak için burayı tıklayacağız. Şimdi bu ikisi de önbelleğe alma. Mekanizmaların parayı boşaltmanız için bir yolu var.

Ve SiteGround'da oturum açtıysanız bunu yapabilmenizin yolu, burada sağda bulunan bu küçük süpürge ve üzerinde nakit para yazıyor. Memcached'i temizlemek için buna tıklayabilirsiniz ve statik nakitteyken, parayı hemen orada boşaltma seçeneği de vardır. Şimdi burada da bazı seçenekleri etkinleştirmemiz gerekiyor.

SG optimizer eklentisinde web sitenizde. İlk sekme süper kasa ayarlarıdır. Bunu burada dinamik önbelleğe alma yazan yerde değiştirmek isteyeceğiz ve sonra bunu tam burada Memcached'in böyle yazdığı yerde değiştirmek isteyeceğiz. Artık dinamik önbelleğe alma için farkında olmak isteyebileceğiniz bazı ek seçenekler var.

İlk seçenek, önbelleği temizleyip boşaltabileceğiniz tam burada. Ayrıca üst kısımdaki yönetici çubuğunuzda bir seçenek olacak. Parayı boşaltmak için. Sonraki otomatik nakit tasfiyesidir. Bunu etkin bırakmak isteyeceksiniz. Farkında olmak istediğiniz ana seçenekler tam burada. URL'ler hariç diyor.

Sahip olduğunuz web sitesinin türüne bağlı olarak, web sitenizin bir soruna neden olacağı için para yatırmayı ekleyemeyeceğiniz belirli bölümleri olabilir. Bunu genellikle e-ticaret tabanlı web sitelerinde görürsünüz. Bunun nedeni, bu tür web sitelerinin üzerinde birçok dinamik seçeneğe sahip olması ve para çekmenin işe yaramayacağıdır, değil mi?

Bu nedenle, önbelleğe almaktan hariç tutmak istediğiniz sayfaların URL'lerini buraya koyacaksınız. Tek yapmanız gereken URL'yi buraya girmek ve ardından hariç tutma listesine eklemek için hariç tut yazan yere tıklamak ve şimdi siteniz olacak. Tamamen nakit. Site hızının son sütunu, ek performans optimizasyonları olacaktır.

Şimdi SG optimize edici veya eklenti size bununla ilgili çeşitli seçenekler sunacak. Yani ilki tembel yükleme görüntüleri olurdu. Bunun anlamı, bir ziyaretçinin sayfanızı yüklemesidir. Onları göstermeyecek veya sayfanın o resmin olması gereken kısmına kaydırılana kadar bir resim yüklemeyecektir.

Bu, web sitenizin daha hızlı yüklenmesini sağlayacak ve web sitenizin ziyaretçilerine çok daha hızlı hissettirecektir. Bunu etkinleştirmek için, burada görüntü optimizasyonu yazan yere tıklayacağız ve işte tembel yükleme görüntüleri yazan seçenek. Bunu açacağız. İstersek bize burada bazı ek seçenekler sunuyor.
Tembel yük. Bunlara Gravatar, RS, küçük resimler, duyarlı görüntüler, widget'lar ve mobil cihazlarda tembel yükleme dahildir. Böylece bunları istediğiniz gibi açabilirsiniz. Tembel yükleme, Gravatar, RS ve küçük resimleri kesinlikle seviyorum. Gerisi sizin için isteğe bağlıdır. Geç yüklemeden kaynaklanan bir sorun varsa, web sitenizin belirli bölümlerini tembel yüklemeden hariç tutabilirsiniz.

Bu öğelere sadece CSS sınıfını koyarsınız. Biraz teknik. Bunu tam burada yapar ve ardından hariç tut'a tıklarsınız. Şimdi ek optimizasyonlar var, değil mi? İşte ortam optimizasyonları için bir seçenek. Aşağı kaydırmak ve G zip sıkıştırmasının açık olduğundan emin olmak isteyeceksiniz.

Son olarak, ön uç optimizasyonları burada. Şimdi, bunlar biraz zor olabilir ve bazen kendinizi biraz belaya sokabilirsiniz, bu yüzden onları tek tek etkinleştirmenizi tavsiye ederim. Ardından, web sitenizde herhangi bir garip davranışa neden olmadığını doğrulayın. Şimdi, HTML çıktısını küçültmeye geçiş yapmak için oldukça güvenli olmalısınız.

Tüm çeşitli küçültme seçeneklerini etkinleştirerek de güvende olmalısınız. İşte JavaScript dosyalarını küçültmek için bir tane. İşte CSS dosyalarını küçültmek için bir tane. Şimdi erteleme, Java komut dosyasını engelleme. Bu sorunlara neden olabilir. Bunu etkinleştirmek için gittiğinizde, tam burada bir uyarı alacaksınız ve bunun etkinleştirilmesini isteyip istemediğinizi onaylayabilirsiniz.

Ve bu, bir soruna neden olup olmadığını kesinlikle ön uçta doğrulamak isteyeceğiniz bir yerdir. İşte bir CSS dosyalarını birleştirmek için başka bir seçenek ve bu da bazı sorunlara neden olabilir. Gördüğünüz gibi, bir uyarı mesajı tetiklemiyor. Ancak bunun da sorunlara neden olabileceğini bilin.

Ara sıra. Ardından, zararsız Google yazı tiplerinin yüklenmesini optimize ettik. Bunu açalım. Sonraki, sorgu dizelerini statik kaynaklardan kaldırmaktır. Bu geçmişte benim için sorunlara neden oldu, bu yüzden dikkatli ol. Bu, bir eklenti veya tema kapalı yazar yeni bir güncelleme yayınladığında ve ardından web sitenizde işler sarpa sarmaya başladığında soruna neden olduğunu gördüğünüz bir seçenektir.

Sonuncusu devre dışı bırakılmış emojilerdir. Bu, emojilerin web sitenizde çalışmayacağı anlamına gelmez. Bu sadece daha optimal bir şekilde yükleneceği anlamına gelir. Şimdi görünür bir sorun olmadığından emin olmak için web sitemin ön ucuna hızlıca göz atacağım ve ardından hızlı bir hız testi yapacağım.

İşte web sitesi ve şu ana kadar iyi görünüyor. Resimlerim yükleniyor, değil mi? Bu küçük simgeler gösteriliyor. Bu genellikle sorunla karşılaştığınız şeydi. Karşılaştığınız herhangi bir sorun varsa, uh, boşluk doğrudur. Bazen bir sorun varsa bunlar örtüşebilir.

Her şey mükemmel görünüyor. Aslına bakarsanız, bu gerçekten iyi görünüyor. Tamam, öyleyse GT metrics.com'a gideceğim ve devam edeceğim ve URL'yi web sitesine yapıştıracağım ve sonunda bir eğik çizgi ile sitenizi test edin diyor bir tıklama. Sadece biraz zaman alır ve yapacağı şey web sitenizi indirmektir.

Ve size bazı veriler verecek. Yüklemenin ne kadar sürdüğünü size bildirecek. Size orada kaç tane istek olduğunu söyleyecek ve rastgele bir puan verecek. Şimdi, bu puana çok fazla ağırlık vermemenizi tavsiye ederim. Gördüğünüz gibi puanlar ortada. Oldukça yüksek ve a ve B burada 1,2 saniyelik çok hızlı yükleme süresi, bir sayfa, bir megabaytın altındaki kenarlar ve yalnızca 32 istek.

Bu, Ella mentoru kullanan bir web sitesidir. Şimdi, her zaman söylüyorum, burada bu puanlara çok fazla ağırlık vermeyin. Asıl önemli olan, birisi web sitenize geldiğinde web sitenizin nasıl hissettiğidir, ancak bu testten sitenin son derece hızlı yüklendiğini görebilirsiniz. Bu, tüm bu görüntülerin bulunduğu bir site için gerçekten iyi.

İşte, aldın. Bu şekilde SiteGround'u kullanarak web sitelerinizin inanılmaz derecede hızlı yüklenmesini sağlayabilirsiniz ve umarım SiteGround'dan elde ettiğiniz muazzam değeri de görmüşsünüzdür. Normalde, sizin için içerdikleri her şeyi yapan eklentileri almak için yılda yüzlerce dolar ödemeniz gerekir.

Zaten onlarla sahip olduğunuz hizmetle. Bu, SiteGround'u kullanmanızı önermemin nedenlerinden biri, sizin için içerdikleri tüm bu ekstra özelliklerden kaynaklanıyor ve onları satın almak zorunda değilsiniz ve bunlar web barındırıcınız tarafından resmi olarak destekleniyor. SiteGround, SiteGround'a sahip değilseniz, aşağıda bulunan bağlantıyı veya SiteGround'u sipariş ettiyseniz WP crafter.com/siteground bağlantısını kullanmayı düşünün, bununla birlikte bir kurs bonusu ekliyorum.

Bu, en iyi şekilde yararlanmanıza yardımcı olacak. Bir web sitesi ve zeminden en fazlasını oluşturmak. Dave, bu videoda biraz değer buldun ve umarım bulmuşsundur. Bunu bir yaşasın vermeyi ve bir arkadaşınızla paylaşmayı düşünün.

Ve herhangi bir sorunuz varsa, aşağıdaki yorumlar bölümünde sormanızı tavsiye ederim.

Sorunuzu cevaplamayı ve elimden geldiğince size yardımcı olmayı seviyorum. Hey, izlediğiniz için teşekkürler, bir sonraki videoda görüşürüz.