Daha İyi Arama Sıralaması İçin Web Sitenizi Hızlandırma

Yazan makale:
  • Arama Motoru Optimizasyonu
  • Güncelleme: Nisan 24, 2018

* Not: Bu yazı ilk olarak 2013 Mart ayında yayınlandı. Burada bahsettiğim araçların bazıları belki modası geçmiş.

Google'ın artık site hızını sıralama faktörlerinden biri olarak kullanması bir sır değil. Google Web Yöneticisi Merkezi Bloğu, bundan birkaç yıl önce resmi bir duyuru yaptı:

Google’da, ürünlerimizde ve web’de hıza takıntılı olduğumuzu duymuş olabilirsiniz. Bu çabanın bir parçası olarak, bugün arama sıralaması algoritmalarımıza yeni bir sinyal ekliyoruz: site hızı. Site hızı, bir web sitesinin web isteklerine ne kadar hızlı yanıt verdiğini yansıtır…

Matt Cutts, web sitesinde hız optimizasyonunun önemini defalarca dile getirdi. videolar ve bloglar.

Bu konuyla ilgili daha fazla araştırma yaparken ve okuduğumda, bunu doğrulayan birkaç vaka çalışmasına rastladım. Arama Motoru İzleme makalesiWork Coach Cafe, kodlarını ve kırık linklerini temizledikten sonra% 40 oranında organik trafik kazandılar; başka bir yerde örnek olaySmartFurniture.com CEO'su, sitenin site performansını artırarak arama motoru sıralamasında bir kuantum lideri olduğunu doğruladı.

Daha Hızlı Sayfa Yükleme Süresi, Daha İyi Dönüşüm için Eşittir

Ama bekleyin, web sitenizi hızlandırmak için zaman ayırmanız için daha fazla neden var.

Seyahat sitesi kullanıcılarıyla ilgili bir çalışmada, web sitesi kullanıcılarının% 57’inin bir siteyi terk etmeden önce yalnızca üç saniye veya daha kısa bir süre bekleyeceğini öğrendim.

The Tagman'da popüler araştırmalarBu, sayfa yükleme süresindeki bir saniyedeki artışın, müşteri dönüşümlerinde yaklaşık% 7 oranında kayba neden olabileceğini gösterir.

Cloud Living'deki bir başka vaka çalışmasında, site ziyareti katılımı, site hızı optimizasyonundan sonra 19% (ortalama oturum süresi, görüntüye bakın) tarafından iyileştirildi.

Daha hızlı site = Oturum başına daha fazla sayfa ziyareti ve daha uzun oturum süresi. Kaynak: Tung Tran, CloudLiving.com.

Kısacası, sayfa yükleme süresi yalnızca arama sıralamasını etkilemekle kalmaz, aynı zamanda dönüşüm oranının ve ziyaretçilerin erişmesi üzerinde de büyük etki yaratır. Daha benzer istatistikler için, bunun için Mashable'ı ziyaret ettiğinizden emin olun. güzel Infographic.

Web Sitesi Hızınızı Geliştirmek İçin Kolay Yollar

Tüm bu iki yıl önce ilk öğrendiğimde, “Vay, bu işte çok fayda var!” Gibiydim. Bir sonraki sırada kaçınılmaz olarak 'nasıl' sorusu var. Web sitelerimizi nasıl hızlandırabiliriz? Web sitemizin hızını nasıl ölçer ve diğerleriyle nasıl karşılaştırırız? Çok fazla teknik ayrıntıya girmeden işleri nasıl hallederiz?

Ian Lurie yazdı 29 Web Sitenizi Hızlandırma Yolları Mart ayında geri 2011 ve gerçek bir mücevher. Web sitenizin hızını değiştirmek konusunda ciddiysen, makalede paylaşılan her ipucunu izlemelisin.

Ancak bu çözümlerin çoğu, günlük web sitesi sahiplerinin ve blog yazarlarının teknik becerilerinin ötesinde olabilir.

Bu yüzden bu konuyu tekrar gözden geçirip basit yollar aradığımı düşündüm ve bu sayede teknoloji dışı kullanıcılar çok fazla zaman ve enerji harcamadan uygulayabildiler.

1. Sitenizi İnceleyin

Çoğu zaman, bir sayfa yükleme süresi yavaş olduğunda, bu sayfa aşırı kilolu demektir.

Çözüm kolay: Diyete geçin!

Web siteniz üzerinde tam bir kontrol yapın ve kendinize şu soruları sorun:

  • Sunucuda çok fazla kullanılmayan CSS tutuyor musunuz? Onları sil!
  • Resimleriniz çok mu büyük? Bilgisayarınızda yüklü bir grafik yazılımı yoksa, bunları Photoshop, Fireworks veya Smush It ile optimize edin.
  • Aşırı HTTP üstbilgisine sahip misiniz? Onları kaldır!
  • Çok fazla spam yorumu tutuyor musunuz? Spam kutunuzdaki geri alınmamış yorumlar, veritabanı yanıt sürenizi yavaşlatır. En kısa zamanda onları kaldırın!
  • CMS'inizde çok fazla eklenti mi kullanıyorsunuz? Sitenizde eski eklentileri ve komut dosyalarını kullanıyor musunuz? O zaman biraz temizlik ve güncelleme işi yapmanın zamanı geldi.
  • JavaScript’iniz çok mu ağır? Küçült ve sıkıştır!

