Bu sitedeki her şey ile kodlanmıştır.

Kategori Listesini Göster

Benzersiz Blogger Hızlandırma Yöntemi (Etkili İpucu)


Benzersiz Blogger Hızlandırma Yöntemi (Etkili İpucu)2008'den bu yana Blogger kullanıyorum. Birçok sitede devamını oku eklentisi olarak JavaScript ile hazırlanmış olan ve benim de geçmişte paylaştığım buradaki yöntemin kullanıldığını görüyorum. Ancak bu kod kullanıldığında, browser (tarayıcı) içerik içerisindeki görsel ve videoları da indirmekte olup, bu durum yavaşlığı beraberinde getirebilir. Araştırmalarıma göre, ilgili metnimizi "textarea" ile sardığımız zaman, tarayıcı bu video ve görsel gibi medya ögelerini indirmez.

AYRICA: Blogger için Süper Ötesi İletişim Formu Düzenlemesi

Elbette her şey kaynak kodlarında görünüyor ancak tarayıcı bu medya ögelerini indirmediği için, ana sayfanız bilhassa daha da hızlı açılmaktadır. İlgili kodu ben ihtiyaçlarım doğrultusunda güncelledim ve hemen sizlerle de paylaşmak istedim. Dilerseniz Blogger'daki blogunuzda kullanabilirsiniz.

Benzersiz Blogger Hızlandırma Yöntemi (Etkili İpucu)

1) Temanızdaki aşağıdaki kodu bulun.

<data:post.body/>

2) Yukarıdaki kodu, aşağıdaki kodlar ile değiştiriniz.

<script>
var configSummary = {
summaryLength: 120
};
function createPostSummary(a, b, c) {
var text, doc = document, d = configSummary,
copyFrom = doc.getElementById(a).value,
pasteTo = doc.getElementById(b),
text = copyFrom.replace(/&lt;.*?&gt;/g, &quot;&quot;).replace(/\s+/g,&quot; &quot;);
pasteTo.innerHTML = &#39;&#39; + text.substring(0, d.summaryLength) + &#39; [...]&#39;;
}
</script>
<div class='snippets' expr:id='&quot;summaryContainer-&quot; + data:post.id'>
<textarea expr:id='&quot;postData-&quot; + data:post.id' style='display:none;'><data:post.body/></textarea>
<script>createPostSummary(&quot;postData-<data:post.id/>&quot;, &quot;summaryContainer-<data:post.id/>&quot;);</script>
</div>

Sonuç: Burada yaptığımız şey, içeriğimizi textarea etiketi ile sardık. Ancak yazı içerisine girdiğiniz zaman, ilgili metninizdeki tüm HTML etiketleri (kalın, italik v.b.) sorunsuz bir şekilde görüntülenecektir. Endişeniz olmasın.

Örnek Görünüm

Benzersiz Blogger Hızlandırma Yöntemi (Etkili İpucu)
    • leo
    • 2 Nisan 2019, 21:03

    Hocam %10 civarı bir hzlanma sağladı. Teşekkürler.
    1-) bu kod ana sayfada gösterilen yayın içi resimlerin ön izlemesinide kapsıyor mu ?
    2-) en fazla hızlanmayı "Ekran dışındaki resimleri ertele" ve ekran dışı" css/js ertele" ile yapılacağını söylüyor google amca ama bunu bloggerde nasıl yapılacağını söylememiş bu konu da yardımcı olurmusunuz ?

    • Merhaba,

      Bildiriminiz için biz teşekkür ederiz.

      1) İlgili kodlar, thumbnail (ilk görsel) içermiyor. Bu yüzden thumbnail kullanımı ile ilgili olarak aşağıdaki içeriğimize göz atabilirsiniz.

      http://www.teknobeyin.com/blogger-icin-otomatik-thumbnail-eklentisi-2018.html

      2) Ekran dışındaki resimleri ertelemek ile ilgili olarak, Google'da "lazy load" şeklinde araştırma yapmanızı tavsiye ederiz. Blogger'da JS/CSS dosyaları optimizasyonu için birçok yöntem mevcut ancak bu durum maalesef ki tasarım bazında problemlere yol açabilmektedir. Araştırmalarınızı bu yönde gerçekleştirebilirsiniz.

      Kolaylıklar,

  1. Blogger de en verimli hızlandırma async ve defer ile elde ettim.
    Aklınızda bulunsun.

  2. Kodu bulup değiştirdim. Hızı %74 'ten %77 'ye çıktı. Sayfa yüklenmesi de 0.33 saniyeden 0.29 saniyeye çıktı. Çok etki etmese de etkisi olduğu görüldü.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.