Web sitesi hızıyla ilgili bu blog dizisi eğlenceli bir yolculuk oldu.
Şimdiye kadar, web siteleri yavaşladığında Amazon’un 1.6 MİLYAR $ (!) Kaybedeceğini öğrendik.
Ayrıca, web sitesi yavaşlamasına neden olmak için sahne arkasında neler olduğunu tam olarak öğrendik.
Bizi doğal sonucumuza getiriyor: işleri tam olarak nasıl hızlandırabilirsiniz? Sunucu hızından optimizasyona ve aralarında birkaç bonus ekstra bulunan her şeyi ele alıyoruz.
İlk olarak, durgun hıza neden olan şeyleri özetleyelim:
Web sitemi Bitcatcha’ya yüklediğinizde, tarayıcınız (Firefox, Safari, Chrome vb.) Web sunucumla bir konuşma başlattı.
Tarayıcı: “Hey web sunucusu! Bitcatcha.com’u görüntülemek için bana tüm parçaları ve parçaları getirebilir misin? ”
Sunucu: “Tabii ki, onları bulmama izin verin ve gönderelim”.
Ardından, web sunucusu tüm web sitesi parçalarını bir tünele yerleştirir ve yüklemek için tarayıcınıza gönderir.
Kulağa yeterince basit geliyor, ama işte yavaşlayacak şeyler:
- İstekleri yanıtlamak için zaman alan tembel bir sunucu.
- Diğer birçok web sitesinin parçalarını aynı anda yöneten bir sunucu.
- Her biri bulunması ve tünelden gönderilmesi gereken birçok büyük web sitesi “bölümü”.
- Yoğun bir tünel.
Burada yanlış gidebilecek çok şey var. Peki, işleri nasıl hızlandırırız?
Contents
- 1 Bölüm 1: Sunucunuzu Daha Hızlı Hale Getirin
- 2 Bölüm 2: Web Sitesi Öğelerini Optimize Edin
- 3 Bölüm 3: Bonus Ekstraları
Bölüm 1: Sunucunuzu Daha Hızlı Hale Getirin
1. Daha iyi bir web barındırıcısına yükseltin (yani daha iyi bir sunucu)
Web barındırıcınız, sunucuyu sağlayan şirkettir. Tüm web sitesi parçalarını depolayacağınız bir arsa internet arazisi kiralamak gibi.
Çoğumuz bulduğumuz en ucuz arsa satın alma eğilimindeyiz. Ama bu akıllıca bir çözüm olmak zorunda değil.
Ucuz web barındıran, kalabalık ve küçük sunucuları kiralamak. Sunucunuzun isteklere hızlı yanıt vermesini ve web sitenizi tünelden hızla tarayıcıya göndermesini istediğinizi unutmayın.
Not
Sunucu yanıt sürelerine göre en hızlı web barındırma listemize göz atın.
2. Paylaşılan barındırmadan VPS’ye geçiş yapın
Ucuz web barındırma web sitenizi bir dizi diğer web siteleri ile birlikte bir sunucuya yerleştirir. Buna paylaşılan barındırma denir ve kaynaklar için savaşmanız gerektiği anlamına gelir.
Bir web sitesi aniden çok fazla trafik alırsa, bant genişliğini azaltarak web sitenizi yavaşlatır.
Bir VPS’ye (sanal özel sunucu) veya (en azından SiteGround gibi üst düzey bir paylaşılan sunucuya) geçerek web barındırıcınız, paylaşılan sunucunun bir köşesini yalnızca sizin için keser. Bu, kaynaklarınızı çalan diğer web siteleri hakkında endişelenmenize gerek olmadığı anlamına gelir.
3. Sunucuyu kitlenize yaklaştırın
Birisi sitenizi her tıkladığında, sunucunuzun fiziksel olarak gezegendeki bilgileri bilgisayar ekranına göndermesi gerekir.
Sunucu dünyanın diğer tarafındaysa, bu uzun zaman alacaktır. Trafiğinizin çoğunun nereden geldiğini biliyorsanız, web barındırıcınızdan web sitenizi ana kitlenize en yakın bir sunucuya koymasını isteyin.
4. Bir içerik dağıtım ağı kullanın
Sunucunuzu belirli bir kitleye yaklaştırmanın zorluğu, birisinin kaybedeceği. Sunucunuzu California’ya taşırsanız, Avustralyalı ziyaretçileriniz yavaş bir yükleme süresi alacaktır. Avrupalı ziyaretçileriniz de öyle.
Bir içerik dağıtım ağı veya CDN, verilerinizi tüm dünyadaki sunuculara yerleştirir. Birisi web sitenizi tıkladığında, onlara en yakın sunucu bilgileri gönderir.
Bu, ziyaretçilerinizin dünyanın neresinde olurlarsa olsunlar süper hızlı bir hıza sahip oldukları anlamına gelir. (Referans olarak, burada Bitcatcha’da Cloudflare kullanıyorum.)
5. “Canlı tut” ayarını etkinleştirin
Sunucunuz web sitesi dosyalarınızı tünelden gönderdiğinde, her bölüm ayrı ayrı seyahat eder. CSS stil sayfanız, logonuz, resimlerinizin her biri vb..
Açıkçası, bunu yapmanın en etkili yolu hepsini aynı büyük tünelden göndermek.
Ali Canlı tut ’ayarı burada devreye girer. Etkinleştirildiğinde ana tünel açık kalır ve her şey aynı bağlantıyla kesilir. (Bu çok hızlıdır).
Ancak ayar kapalıyken, her eleman için yeni bir tünel yapılmalıdır. (Bu süper yavaş).
Çoğu web barındırıcısı bu ayarı açık tutar (bu iyidir), ancak bazen paylaşılan ana bilgisayarlar bağlantıları uyarmadan kapatır.
Bölüm 2: Web Sitesi Öğelerini Optimize Edin
Sunucunuzu olabildiğince hızlı ve verimli hale getirdiğimize göre, web sitesi parçalarını nasıl optimize ediyoruz??
6. Gidiş-dönüş süresini azaltın (RTT’ler)
Tarayıcınızın şu anda sunucudan her birini birer birer istemesi gerekiyor. Logonuz, ardından görüntülerin her biri, ardından CSS stil sayfanız.
Almak için gereken süre bir gidiş-dönüş.
Ne kadar çok gidiş dönüş yapmanız gerekiyorsa, web sitesinin yüklenmesi o kadar uzun sürer. Arabanızı kutularla paketlemek ve yeni bir eve taşımak gibi.
Ne kadar çok kutunuz varsa, o kadar çok tur yapmalısınız. Çözüm? Aldığınız kutu miktarını azaltın.
Sunucunuzun tüneli göndermesi gereken öğe miktarını azaltın. Daha az görüntü, daha az kod, daha az eklenti.
7. Web sitenizde sıkıştırmayı etkinleştirin
Ne yazık ki, sadece kutu sayısı değil. Ne kadar ağırlar. Tüm öğeleriniz büyük ve ağırsa, tünelinizde çok yer kaplar. Ayrıca daha yavaş hareket ederler. Kamyonlar inşa etmek gibi. Her biri ağır kutularla dolu.
Neyse ki, web sitenizi ve üzerindeki her şeyi sıkıştırabilirsiniz. Gzip gibi bir araç kullanmak. (Tarayıcıların% 90’ı tarafından tanınıyor. – Hala Internet Explorer 4 kullanan birkaç grup hariç herkes.
Sitenizin en güzel kısımları resimler, HTML, CSS ve Javascript’tir. Bunları sıkıştırarak sitenizi aktarırken ortalama “ağırlığını” azaltabilirsiniz.
Eğlenceli Gerçek
Bir web sitesinin ortalama ağırlığı 2 MB, ancak her yıl daha da büyüyor.
8. Görüntülerinizi optimize edin
Görüntüler genellikle herhangi bir web sitesinin en ağır parçasıdır. Bunlar en büyük, en şişman, en yavaş yükleme elemanıdır.
Onları tam olarak ihtiyacınız olan boyuta kırparak başlayın. Çok büyük resimler yüklemeyin ve HTML’de ölçeklendirmeyin. Sadece doğru boyutta yükleyin.
Ayrıca yüklemeden önce resimlerinizi sıkıştırın. WordPress kullanıyorsanız, WP Smush gibi eklentiler görüntü boyutunu% 80 oranında azaltabilir!
9.… Veya sprite yapın
Hareketli grafik, çok sayıda küçük resim içeren tek bir resimdir. Düğmeleri veya diğer görüntü öğelerini paylaşmak için harika.
Artık web sitenizin on ayrı istek yerine bir istekte bulunması gerekiyor. Daha sonra görüntünün hangi bölümlerinin görüntüleneceğini seçmek için CSS’yi kullanabilirsiniz..
10. Kodunuzu kırpın
HTML yoğun ve ağırdır. Aynı zamanda inanılmaz derecede tekrarlayıcı. CSS biraz daha akıcı, ancak birçoğu gereksiz.
İyi bir diş tarağı ile kodunuzu gözden geçirme ve gereksiz tüm bitlerden kurtulma zamanı.
WordPress, Tumblr vb.’den bir şablon kullanıyorsanız muhtemelen kullanmadığınız bir sürü kod vardır. Bu şablonlar size işlevsellik için birçok seçenek sunacak şekilde ayarlanmıştır. Ama çoğumuzun hepsine ihtiyacımız yok.
Acımasız ol!
11. Yararsız eklentileri kaldırın (WordPress)
Hepimiz yıllar boyunca tonlarca eklenti denedik. Ancak çoğu zaman bunları kaldırmayı unuturuz.
Her eklenti başka bir sunucu isteğidir. Yüksek hızlı tünelinizi engelleyen başka bir ağır paket.
Kullanmıyorsanız, kapatın.
12. Yönlendirmeleri azaltın
Her yönlendirme için paketleriniz tünele iki kez yukarı ve aşağı gider. Kesinlikle gerekmedikçe, web sitenizde yönlendirmeler kullanmayın.
Bölüm 3: Bonus Ekstraları
13. DNS aramalarını azaltın
Sürecin henüz bahsetmediğimiz bir kısmı var. En başlangıçta olur.
Tarayıcınız sunucu ile konuşmaya başlamadan önce sunucunun konumunu bulmalıdır (IP adresini bularak). Bu, telefon rehberindeki sunucunun numarasını aramak gibidir. Biraz zaman alır. (Genellikle 20-120 milisaniye).
Web sitenizle ilişkili birden fazla alan adı varsa daha da uzun sürer. Yaygın örnekler şunlardır: blog.websiteniz.com veya resimler, stil sayfaları ve flash nesneler için ek alanlar.
Tarayıcınızın beş kez yapması gerekiyorsa, yarım saniye kaybedebilirsiniz. Mümkün olduğunca az sayıda alana tutun.
14. Tarayıcı önbelleğe alma
Tarayıcınız tüm web sitesi dosyalarının bir kopyasını tutabilirse, işlerin ne kadar hızlı olacağını düşünün. Bu şekilde, sunucuyla her seferinde iletişim kurması gerekmez. Onları bellekten yükleyebilir.
Önbellekleme budur. Tarayıcınızın web sitesini “hatırladığı” anlamına gelir. İkinci kez yüklediğinizde, süper hızlı.
Uf! Bu normalden daha uzun bir yazıydı, ama bence buna değdi.
Şimdi web sitenizi hızlı yıldırım yapma hakkında bilmeniz gereken her şeyi biliyorsunuz. Bu hileler yükleme hızınızdan saniyeler alabilir.
Bu mutlu ziyaretçiler demektir. Daha fazla satış demektir.
WordPress Hız Kılavuzu
Web siteniz WordPress ile oluşturulmuşsa, WordPress’i hızlandırma konusunda ayrıntılı bir adım adım kılavuz derledik. Bitcatcha.com’u 3 saniyede yüklemek için tam adımları kullanıyoruz.