Site yükleme hızı. 4 ana faktör.

Etiketler: SEO

Site yükleme hızı. İndirme hızı nasıl artırılır? Ana sorunlar.

Tavsiye edilen site yükleme hızı Google - 2 saniye. (ve şimdi hızınıza bakın)

(Web sitesi yükleme hızı nasıl kontrol edilir?En kolay ve en hızlı yol açmaktır. geliştirici araçları CTRL+SHIFT+IArdından, “Ağ” sekmesini seçin, ardından sayfayı yenileyin, indirme hızını görmek için sayfayı yenilemeniz gerekiyor, Önbelleksiz yenile: CTRL + F5 / CTRL + R tuşlarına basmanız gerekiyor. Ve aşağıda indirme hızı olacaktır.)

Site yükleme hızını kontrol edin
Google'dan bir hizmet kullanma: PageSpeed Insights

En çok etkileyen ana noktalar:

önbellek
css (stiller)
JS (Kodlar)
Görüntüler (ağırlıkları, boyutları - evet, tam olarak YxW boyutu, Meta data - evet öyle bir şey var ki, onların bilgileri şu şekilde: Tarih, başlık, konu vs.)

Özellikle etkilemeyen veya ihmal edilebilir bir etkiye sahip olan küçük anlar hakkında çok fazla gereksiz bilgi boyamamak için onlar hakkında yazmayacağım.

#1 NAKİT

Önbelleğe almak (veyaönbellek) herhangi bir verinin depolandığı bir arabellektir (yer). Bizim durumumuzda bunlar Resimler, kod, stiller ve daha fazlası.

Kolay kendin yapabileceğin şey barındırmada önbelleğe almayı etkinleştir.
(Ukrayna.com.ua hostinginiz varsa, o zaman “site ayarları” -> “temel ayarlar”a gitmeniz gerekiyor ve “Önbelleğe Alma” maddesi olacak ve orada sitenizin ne kadar süre kalacağını seçiyorsunuz. Kendimden 2 haftaya ayarlamanızı tavsiye ederim - bu önbelleğe alma süresiyle, google sayfa hızı bilgileri çok fazla puan ekler.)

htaccess, tarayıcı etiketleri vb. ile ilgili diğer yöntemler internette epeyce makale için bulunabilir ve yeniden boyamada bir anlam göremiyorum. Habré hakkındaki makalede önbelleğe alma türleri hakkında bilgi edinebilirsiniz.

#2 CSS (stiller)

CSS - (Basamaklı Stil Sayfaları - basamaklı stil sayfaları).
Stillerle neler yapılabilir?
Peki birinci olarak Ez onları.
ikinci olarak dosya sayısını azaltın, yani. sunucuya yapılan çağrı sayısını azaltmak için mümkün olduğunca birleştirme yapın.
Üçüncüsüilk ekranın görünen kısmının görüntüsünü etkileyen ana stilleri doğrudan içine gömün ve gerisini dosyada bırakın.

Ayrıca birkaç faydalı bağlantı bırakıyorum:

css sıkıştırma hizmetleri
css dosyaları nasıl sıkıştırılır

#3 JS (komut dosyaları)

Burada ayrıca komut dosyalarını optimize etmenin birkaç yolu var.

Komut dosyasının yüklenmesini ertele. Mümkün olduğu kadar alçaltın, arkasına koyun ve hatta daha alçaltın, bazen yardımcı olur, bazen bir seçenek değildir. Ancak 2 numaralı nokta kurtarmaya geliyor.
ASYNC – asenkron komut dosyası yükleme. Bu, "async" parametresi kullanılarak yapılır.
Burada async hakkında daha fazla ayrıntı var.
JS ve etkisi hakkında biraz daha bilgi.
Küçük nokta.
JS ayrıca sıkıştırılabilir. Ayrıca 1 dosyada birleştirin.

#4 Resimler

Her zaman üç şey yapabilirsiniz: Ateşe bakın, suya bakın ve resimleri optimize edin.

Konu oldukça geniş, bu yüzden size sadece önemli bilgiler vermeye çalışacağım.

Ağırlığı optimize edin.

Nasıl? Bir program veya hizmet aracılığıyla.

Resimlerle toplu çalışma programı Hızlı Taş Görüntüsüonunla yapabilirsin
Resimleri toplu olarak yeniden boyutlandırın. Nasıl ve zaten google orada zor değil.
Faststone Image'ı indirin.
Görüntülerin boyutunu küçültme hizmeti - Panda. Veya daha doğrusu TinyPNG ve TinyJPG.
ONLINE'ın ana avantajı. Sadece dosyaları yükleyin ve sıkıştırılmış bir sürüme geri dönün - Kalite hiç düşmüyor (bu Magic).
Bağlantılar: tinypng.com & tinyjpg.com

Boyutu Optimize Edin.

Yukarıda yazdığım gibi boyut program kullanılarak değiştirilebilir hızlı taş görüntü.
Boyut Yükseklik x Ağırlıktır (Genişliğe Göre Yükseklik).

Örnek:

Boyut	piksel	Dosya boyutu
100x100	10 000	39 KB
200x200	40 000	156 KB
300 x 300	90 000	351 KB
500x500	250 000	977 KB
800x800	640 000	2500 KB

(Bu konuda daha fazla bilgi edinmek isterseniz, Google'ın bu konudaki yardımını okuyabilirsiniz. ARTICLE, Google'dan, ancak sizi uyarıyorum, bir dereceye kadar inektir)

Örneğin elimizde 2 resim var:
1) Ağırlık 100kb, Boyut 500x500
2) Ağırlık 100kb, Boyut 2500x2500
Öyle görünüyor ki, ne fark eder ki, aynı ağırlıktalar, bu nedenle, onları yüklemek eşit derecede karmaşık veya basit olmalı, ancak google sayfa hızı insgiht ile kontrol ederseniz orada değildi, yine de daha yüksek bir çözünürlükte yemin edecek görüntü.

Özetleme: Boyut önemlidir. Kilo da. (gerisi çok önemli değil ama bazı uzmanların argümanlarına göre etkisi de var, şimdi Image Metadata'dan bahsediyorum)

Meta veriler hakkında gerçekten bir şey yazmadım, peki, buraya yazacak bir şey yok ...
Tüm resimler için tüm meta verileri temizleyin, efsaneye göre boyutu 2 kat azaltabilirsiniz. yakın zamanda öğrendim (dosya boyutunun etkisi hakkında oldukça önemsiz olduğunu düşündüm).

Yayın hakkında kısaca: