Web sitesi yükleme hızını artırmak için fikirler?


22

Bir web sitesinin yükleme hızını arttırmamın herhangi bir yolu var mı?

Google’ın gerçekten yükleme hızını artırdığını ve mobil web sitelerinin popülaritesinde, sitelerin hızlı bir şekilde yüklenmesinin zorunlu olduğunu biliyorum.

Yanıtlar:


23
  1. Yahoo'nun sayfa hızını iyileştirmek için ipuçları
  2. Google’ın sayfa hızını artırmaya yönelik ipuçları
  3. PHP kullanıyorsanız, Google'ın daha hızlı PHP kullanması için ipuçları

İşte Google’ın Sayfa Hızı eklentisinden ( temel olarak Yahoo'nun YSlow'undan ) oluşan temel bir liste :

  • Tarayıcı önbelleğini kaldırarak yararlanın
  • Görüntü boyutlarını belirtin
  • CSS @import kullanmaktan kaçının
  • Kötü isteklerden kaçının
  • Görüntüleri CSS sprite olarak birleştir
  • JavaScript ayrıştırmasını ertele
  • Canlı Tutmayı Etkinleştir
  • Sıkıştırmayı etkinleştir
  • Satır İçi Küçük CSS
  • Satır İçi Küçük JavaScript
  • Açılış sayfası yönlendirmelerini önbelleğe alınabilir hale getirin
  • CSS'yi küçült
  • HTML'yi küçült
  • JavaScript'i küçült
  • Yönlendirmeleri simge durumuna küçült
  • İstek boyutunu küçült
  • Görüntüleri optimize et
  • Stillerin ve komut dosyalarının sırasını optimize edin
  • Eşzamansız kaynakları tercih et
  • CSS'yi doküman başlığına yerleştirin
  • Sorgu dizelerini statik kaynaklardan kaldırma
  • Kaynakları tutarlı bir URL’den sun
  • Ölçekli görüntüleri servis et
  • Değişen Belirt: Kabul Et Kodlama başlığı
  • Bir önbellek doğrulayıcısı belirtin
  • Bir karakter kümesi belirtin
  • JavaScript'in yüklenmesini ertele
  • Kullanılmayan CSS'yi kaldır
  • Verimli CSS seçicileri kullanın

Sayfalarınızı test etmek için Google’ın veya Yahoo’nun sayfa hızı eklentilerini kullanmanızı şiddetle tavsiye ediyorum. Yapması hızlı ve kolaydır ve sayfa hızınızı nasıl artıracağınıza dair net bir kılavuz sunar.

güncelleştirme

Buradaki yorumlarda Nick tarafından önerildiği gibi, bazı daha iyi kaynaklar ve bilgiler:

güncelleme 2

Sayfa hızının neden önemli olduğunu gösteren iyi istatistikler geldi ( kaynak )


2
+1 Ayrıca Steve Souder'ın ipuçlarından bahsetmeye değer: stevesouders.com/hpws/rules.php ve buradaki kitabı: stevesouders.com/blog/2009/04/23/even-faster-web-sites Bunlar, Facebook'un go-to-referanslarıydı. sitelerini ilk kez optimize ettiklerinde: facebook.com/note.php?note_id=307069903919
Nick,

Başlığımda bir şeylerin siteyi tıka basa vurduğunu hissediyorum.
Rob,

Bu cevabı sevdiğimden emin değilim, çünkü hızlı bir web sitesi yapmayı gerçekten tarif etmiyor, sadece daha hızlı elde etmek için neyle uğraşabileceğinizi. Biraz 'bir arabaya bir spoyler ekleyin' demeye benziyor - ki bu herkesin yapabileceği gibi - ancak mantıklı olması ve bu yüzden doğru şekilde yapılması için genel aerodinamik prensiplerini anlamanız gerekiyor.
ʍǝɥʇɐɯ

@Matthew, Google ve Yahoo eklentileri ve sayfaları bu optimizasyonların neden yardımcı olduğunu açıklar. Bilgilendirici olduğu kadar faydalı.
John Conde

Google hız kontrolü için henüz 89/100 puan aldı, herhangi bir hız optimizasyonu yapmadım.
Rob,

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.