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

Güncelleme: Tem 07, 2020 / Makale: Timothy Shim

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.

The web sitenizin performansı önemlidir ve arama motoru sıralamalarınızı etkilemede rol oynar. Örneğin, Google hızlı web sitelerini tercih eder ve arama sonuçlarında bu yüksek sıralamaları verir.

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

Web Sitenizin Hızını Test Edin

Performansınızı artırmak için sitenize yapabileceğiniz geniş bir ayarlamalar alanı vardır. Bazıları geçiş seçenekleri kadar basitken, diğerleri daha fazla dahil olabilir. Yine de, eğer bunları dikkate alırsanız, tüm süreç biraz zaman alabilir.

Tüm değişikliklerinizi aynı anda yapmak yerine performans iyileştirmeye yavaş ve ilerici bir yaklaşımda bulunmanız en iyisidir. Teknoloji tabanlı herhangi bir şeyde olduğu gibi, bir şeyin yanlış gitme şansı vardır.

Zamanla değişiklikleri uygular ve testlerle birlikte belgelerseniz, sitenizin kullanılamaz hale gelmesine veya çökmesine neden olabilecek, yaptığınız değişiklikleri belirlemek daha kolay olacaktır. İnan bana - eninde sonunda olacak.

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.

İşte web sitenizi hızlandırmak için ipuçları…

1. Harika bir Web Host seçin

Tecrübelerime göre, web hosting belki de ne zaman yapacağınız en önemli seçimlerden biridir bir web sitesi barındırma. Web sunucuları var ve sonra 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.

Düşünmenizi şiddetle tavsiye ederim daha iyi bir web barındırıcısına geçmek TTFB'nizin sürekli olarak çok yüksek olduğunu görürseniz.

Gerçek verilere ve kullanım durumlarına göre en iyi web hosting şirketleri listemize bakın.

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 normalde çoğu web ustası tarafından öğretilen bir şey değil, ama ben onu pek çok yönden olağanüstü yararlı buldum. KISS, "Basit tut, aptalca" nın kısaltmasıdır. 1960'larda basit sistemlerin verimliliğini vurgulayan akıllı bir adam tarafından icat edildi.

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. Önbelleklemeyi Kullanı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:

# HTML, CSS, JavaScript, Metin, XML ve yazı tiplerini sıkıştırın AddOutputFilterByType DEFLATE uygulaması / javascript AddOutputFilterByType DEFLATE uygulaması / rss + xml AddOutputFilterByType DEFLATE application / vnd.ms-fontobject AddOutputFilterByType uygulama / vnd.ms-fontobject AddOutputFilterByType AddOutputFilterByType DEFLATE uygulama / x-tipi-OTF AddOutputFilterByType DEFLATE uygulama / x-tipi-truetype AddOutputFilterByType DEFLATE uygulama / x-tipi-ttf AddOutputFilterByType DEFLATE uygulama / x-javaScript AddOutputFilterByType DEFLATE.Ayrıca uygulama / xHTML + xML AddOutputFilterByType DEFLATE uygulama / xML AddOutputFilterByType DEFLATE.Ayrıca yazı / opentype AddOutputFilterByType DEFLATE.Ayrıca yazı / otf AddOutputFilterByType DEFLATE.Ayrıca yazı / ttf AddOutputFilterByType DEFLATE.Ayrıca görüntü / svg + xml AddOutputFilterByType DEFLATE image / x-ikon AddOutputFilterByType DEFLATE text / css AddOutputFilterByType DEFLATE metin / html AddOutputFilterByType DEFLATE.Ayrıca text / javascript AddOutputFilterByType DEF GEÇ metin / düz AddOutputFilterByType DEFLATE metin / xml

* 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.

Ne kadar hız, yeterli hızdır?

Google PageSpeed ​​Insight
Google PageSpeed ​​Insight, arama devinin site performansınızı nasıl gördüğünün iyi bir ölçütüdür.

Ziyaretçi deneyiminin yanı sıra, web sitenizin performansı da arama sıralamalarındaki görünürlüğünüzü etkiler. Arama kralı Google olduğundan, hedeflemek istediğiniz çubuk budur. Onlara göre, siteler ideal olarak üç saniye içinde yüklenmelidir.

Ne yazık ki birçok site hala bu kritere uymuyor. Aslında, şok edici bir şekilde yüklenmesi 5 veya 6 dakika süren bazı siteleri ölçtüm. Bununla birlikte, sitenizin yüklenmesi 7 saniyeden uzun bir süre alıyorsa, bu zaten Google için çok uzun.

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.