Bu ipuçları oldukça basit gibi görünse de, deneyimli webmasterların veya web tasarımcılarının buna yetişememesi beni şaşırtmayacaktır.

Birkaç yıl önce dikkatsizdim ve kullandığım WordPress temasının <? Php wp_get_archives ('type = aylık') olduğunu bilmiyordum; ?> header.php dosyasına gömülü.

Söylemeye gerek yok, işlev zaman geçtikçe HTML dosyalarında düzinelerce gereksiz satır oluşturur. Bu saniyeler içinde düzeltilebilecek aptalca bir hata, ancak daha sonra kendi kaynak koduma bakmadığımdan farketmem 2 yıldan fazla sürdü.

2. Gereksiz HTTP 300'lerinden, 400'lerinden ve 500'lerinden kaçının

HTTP 300'leri sunucu yönlendirmelerini, HTTP 400'leri kimlik doğrulama sorunlarını belirtir ve HTTP 500'leri sunucu hatalarını ifade eder - HTTP isteklerinin tüm bu sonuçları tarayıcılar için gereksiz ekstra gidiş * yol açar. Bazı HTTP 300'leri kaçınılmaz olsa da (yeni bir sayfa konumuna 301 yönlendirmesi gibi), her HTTP 400'in ve 500'in hatalarına bakmalı ve her birini düzeltmeyi denemelisiniz.

* Yine de bir Yuvarlak Seyahat Süresi Nedir?

Genel olarak, bir web sayfası kabaca 1,100KB boyutundadır ve kabaca 100 nesnelerinden oluşur.kaynak); Bir web tarayıcısı bir kerede yalnızca 2 - 6 nesnesi talep edebilir, kullanıcının konfigürasyonuna bağlıdır. Gidiş-Dönüş Saatleri, bir tarayıcının tamamen sayfa açması için geçen gidiş-dönüş sayısıdır. Örneğin, bir web sayfasını 100 nesnelerle yüklemek için, bir seferde 5 isteklerini taşıyacak şekilde yapılandırılmış bir tarayıcı web sayfasını yüklemek için 20 tur gezileri alır. Gidiş dönüş süreleri azaldıkça, web sayfası daha hızlı yüklenir; Bir sayfada bulunan nesne sayısını en aza indirmeliyiz.

3. CSS Sprite kullanımı

CSS Sprite, birden fazla görüntünün bir görüntü dosyasına birleştirildiği ve bir kısımda kullanıcılara gösterdiği teknikleri ifade eder. CSS Sprite kullanımı, tarayıcıların gidiş dönüş sayısını azaltır ve böylece web sayfalarının daha hızlı yüklenmesini sağlar.

Şimdi bekleyin, CSS'de ellerinizi ıslatmaktan hoşlanmayan ancak bana güvenmeyi sevmeyen bazılarınız için bunun çok fazla göründüğünü biliyorum, ama bu kavram göründüğünden daha basit. Ve hepsinden önemlisi, CSS kodlarına dokunmadan işleri yapabilecek ücretsiz çevrimiçi araçlar var. Çıkış yapmak Beni Sprite ve Sprite Pad - Sadece birkaç sürükle-bırak ve tıklamayla şeyler yapılabilir.

Sprite Pad

Sprite Pad

Beni Sprite

Beni Sprite

Ayrıca, daha fazla okuma ve CSS Sprite örnekleri için, ziyaret Re-Tweet ve Re-Tweet öğretici.

4. CSS Kullanmayı Engelle @import

CSS @import işlevi, web sayfanıza harici stil sayfasını yüklemenize yardımcı olur. Bununla ilgili kötü olan şey, yalnızca ek tarayıcı gidiş dönüş sürelerini ekleyerek web sayfası yükleme sürenizi artırmasıdır. Bunu çözmek için, bunun yerine bir <link> etiketi kullanın.

Sıradan bir blog yazarıysanız ve neden bahsettiğim hakkında hiçbir fikriniz yoksa, sadece header.php (WordPress kullanıyorsanız), ctrl + F ve '@import' kelimelerini arayın. Gerekirse aynı sunucuya, @enport satırlarını <link> ile değiştirin.

Örnek, yerine

@import url ("../ style1.css"); @import url ("../ style2.css")

için

<link rel = "stylesheet" href = "style1.css"> <link rel = "stylesheet" href = "style2.css">

5. CMS'nizi güncelleyin

Peki bu bir no-brainer değil mi? Güncellemeler, performansı ve güvenliği artırmaya yöneliktir ve ziyaretçileriniz için yapabileceğiniz en az şey güncellenmiş bir CMS platformunda tutmaktır.

6. Önbelleğe Alınabilecek Önbellek

Bugünlerde çoğu durumda önbellekleme için üçüncü taraf bir eklentiye güveniyorum. Birincisi, içine bakmak için çok tembelim; ikincisi, benden çok daha iyi şeyler yapabilen artılar var, neden enerjimi boşa harcıyorsun? WordPress kullanıyorsanız, WP Süper Önbellek'i deneyin - en popüler önbellekten biri WP eklentisi yazının bu zamanında. Eğer Joomla iseniz, kontrol edin Önbellek Temizleyicisi.

Özetle, bu eklentiler web sayfanızın en son sürümünü önbelleğe almayı ve tekrarlanan bir ziyaret sırasında dinamik içerik oluşturma gereksinimlerini azaltmaya yardımcı olur.

Bu konuda çok fazla teknik detay var, daha fazla okumaktan çekinmeyin. Burayı tıklayın ve Burayı tıklayın.

7. İçerik Dağıtım Ağı (CDN) Alın

Bir CDN, statik dosyalarınızı dünya çapındaki sunucular arasında depolar ve web sayfalarınıza, kullanıcının konumuna bağlı olarak farklı sunuculardan sunar. Örneğin, Malezya’daki bir kullanıcı web sitenize eriştiğinde, CDN Asya’da bulunan sunucudan web içeriğinizi (çoğunlukla resimler ve HTML dosyaları gibi statik dosyalar) yayınlar; Öte yandan, kullanıcı Meksika’da bulunuyorsa, ağ içeriği daha yakın bir sunucu konumundan göndermeyi seçecektir.

Orada CDN farklı markalar vardır ama genel olarak CDN iki kategoriye ayrılabilir - CDN ve Push CDN çekin. Daha fazla ayrıntı için, aşağıdaki gibi saygın CDN servislerinden bazılarına göz atmanızı öneririz. MaxCDN ve CloudFlare.

8. Daha İyi Bir Web Hostu Düşün

Sitenizi daha hızlı değiştirmek konusunda ciddi iseniz, düşünün daha iyi bir barındırma seçmek.

Kabaca bir yıl önce, web sitelerimden birisini Hostgator'daki paylaşılan bir barındırma hesabından geçirdim. WP Motoru (bulut tabanlı bir hosting). Taşındıktan sonra işler önemli ölçüde değişti, ortalama sayfa yükleme hızı 900ms'den 500ms'e düştü - neredeyse 100% iyileştirme (aşağıdaki tabloya bakın).

WHSR Sayfa Yükleme Hızı

Alınan ders: Bazen ucuz olanlara güvenemezsiniz. Ayda 5 $ 'dan daha az ödeme yapıyorsanız, bu hızlı oyunun başına geçmeyi beklemeyin. Web sitenizin aydınlatmayı hızlı bir şekilde yüklemesini istiyorsanız, belki de bunu yapmanın en kolay yolu, web sitenizi daha iyi bir web sunucusuna kaydırmaktır.

9. Veritabanınızı Optimize Edin

MySQL üzerinde iseniz, şeyler phpMyAdmin'de kolayca yapılabilir. Ve eğer WordPress üzerinde iseniz, doğru eklenti ile işler daha kolay yapılabilir. WP OptimizeÖrneğin, veritabanınızı sadece birkaç tıklamayla temizlemenizi sağlar.

10. Komut Dosyalarınızı mümkün olduğunda Altbilgiye yerleştirin

Sayfa yükleme sürenizi ziyaretçilerin bakış açısından iyileştirmenin kolay bir yolu, mümkün olduğunda altbilgide kodları ve komut dosyalarını (örneğin, Google Analytics) yerleştirmektir. Ben SEO terim ancak zar zor yardımcı olsa da, bunu yapmak web sitenizi görüntüleyenler daha hızlı bir şekilde yüklenen hissediyorum yapar - bu tarayıcılar komutları yürütmeden önce kritik içeriğin yüklenmesine izin verir.

Web sitenizi hızlandırmak için daha fazla ipucu

Artık, web sitenizin hızını nasıl artıracağım konusunda 10'imle ilgili hızlı ipuçlarınız var.

İşi halletmek için başka birçok yöntem olduğundan eminim, neden bize söylemiyorsunuz? Sizinkini bilmeyen bir teknisyenin web sitelerini hızlandırması için #1 ipucunuz nedir?

Jerry Low hakkında

WebHostingSecretRevealed.net (WHSR) 'nin kurucusu - 100,000 kullanıcıları tarafından güvenilen ve kullanılan bir hosting incelemesi. 15'in üzerinde web barındırma, bağlı kuruluş pazarlaması ve SEO konusunda yılların tecrübesi. ProBlogger.net, Business.com, SocialMediaToday.com ve daha fazlasına katkıda bulundu.