* 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ı:
Burada Google’da, hızımıza, ürünlerimize ve web’e takıntılı olduğumuzu duymuş olabilirsiniz. Bu çabanın bir parçası olarak, bugün arama sıralama algoritmalarımızda 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.
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
Bunları iki yıl önce ilk kez öğrendiğimde, “Vay canına, bu kadar faydası var” gibiydim. Sırada ne var kaçınılmaz olarak 'nasıl' sorusu. Web sitelerimizi nasıl hızlandırabiliriz? Web sitemizin hızını nasıl ölçüyor ve başkalarıyla karşılaştırıyoruz? Çok fazla teknik ayrıntıya girmeden işleri nasıl yaparız?
Ian Lurie yazdı 29 Web Sitenizi Hızlandırma Yolları Mart ayında 2011 ve gerçek bir mücevher. Web sitenizin hızını değiştirmek konusunda ciddiyseniz, makalede paylaşılan her ipucunu izlemelisiniz.
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 konuya tekrar bakacağımı ve basit yollar aradığımı düşündüm ve böylece teknik olmayan kullanıcılar çok fazla zaman ve enerji harcamamaksızın uygulayabilirler.
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!
Görüntüleriniz çok mu büyük? Bilgisayarınızda yüklü bir grafik yazılımı yoksa, bunları Photoshop, Fireworks veya Smush 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'nizde çok fazla eklenti kullanıyor musunuz? Sitenizde güncel olmayan eklentileri ve komut dosyalarını mı kullanıyorsunuz? Peki o zaman bazı temizlik ve güncelleme işi yapma zamanı.
JavaScript’iniz çok mu ağır? Küçült ve sıkıştır!
Bu ipuçları oldukça basit görünmekle birlikte, deneyimli web yöneticilerinin veya web tasarımcılarının bunlara ayak uyduramadığını görmek sürpriz olmayacaktır.
Birkaç yıl önce dikkatsiz ve ben kullandığım WordPress temasının bir <? Php wp_get_archives ('type = month') olduğunun farkında değildim; ?> header.php dosyasında gömülü.
Söylemeye gerek yok, fonksiyon zaman içinde HTML dosyalarında düzinelerce gereksiz satır oluşturur. Saniyeler içinde çözülebilen aptalca bir hata ama sonra kendi kaynak koduma bakmadığım için 2 yıllardan daha fazlasını aldım.
2. Gereksiz HTTP 300, 400 ve 500
HTTP 300'leri sunucu yönlendirmelerini, HTTP 400'in kimlik doğrulama sorunlarını ifade ettiğini ve HTTP 500'in sunucu hataları olduğunu belirtir - HTTP istekleri için bu sonuçların tümü tarayıcılar için gereksiz ek gidiş dönüşlere neden olur *. Bazı HTTP 300'leri kaçınılmaz olsa da (301 yeni bir sayfa konumuna yönlendirme gibi), her bir HTTP 400 ve 500 hatalarına bakmalı ve bunların her birini düzeltmeye çalışmalısınız.
* Neyse Yuvarlak Yolculuk Zamanı Nedir?
Genel olarak, bir web sayfası kabaca 1,100KB boyutundadır ve kabaca 100 nesnelerinden oluşur.kaynak); Bir web tarayıcısı 2 - 6 nesnelerini yalnızca bir kerede kullanıcının yapılandırmasına bağlı olarak talep edebilir. Gidiş-Dönüş Times, bir tarayıcının bir sayfayı tamamen açmasını sağlayan yuvarlak tur sayısıdır. Örneğin, 100 nesnelerine sahip bir web sayfası yüklemek için, 5 isteklerini bir seferde taşımak üzere yapılandırılmış bir tarayıcı, web sayfasını yüklemek için 20 turları gerçekleştirecektir. Daha az gidiş dönüş süreleri gerektiğinden, bir web sayfası ne kadar hızlı yüklenir; Bir sayfada bulunan nesnelerin 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 bekle, bazılarınızın sizin CSS üzerinde ıslanmayı sevmediği, ancak bana güvenmeyi sevmediğiniz için biraz fazla olabileceğini biliyorum. Bu kavram, göründüğünden çok daha basit. Ve hepsinden önemlisi, CSS kodlarına dokunmadan işleri halledebilecek ç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
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.
Eğer sıradan bir blogcuysanız ve ne hakkında konuştuğum hakkında hiçbir fikriniz yoksa, sadece header.php (WordPress kullanıyorsanız), ctrl + F ve '@import' için arama yapın, .css dosyalarını taşıyın. Gerekirse, aynı sunucuya, bunun yerine <link> ile hatların değiştirilmesi.
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
Bu günlerde çoğu durumda, önbellekleme için üçüncü taraf eklentisine güveniyorum. Birincisi, içine bakmak için çok tembelim; İkincisi, benden çok daha iyi şeyler yapabilen profesyoneller var, neden enerjimi buna harcıyorsun? WordPress kullanıyorsanız, WP Super Cache'i deneyin - en popüler önbelleklerden biridir 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.
Bir CDN, statik dosyalarınızı dünya genelinde sunucular arasında depolar ve web sayfalarınızı, kullanıcının bulunduğu yere göre farklı sunuculardan sunar. Örneğin, Malezya'dan bir kullanıcı web sitenize eriştiğinde, CDN, web sitenizin (örneğin, görüntüler ve HTML dosyaları gibi statik dosyalar), Asya'da bulunan, Singapur'daki sunucudan sunacağı; Öte yandan, kullanıcı Meksika’da bulunuyorsa, ağ, içeriği daha yakın bir sunucu konumundan (ABD’ye) 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.
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).
Alınan ders: Bazen ucuz malzemelere güvenemezsin. Ayda 5'dan daha az ödeme yapıyorsanız, bu hızlı oyunun üstüne çıkmayı beklemeyin. Web sitenizin hızlı bir şekilde aydınlatma yüklemesini istiyorsanız, belki de bunu yapmanın en kolay yolu web sitenizi daha iyi bir web barındırıcısına 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. Ne zaman mümkün olursa, komut dosyalarınızı 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 kendinizinkini anlatmıyorsunuz? - Teknolojisiz kişilerin web sitelerini hızlandırmaları için #1 ipuçlarınız neler?
Jerry Low tarafından yazılmış makale
Geek baba, SEO veri bağımlısı, yatırımcı ve Web Hosting Secret'ın kurucusu. Jerry, 2004'ten beri İnternet varlıkları kuruyor ve para kazanıyor. Akılsızca karalamalar yapmayı ve yeni yiyecekleri denemeyi sever.
Bu site, çalışması için gerekli olan ve çerez politikasında gösterilen amaçlara ulaşmak için gerekli olan çerezleri kullanır. Bu banner'ı kapatarak çerezlerin kullanımını kabul edersiniz (daha fazla oku).