Blogger blog sitelerinde harici CSS, Javascript ve Widget dosyaları bulunmakta. Blogger ücretsiz hizmet sunmakta ve kullanıcılara kolaylık olması için harici dosyalar barındırmakta. Blog sitelerinde bulunan harici dosyalar da blog sitelerine fazladan yük bindirmekte ve sayfaların geç yüklenmesine, hatta mobil cihazlarda bazı sayfaların yüklenmemesine neden olmakta.
Blog sitenizde bulunan harici dosya bağlantılarını kaldırmak sayfa yüklenmelerini hızlandırmakta ve sayfaların sorgu sayısını da düşürmekte. Ancak, bu harici dosyaların devre dışı bırakılması durumunda bazı Widget dosyalarının çalışması durdurulacak. Mesela iletişim formu ve ziyaretçi sayısı sayacı gibi harici dosyalar ile desteklenen Widget'ların çalışması durdurulur.
Bu yazımızda paylaştığımız optimizasyon ipuçlarını blog sitenizde uygulamadan önce blog sitenizin şablonunu yedekleyin.Şuan üzerinde çalışmış olduğum blog temalarının tümünde bu uygulumaları kullanmaktayım. Sağlık sorunları nedeniyle yarım kalmış olan tema tasarımlarımı inşallah en kısa sürede blog sitemizde yayınlayacağım.
Hem hızlı bir blog temasına sahip olacaksınız hem arama motorlarının blogunuzu daha hızlı taramasını ve blog ziyaretçilerinizin sayfalar arasında daha rahat dolaşımını sağlamış olacaksınız.
Blog sitenizi hızlandırmak için yapmanız gereken optimizasyonu çalışmaları için aşağıdaki adımları takip edin.
Blogger CSS ve JavaScript Gibi Harici Dosya Bağlantıları Nasıl Kaldırılır?
Birinci adım: Blogger hesabınıza giriş yapın ve blogunuzun kumanda panelinde bulunan Tema > HTML'i Düzenle yolunu takip ederek blogunuzun şablon editör sayfasını açın.
İkinci adım: Blogunuzun şablon editör sayfasında bulunan HTML açılış ve kapanış kodunu belirtilen kod ile değiştirin.
HTML Etiketleri
Blog şablon kodlarınızın ilk satırlarında bulunan aşağıdaki HTML açılış kodunu bulun.
Aşağıdaki kodu yukarıdaki kod ile değiştirin.
Şablon kodlarınızın en altında bulunan HTML kapanış kodunu bulun.
Yukarıdaki kod ile aşağıdaki kodu değiştirin.
<html>Aşağıdaki kodu yukarıdaki kod ile değiştirin.
<HTML expr:dir='data:blog.languageDirection'>Şablon kodlarınızın en altında bulunan HTML kapanış kodunu bulun.
</html>Yukarıdaki kod ile aşağıdaki kodu değiştirin.
</HTML>Üçüncü adım: Şablon editör sayfanızda bulunan head etiket kodlarını aşağıdaki talimatlara uygun şekilde değiştirin.
HEAD Etiketleri
Blog şablon kodlarınızın ilk satırlarında bulunan aşağıdaki kodu bulun.
Aşağıdaki kodu yukarıdaki kod ile değiştirin.
Şablon kodlarınızın en altında bulunan aşağıdaki kodu bulun.
Yukarıdaki kod ile aşağıdaki kodu değiştirin.
<head>Aşağıdaki kodu yukarıdaki kod ile değiştirin.
<head>Şablon kodlarınızın en altında bulunan aşağıdaki kodu bulun.
</head>Yukarıdaki kod ile aşağıdaki kodu değiştirin.
</head><!--<head/>-->Dördüncü adım: Harici CSS dosyalarını sıfırlamak yani engellemek için aşağıdaki değişiklikleri yapın.
CSS Etiketleri
Blogunuzun CSS açılış ve kapanış etiket kodlarını aşağıdaki gibi değiştirin.
Aşağıdaki kodu yukarıdaki kod ile değiştirin.
Aşağıdaki kodu bulun.
Yukarıdaki kod ile aşağıdaki kodu değiştirin.
<b:skin><![CDATA[Aşağıdaki kodu yukarıdaki kod ile değiştirin.
<style type="text/css">
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>Aşağıdaki kodu bulun.
]]></b:skin>Yukarıdaki kod ile aşağıdaki kodu değiştirin.
</style>Beşinci adım: Blogunuzun şablon editör sayfasında bulunan </body> kapanış etiketini aşağıdaki talimata uygun olarak değiştirin.
BODY Kapanış Etiketi
Şablon kodlarınızın en alt kısmında bulunan aşağıdaki kodu bulun.
Aşağıdaki kodu yukarıdaki kod ile değiştirin.
</body>Aşağıdaki kodu yukarıdaki kod ile değiştirin.
<!--</body>--></body>Yukarıdaki adımları tamamladıktan sonra şablon editör sayfanızı kaydedin ve blogunuzu Google PageSpeed Insights'da kontrol edin.
Blog hız verileri haftalık olarak güncellenir, bu nedenle blogunuzu test etmek ve doğru sonuçlar almak için her test için 30 saniye beklemelisiniz.
Yukarıdaki ipuçlarını blogunuzda uyguladıktan sonra blogunuzda bulunan iletişim formu çalışmayabilir. Bunun için daha önce paylaşmış olduğumuz yeni iletişim formunu kullanabilirsiniz: Blogger İletişim Formu Yeni TasarımıBlogunuzun görünümünde herhangi bir problem olmaması ve test sonucu olumlu sonuç verirse blogunuzun optimizasyon çalışması başarılı olmuştur. Yukarıda da söylediğim gibi bazı blog temalarında bu uygulamalar blog temalarının bazı sorunlara neden olmakta. Sebebi ise blog temasının eski veya uygun kodlamaya sahip olmamasından kaynaklanmaktadır. Yukarıdaki optimizasyon çalışmaları için herhangi bir problem olması durumunda yorum formundan bize ulaşabilirsiniz.
KategoriBlogger İpuçları