Kaydırıcınızı nasıl hızlandırırsınız

Ziyaretçilerinizi korumak istediğinizde hızlı bir web sitesine sahip olmak çok önemlidir. Aslında, çünkü kimse sayfayı yüklemek için birkaç saniyeden fazla beklemek istemiyor. Bu nedenle, herkes sitelerinin hızlı bir şekilde yüklenmesini istiyor. Ancak, zengin medya (görüntüler ve videolar) kullanımı nedeniyle site yükünü hızlı bir şekilde yapmak zor olabilir. Hem resimler hem de videolar metinden daha yavaş içerir, bu nedenle web için optimize edilmeleri gerekir. Smart Slider 3 bir WordPress ve Joomla Slider eklentisidir ve web sitenize zengin medya eklemek için doğru seçimdir. Bu eklenti ile görüntü kaydırma, video kaydırıcısı, hatta tüm talimatlar bile yapabilirsiniz. Bu makalede, sitenizin hızını nasıl kontrol edeceğinizi ve kayar çubuğu nasıl hızlandıracağınızı göstereceğim.
Web sitesini ne yavaşlatabilir? Hızlı Cevap: Her şey. Çok uzunsa metin bile sayfayı yavaşlatabilir. Çoğu durumda, sorun kullanılan zengin medyadan gelir. Ya da belki de sunucunun istenen içeriği zamanında geri yükleyecek kadar hızlı olmaması. Sitenizin ne kadar hızlı olduğunu bilmek ister misiniz? Sitenizin hızını ölçmek için Google PagePeed Insights’ı kullanın. Bu, sitenizin ne kadar hızlı yüklendiğini kontrol eder ve bunu düzeltmek için bir yer hakkında ipuçları verir. Google PagePeed Insights olağanüstü bir araçtır. Bu nedenle, Lighthouse adlı krom tarayıcıya inşa ettiler.
Deniz Feneri Hız Metriği, sitenizin hızını tanımlayabilen birkaç farklı metriye sahiptir. Sitenizi nasıl geliştireceğinizi anlamak için her şey önemlidir, bu yüzden birkaç kelimeyle açıklayacağım.
Tarayıcı ilk içeriği oluştururken ölçülen ilk içerik boya (FCP). Bu, kullanıcının sayfanın tamamen yüklendiği ilk geri bildirimdir. Hız dizin (SI), sayfa içeriğinin ne kadar hızlı göründüğünü gösterir.
En büyük içerikli boya (LCP), kullanıcı girişinden önceki en büyük görüntü veya metin boyası hakkında ayrıntılar sağlar.
İnteraktif zamanı (TTI). Bu, son uzun görevin tamamlandığı zamandır.
Toplam engelleme süresi (TBT): FCP ve TTI arasındaki toplam sürenin ölçülmesi
Kümülatif Düzen (CLS) kayması, görsel stabiliteyi ölçmek için kullanıcıya dayanan bir metriktir.
Bu metrik değer, web sitenizi geliştirebileceğiniz talimatlar sunar. Ne yazık ki, genellikle başlamak o kadar kolay değil. Bu özellikle web geliştirmede yeniyseniz doğrudur.
Web sitenizi optimize etmenin en iyi yolu nedir? Deneyimlerimize dayanarak, web sitenizi optimize etmenin en iyi yolu bu kontrol listesini takip etmektir:
Güvenilir barındırma sağlayıcıları kullanın. Sınırlı web sunucuları tüm başarılarınızı yok edebilir.
Sunucu yazılımının en son sürümünü çalıştırın
OPCACE etkinleştirilmiş PHP kullanın
CloudFlare’i ara katman yazılımı olarak kullanın ve önbellek politikasını doğru ayarlayın
Her zaman mevcut en son WordPress’i kullanın
Temanızı boş WordPress kurulumunda test edin ve boş bir sayfada 100/100’e ulaşana kadar optimize edin.
Temanızla hangisinin en iyi sonuçları verdiğini görmek için eklentiyi optimize etmeye çalışabilirsiniz.
Tarayıcıya daha önce ne yayınlayacağınız hakkında talimatlar verecek şekilde “bağlantı” başlığınızı hazırlayın. Bu, stil.css, yazı tipi ailesi ve oluşturmayı engelleyen her kaynak şeklinde olabilir. Oluşturmayı engellemek için mümkün olduğunca çok kaynaktan kurtulmaya çalışın.
Yalnızca bir harici yazı tipi ailesi kullanın ve yerel olarak asılan değişken bir yazı tipi olduğundan emin olun.
JavaScript kullanımını azaltın ve yapabilirseniz jQuery’yi bırakın
Deniz feneri için optimize edilmiş bir eklenti kullanın. Güncellemeye zarar vermeden üçüncü taraf eklentisini düzeltemezsiniz.
İçeriğinizi iyi bir puan elde etmek için hazırlayın. Örneğin, en üst paroda daha az resim ve video kullanın. Ayrıca, resimlerinizin ve videolarınızın mümkün olduğunca en uygun olduğundan emin olun.
Sitemin performansındaki eklenti ne kadar etkileniyor? Web sitenize yüklediğiniz her eklenti sonunda sitenizin performansını etkileyecektir. Sayfa hız puanlarınızı azaltacak ve web sitenizi yavaşlatacaklar. Tek istisna eklentileri optimize etmektir, çünkü amaç hızı artırmaktır. Dikkate almanız gereken şey, sitenizin performansındaki her eklenti ne kadar etkisi. Ayrıca, eklenti tarafından size verilen işlevselliğin performans fiyatı ile orantılı olup olmadığı.
Bir eklenti satın almak istiyorsanız, geliştiriciye Lighthouse için eklentilerini nasıl optimize ettiklerini sorun. Ayrıca, performansın ne kadar iyi olduğunu görmek için eklenti web sitesi (demo) kendi deniz feneri ile test edin. Demo sitesinin performansı kötüyse, kendi sitenizde iyi sonuçlar bekleyemezsiniz. Sonuçta, geliştirici kendi sitelerini iyi performans gösteremezse, nasıl yapabilirsiniz? Aslında, Smart Slider 3 ile oluşturduğunuz içeriğin önemli olduğuna inanıyoruz. Bu, kullanıcılarınıza web sitenizde olağanüstü ve unutulmaz bir deneyim sunmanıza yardımcı olur. Bu nedenle, akıllı kaydırıcı 3.5’i optimize etmek için her türlü çabayı gösterdik. Sonuç olarak, sadece kaydırıcılar (başlıklar ve altbilgiler hariç) kullandığımız ana sayfamız 100/100 puan aldı. Bu harika değil mi? 100
Masaüstü

