Web sitenizi hızlandırmak için 8 İpuçları

Yazan makale:
  • Gelen Pazarlama
  • Güncelleme: Kasım 02, 2018

Emin olduğum başka bir şey olmasa bile, kesin olan bir şey var - hayatında en az bir acı veren web sitesiyle karşılaştın. Bu size tanıdık geliyorsa, son birkaç yıl içinde edindiğim ve web sitenizi hızlandırabilmeniz için size yardımcı olabilecek bazı ipuçlarını iletmeme izin verin.

Web sitenizin hızının sizin için önemli olduğundan emin değilseniz, bir sitenin yüklenmesini beklerken bir tarayıcı penceresini kapattığınız süreyi tekrar düşünün. Gerçek şu ki, kullanıcıların 53% 'i 3 saniyeden daha uzun süren bir web sitesini terk ediyor.

Web sitenizin performansı önemlidir ve arama motoru sıralamalarınızı etkiliyor. Örneğin, Google hızlı web sitelerini tercih eder ve arama sonuçlarında bu üst sıralarda yer alır.

Farklı sektörlerde ortalama web sayfası yükleme süresi (kaynak).

Site hızınızı test edin

Başlamak için sitenizin önce ne kadar hızlı yüklendiğini test edin. Önerilen bazı araçlar şunlardır:

  • Web Sayfası Testi: Ortak işletim sistemlerini çalıştıran gerçek tarayıcılardan web sayfası performansını toplayın.
  • Pingdom: Bir web sitesinin performansındaki tıkanıklıkların analiz edilmesine ve bulunmasına yardımcı olur.
  • GTmetrix: Bir web sayfası hızını optimize etmenin en iyi yolu hakkında analiz edilebilir ve uygulanabilir bilgiler sağlayın.
  • Bitcatcha: Sekiz ülkeden site hızını kontrol edin.
Bir site hız test cihazı kullanarak, sitenizin şu anda ne kadar iyi optimize edildiğini öğrenebileceksiniz.

Web sitenizi hızlandırmak için ipuçları…

1. Harika bir Web Host seçin

Deneyimlerime göre, web barındırma belki de yapmanız gereken en önemli seçeneklerden biridir. Web barındırma var ve sonra var mükemmel web barındırma Her bir web sunucusunun farklı özellikleri olacaktır, bu yüzden özel önbellekleme teknolojileri, katı hal sürücüleri veya kritik alanlar üzerindeki kontrol gibi önemli öğelere dikkat edin. nginx.

Bunu yeterince vurgulamıyorum. Web barındırma seçiminiz kritik öneme sahiptir. Onlarla aşina değilseniz, bize bir göz atın. En iyi web barındıran kapsamlı yorumlar iyi bilgilendirilmiş bir karar vermenize yardımcı olmak için.

2. Minification: Daha Küçük Daha İyi

Günümüzde web sitelerinin Javascript ve CSS dosyaları ile taşması yaygındır. Bu, ziyaretiniz sırasında sitenizi yavaşlatmaya neden olabilecek bir ton HTTP isteği oluşturur. Bu, minikleşmenin gerçekleştiği yerdir.

Javascript ve CSS dosyalarınızı küçültmek, tüm komut dosyalarınızı tek bir dosyada (her türden) birleştirerek yapılır. Bu kolay bir iş değildir, ama endişelenmeyin, bunu sizin için halledebilecek WordPress eklentileri var.

Başlamak için bunlardan birini deneyin: Autoptimize, Hızlı Hız Azaltma or Birleştir + Minify + Yenile

Küçültme, kodunuzun bütünüyle karışık görünmesine neden olabilir - alarm verilmez! Bu normal.

3. KISS Prensibini takip et

Bu, çoğu web gurusu tarafından normalde öğretilen bir şey değil, ama birçok yönden olağanüstü yararlı buldum. Öldürmek “basit, aptal” tutmak için bir kısaltmadır. Basit sistemlerin verimliliğini vurgulayan 1960'lerde bazı akıllı bölümler tarafından yapıldı.

Genel bir kural olarak, bunun hayattaki hemen hemen her şey için geçerli olduğunu düşünüyorum - web sitelerini oluştururken bile. Aşırı karmaşık uygulamalardan ve tasarımlardan kaçınarak, hızlı ve daha önemlisi, yönetimi ve bakımı kolay bir siteden yararlanacaksınız.

Tasarım ve Görsel

Tasarımınızı ve görsellerinizi kolaylaştırarak, esas olarak, genel olarak yükü azaltmak şeklindedir. Büyük, nefes kesen görüntüler ve çarpıcı videolar içeren bir site, kötü bir günde bir tembel olarak hızlı bir şekilde yüklenebilir. Düzenli ve düzenli tutun ve video ve resim yüklemenizi çeşitli sayfalara bölmeye çalışın.

