1# Daha Hızlı Bloglar İçin Kullanabileceğiniz Yöntemler

Merhaba arkadaşlar. Önceki yazımda blogger altyapısı ile nasıl bir blog ve site oluşturabileceğinizi anlatmıştım. Okumayanlar için; Blogger Tabanlı Site Nasıl Kurulur?
Bugünkü yazımda ise sitenizi kurduktan sonra nasıl daha hızlı bir açılış sağlayabilirsiniz. Siteyi nasıl optimize hale getirebilirsiniz onu anlatacağım.
Blogunuz istediği kadar özgün ve çarpıcı bir görünüme sahip olursa olsun, eğer hızlı açılmıyorsa tabiri caizse kaplumbağa gibi ise, sizin özgün içerikleriniz de temanız da siteyi ziyaret edenlerin gözünde değersizdir. Eski kullanıcıları belki tutabilirsiniz ama günümüzde yeni bir kullanıcıyı asla o şekilde sitenizde tutamazsınız ve sitenize giren birisi geri tuşuna çok hızlı bir şekilde yönelir.
Wordpress gibi altyapılarda birtakım eklentilerle site hızınızı en üst seviyeye çıkartabilirsiniz. Ama bu blogger tabanlı bir sitede eğer temanız aldığınızda hızlı değilse ve optimize edilmemiş ise, wordpress gibi eklentiler olmadığı için html/css düzenlemelerinden geçer. Birçok blogger tabanlı sitenin sahipleri bu konudan mustariptir. Çünkü nasıl yapılacağını bilmezler ve aşağıdaki sorulara kesinlikle yanıt ararlar.

• Blog’un yükleme süresini nasıl kısaltabilirim?
• Blogger şablonunun html/css kısmında nasıl sıkıştırma yapılır?
• Sitem neden bu kadar yavaş?
• Blogger şablonu nasıl optimize ederim?

Blogger tabanlı sitenizi hızlandırmaya başlamadan önce aşağıdaki yardımcı araçlardan site hızını öncelikle kontrol ediniz.

• Google’ın PageSpeed Insights: https://developers.google.com/speed/pagespeed/insights
• Varvy: https://varvy.com/pagespeed/
• GTMetrix: https://gtmetrix.com/
• Pingdom: https://tools.pingdom.com/fpt/
• Web sayfası: https://www.webpagetest.org/

Site hızınızı birkaç sitede ayrı ayrı kontrol ediniz.

Dikkat: Bu anlatacağım biraz da olsa Html/Css bilgisi gerektirmektedir ve hiçbir bilginiz yoksa işleme başlamadan önce sitenizin tema yedeğini alınız. İşlem yaparken, yanlış işlem yaptığınızda sitenin çalışmamasına sebebiyet verebilirsiniz. Ayriyeten bu işlem blogger tarafından sağlanan widgetlerde de hatalara neden olabilir. Bilginiz olsun…

Bu İşlemi Yapabilecek Kişiler;

• Özel bir blog şablonu kullanıyor olmasınız. Yani blogger’ın size verdiği temaların dışında bir temaya sahip olmalısınız.
• Varsayılan blogger yorum sistemi dışında bir yorum sistemi kullanmalısınız.
• Blogger tarafından sağlanan widgetlere çok bağlı olmamalısınız

İşlemi Yaptığınızda Elde Edecekleriniz;

• Ziyaretçi tutma oranlarınız artacaktır.
• Makaleleriniz daha uzun süreli okunacaktır.
• Hemen çıkma oranı azalacaktır.
• Sayfa görünümünüz artacaktır.
• Google’ın gözünde değeriniz artacaktır.
• IE, .js ve harici .css dosyalarında sık sık çökmesi nedeniyle şablonunuzu sorunsuz yükleyecektir.
• Mobil sayfa görünümlerinizde de artış olacaktır.

Yukarıda bahsettiğimiz sitelerden site hızınızı kontrol ettiğinizde size js/css dosyaları gibi hızlı yüklenmeyi engelleyen şablondaki sütunları öneri olarak sunacaktır ve bu sayede şablonda yüke sebep olan istenmeyen .css ve .js dosyalarını göreceksiniz.

• 
  
  Blogger Css Dosyalarını Optimize Etmek

1. Aşağıdaki bölümü bulunuz
   <b:skin><![CDATA[

Tüm CSS Kodlarınız
]]></b:skin>
2. Tüm css kodlarınızı kopyalayınız ve not defterine aşağıdaki kodların arasına yapıştırınız.
<style type='text/css'>
Tüm CSS Kodlarınız
</style>
3.Kodlarınız şimdi aşağıdaki şekilde olacaktır.
<b:skin><![CDATA[
]]></b:skin>

<style type='text/css'>
Tüm CSS Kodlarınız
</style>
4. Şimdi ise aşağıdaki kodu
<b:skin><![CDATA[

]]></b:skin>
5.Altta verdiğim ile değiştiriniz
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*
<b:skin><![CDATA[*/]]></b:skin>
Şimdi sizin işlemleri doğru yaptıysanız yeni css kodunuz şu şekilde gözükecektir.
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*
<b:skin><![CDATA[*/]]></b:skin>

<style type='text/css'>
Tüm CSS Kodlarınız
</style>

Bu kodu önceki temanızda aldığınız kodun yerine yapıştırınız ve </head> etiketinden önce olmasına dikkat ediniz.
Not: Temanızda &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* var ise 5 numaralı adımı uygulamanıza gerek yoktur.

Temanızı kaydediniz ve hız testine tekrar bakınız.

• JS.Dosyasını Optimize Etmek

Css dosyalarındaki sorun ortadan kalktıysa ve .js dosylarından dolayı hata veriyorsa aşağıdaki kodu bulunuz.
</body>
Bu kodu aşağıdaki ile değiştiriniz.
&lt;!--</body>--&gt; &lt;/body&gt;

Tüm yapmanız gerekenler bu kadardır. İşlemleri yaptıktan sonra aşağıdaki şekilde optimize olduğunu göreceksiniz.
Bir sonraki yazı hızlandırma ve optimize konusunda 2# olarak gelecek. Takipte kalınız. İyi günler..

Teşekkürler

Rica ederim