İlk oruç boyası
0.3 saniye
Hız endeksi
0,5 saniye
En büyük içerik boyası
0,5 saniye
Zaman etkileşimli
0.3 saniye
Toplam engelleme süresi
0 ms
Kümülatif Düzen Değişimi
0.049
100
Hücresel
İlk oruç boyası
1.2 saniye
Hız endeksi
1.3 saniye
En büyük içerik boyası
1.8 saniye
Zaman etkileşimli
1.3 saniye
Toplam engelleme süresi
10 ms
Kümülatif Düzen Değişimi
0
Kaydırıcım neden yavaş yüklendi? Her şeyden önce, vardiyanızın diğerlerine değil, web sitenize yavaşça yüklendiğinden emin olun. Akıllı kaydırıcı 3 yavaşça içeriyor gibi görünüyor, ancak aslında tüm site yavaş. Siteniz hızlı değilse, vardiyanız da hızlı yüklenemez.
Web sitenizde ne kadar süreyle yayınlandığını görebilirsiniz, Web Sitesi hız testini kullanırsanız.Veya Chrome veya Firefox tarayıcısını kullanabilirsiniz.Bu durumda, F12 → “Ağ” sekmesine tıklayın ve sayfayı sert bir şekilde yenileyin.Burada sayfanızın tüm öğelerini göreceksiniz ve yükleme süresine göre sipariş edebilirsiniz. Hızlı ve optimize edilmiş bir değişiklik yapmak için Google Chrome Network sekmesi, kalitesine ve boyutuna dikkat etmek önemlidir. görüntü.Büyük görüntüler kaydırıcınızı yavaşlatabilir ve ziyaretçilere müdahale edebilir.Kalite çok iyi ise, küçük görüntülerin de büyük bir boyuta sahip olabileceğini fark etmelisiniz.Belli bir kalite seviyesinin üstünde, insanların gözleri farkı göremez, bu nedenle çok yüksek kalitede görüntüler kullanmayın.