Kod ve Eklentiler

WordPress böyle harika bir şey çünkü oldukça modüler ve kullanımı çok kolay. Ne yapmak istediğin önemli değil, muhtemelen birinin bunun için zaten bir eklenti tasarladı.

Bu kadar heyecan verici bir şekilde, sitenizi eklentilerle aşırı yüklemekten çekinmeyin. Her eklentinin farklı insanlar tarafından tasarlandığını unutmayın (muhtemelen farklı şirketler). Amaçları, site performansınızı düzene sokmamak için belirli bir hedefe ulaşmaktır.

Eğer yapabiliyorsanız, kendiniz yönetebileceğiniz şeyler için eklentilerden kaçının. Örneğin, metninize tablo eklemenize yardımcı olacak bir eklentiyi alın. Bunun için bir eklenti kullanmak yerine tablo çizmek için bazı temel HTML kodlarını kolayca öğrenebilirsiniz, değil mi?

Bazı eklentiler sitenizi önemli ölçüde yavaşlatabilir, bu yüzden her yeni eklentiyi yüklediğinizde bir hız testi yaptığınızdan emin olun!

4. İçerik Teslim Ağlarında Kaldı

Bana göre, İçerik Teslim Ağları, tanrılardan bir armağan. Gibi şirketler Cloudflare ve LimeLight Networks Diğer insanların, dünyanın dört bir yanında bulunan sunucu ağları aracılığıyla istikrarlı ve hızlı içerik dağıtımı yapmasına yardımcı olarak yaşamak.

Bir CDN kullanmak, web sayfalarınıza daha hızlı hizmet vermenize ve ziyaretçilerinizin dünyanın neresinden geldiği önemli olmaksızın yükleme hızlarını artırmanıza yardımcı olacaktır.

Bunun yanı sıra, bir CDN kullanmak, aynı zamanda, kötü niyetli saldırılara karşı ekstra koruma sağlar. Dağıtılmış Hizmet Reddi (DDoS).

Eğer küçük bir sitenin sahibiyseniz, Cloudflare'ın kullanabileceğiniz ücretsiz bir seçeneği var. Kurumlar ve daha büyük siteler daha iyi bir plan elde etmek için ödeme yapmak zorunda kalacaklar, ancak bir CND'nin dezavantajları göz önüne alındığında, bu fiyata değer!

5. Önbelleğe alma işleminden yararlanın

Önbelleğe alma, tam olarak göründüğü gibi, statik dosyaları depolar, böylece ziyaretçileriniz geldiğinde, siteniz daha önceden oluşturulmuş sayfalardan paylaşılabilir, böylece işlem süresi kısalır. Çoğu durumda, ilgilenmeniz gereken şey sunucu tarafı önbelleğe almadır.

Sunucu tarafı önbelleğe almayı uygulamanın en etkili yolu, Apache or nginx sunucusu. Bu belgeleri gözden geçirmeniz ve sunucunuzu önbelleğe almayı ayarlamanıza yardımcı olacak doğru ayarları bulmanız gerekir.

Başparmak kuralı, çok sayıda sunucu desteği çalışmasına (işleme) ihtiyaç duyan her şeyin, mümkün ise önbelleğe alınması gerektiğidir.

Eğer sizin için çok garip geliyorsa, Eklentiler başka bir seçenektir, ancak yine de bu durumda başvurmanızı tavsiye etmiyorum.

6. Görüntüleri Hog Bant Genişliği, Sizin Optimize Edin!

Bu, KISS ilkesi çerçevesinde devasa görüntülere ve videolara karşı daha önce yaptığım rantın bir uzantısı. Bunu göz önüne alarak, görsellerin bir sitenin güzel görünmesi için anahtar olduğunu anlıyorum. Kullanımlarından tamamen vazgeçemediğimizden, kullandığınız resimlerin mümkün olduğunca kolaylaştırıldığından emin olalım.

Web içeriği, resimler söz konusu olduğunda bile, çoğunlukla temeldir. Öldürdüğüm domuzlar gibi bu yükle karşılaştığım web sitelerinin çoğu, gerçek bir amaca hizmet etmeyen kitlesel görüntüler tarafından sürükleniyor.

Daha büyük resimlere sahip olamayacağınızı söylemiyorum, ancak yüklemeden önce uygun şekilde optimize edildiğinden emin olun.

Bunu yapmanın iki yolu vardır. Yine, ilk gibi bir eklenti ile WP Smush. Alternatif veya WordPress kullanmayanlar için üçüncü taraf bir resim optimizasyon aracıdır. Görüntü Kompresörü or JPEG Doktoru.

Çoğu görüntü iyileştirme aracı, görüntülerin çözünürlük ayrıntılarını hassas bir şekilde ayarlamanıza olanak tanır ve böylece yavaş yavaş tonlama yapabilirsiniz. Eğitimsiz gözle aynı gözükecekler, ancak daha küçük boyutlarda olacaklar.

Bunlar bir HD görüntüsünün (sol) bölgelerinde yakınlaştırılmıştır. Orijinal 2.3MB idi ve optimizasyondan sonra 331kb'ye indirildi!

7. Gzip Sıkıştırma kullan

Görüntü sıkıştırmasını veya belki de arşivlemeyi (ZIP veya RAR) duyduysanız, muhtemelen gzip sıkıştırmasının ardındaki teoriye aşina olacaksınız. Bu, web sitesi kodunuzu sıkıştırır ve sonuçta 300% 'e kadar olan hız artışıyla sonuçlanır (sonuçlar değişir).

Bu kadar teknik bir şey için bile, hemen devam edip, PageSpeed ​​Ninja. Ancak, sadece .htaccess dosyanızı bir kez düzenlemeyi içeren çok daha verimli bir yöntem vardır.

Aşağıdaki kodu .htaccess dosyanıza ekleyin ve şöyle ayarlayın:

<IfModule mod_deflate.c> # Sıkıştır HTML, CSS, JavaScript, Metin, XML ve yazı tipleri AddOutputFilterByType DEFLATE uygulaması / javascript AddOutputFilterByType / x-font-opentype AddOutputFilterByType DEFLATE uygulaması / x-font-otf AddOutputFilterByType DEFLATE uygulaması / x-font-truetype AddOutputFilterByType DEFLATE uygulaması / x-font-ttf Ekle / xML AddOutputFilterByType DEFLATE.Ayrıca yazı / açıştürü AddOutputFilterByType DEFLATE.Ayrıca yazı / OTF AddOutputFilterByType DEFLATE yazı / ttf AddOutputFilterByType DEFLATE.Ayrıca görüntü / svg + xML AddOutputFilterByType DEFLATE.Ayrıca görüntü / x-simge AddOutputFilterByType DEFLATE metin / cSS AddOutputFilterByType DEFLATE.Ayrıca metin / html AddOutputFilterByType metin / javaScript DEFLATE AddOutputFilterByType DEFLATE metni / düz AddOutputFilterByType DEFLATE metni / xml </IfModule>

* Not: Bu kodu, .htaccess dosyanızda bulunan şeyleri AŞAĞIDAKİ eklediğinizden emin olun.

8. Yönlendirmelerin azaltılması

Normalde, tarayıcılar, sunucunuz tarafından tanınan resmi olanlara dönüştürülen çeşitli adres biçimlerini kabul eder. Örnek alın www.example.com ve example.com. Her ikisi de aynı siteye gidebilir, ancak bir tanesi sunucunuzun resmi olarak tanınan adrese yeniden yönlendirilmesini gerektirir.

Bu yönlendirme biraz zaman ve kaynak gerektirdiğinden, amacınız sitenizin birden fazla yönlendirme yoluyla elde edilmesini sağlamaktır. Bunu kullan yönlendirme eşleyicisi doğru yaptığını görmek için.

Bu hakkın karmaşıklığı göz önüne alındığında ve sürekli olarak devam eden zaman göz önüne alındığında, böyle bir eklentiyi kullanmanızı tavsiye ederim. Yönlendirme.

Daha Hızlı Web Siteleri Ziyaretçileri (ve Google) Mutlu Tut

Günümüzde mobil cihazlarda bile geniş bant hızları çok artmış ve daha da artmaktadır. Bu, web sitesi sahiplerinin ziyaretçilerinin yavaş yükleme sitelerine sahip olması için çok az bahane kaldığı anlamına geliyor.

İnanın bana, ziyaretçileri kaybetmeye devam edeceksiniz ve bir noktada, “Ah,” diye bilinen bir itibar kazanacaksınız. BU Web sitesi". Çevrimiçi bir iş yapıyorsanız, kendi altın kazınızı öldürdüğünüzden daha da kötü bir durumdur.

Sağladığım yukarıdaki 8 ipuçlarını hiçbir şekilde ve hepsinin bir sonucu olmakla birlikte, size bir başlangıç ​​ve bazı şeyleri biraz daha iyi yönetme hakkında bazı fikirler vermelisiniz. Web sitenizi bugün hızlandırın ve müşterilerinizi veya ziyaretçilerinizi saklayın.

Kadar bitme BU Provoco Kayıt.

Timothy Shim hakkında

Timothy Shim bir yazar, editör ve teknoloji uzmanıdır. Kariyerine Bilişim Teknolojisi alanında başlamış, hızla baskıya geçmiştir ve o zamandan beri ComputerWorld, PC.com, Business Today ve The Asian Banker gibi Uluslararası, bölgesel ve yerel medya başlıklarında çalışmıştır. Uzmanlığı, hem tüketici hem de kurumsal bakış açısından teknoloji alanında yatar.