Merhaba Arkadaşlar
Bildiğiniz üzere Google Pagespeed kullanan arkadaşlarımız Oluşturmayı önleyen JavaScript ekranın üst kısmındaki içerikten kaldırın hatasını alıyorlardı.Google’in bu hataya çözüm olarak gösterdiği öneri ise hem html dosya boyutunu artırıyor hem de Google Pagespeed de Sayfa hızı ile ilgili uyarılara neden oluyordu.İşte bügün size burada bu uyarıyı nasıl çözeceğinizi göstermeye çalışacağım.
Aslında bu uyarının çözümü fazlasıyla basit.Şimdi size nasıl çözüleceğini kodlar üzerinde anlatıyım.Öncelikle aşağıdaki kod bizim örnek javascript kodumuz olsun
<script type="text/javascript" src="http://tr.analizcik.com/jscripts/prototype.js?ver=1603"></script>
Şimdi burada yapmamız gereken geciktirici defer kodunu eklemek.Yani şöyle ;
<script type="text/javascript" src="http://tr.analizcik.com/jscripts/prototype.js?ver=1603" defer></script>
Kodlamada gördüğünüz üzere kodun sonuna sadece defer kelimesi eklenmiş.Defer sizin eklediğiniz javascript kodunun veya dosyasının sayfanın açılmasından sonra yüklenmesine olanak sağlar.Yani javascript dosyanız sayfa yüklendikten sonra yüklenmeye başlıyacak.Ve artık hatanız çözülmüş oldu.Başka sorularınız varsa buradan sorabilirsiniz.
Hayırlı Günler
bu güzel anlatım için teşekkür ederim…
fakat bunu wordpress ile nasıl yapacağım…
kodu nereye ekleyeceğim… bunu anlatsanız daha iyi olurdu 🙂
Merhaba
Basit bir şekilde yapacaksınız.Wordpress temanızın düzenleme bölümüne gelip üst kısım header bölümünü düzenleyeceksiniz.Javascript kodları orada bulunmaktadır.Yapamazsanız resimli anlatım olarak ekleyebilirim
Merhaba
Resimli ve wordpress için nasıl yapılacağını anlatırmısınız?
Merhaba
1 ay içerisinde anlatımı ekleyeceğim.
bu güzel anlatım için teşekkür ederim…
fakat bunu wordpress ile nasıl yapacağım…
kodu nereye ekleyeceğim… bunu anlatsanız daha iyi olurdu 🙂
Selam benim kod bu şekilde bu şekilde yaptım ama sitem açılmadı. Neyi yanlış yapmış olabilirim
bu şekilde yaptım
Merhaba
Kodunuzu şeklinde deneyiniz
Merhaba
Kodunuzu şeklinde deneyiniz
Selam benim kod bu şekilde bu şekilde yaptım ama sitem açılmadı. Neyi yanlış yapmış olabilirim
hocam benim wp teması biraz karışık. o linkleri oluşturan dosya da urller şu şekilde örnek: e_script(‘jquery’, get_bloginfo(‘template_url’).’/includes/js/jquery.min.js’, false, ‘1.7.2’) ne ettiysem defer i halledemedim. ya tema iptal oluyor, ya da js uzantı dosya iptal. deferi bu sekıldekı urllere nasıl yerleştirebilirim yardımcı olursanız sevinirim.
Merhaba Yılmaz Bey
Rica etsem kodlarına bakmam için site adresinizi belirtirmisiniz?
onlinekpss.org hocam sayfa kaynağında kodlar sizin yazdığınız gibi ama temada benim belirttiğim gibi başlıyor. if (function_exists(‘register_nav_menus’)) add_action( ‘init’, ‘register_main_menus’ );
// Register and deregister Scripts files
if(!is_admin()) {
add_action( ‘wp_print_scripts’, ‘my_deregister_scripts’, 100 );
}
function my_deregister_scripts() {
wp_deregister_script( ‘jquery’ );
//wp_enqueue_script(‘jquery’, ‘http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js’, false, ‘1.7.2’);
wp_enqueue_script(‘jquery’, get_bloginfo(‘template_url’).’/includes/js/jquery.min.js’, false, ‘1.7.2’);
sanırım onun için functions’a kod eklemem lazım.
defer tanımı tag yapısına aykırı arkadaşlar. bu yüzden w3c validator da hata sorgusunda script tagları- hata verecektir. şeklinde tanımlamak daha mantıklı..
Sayfam açılmıyor diyenlere söyle söyliim. sayfa içinde tekrar bi script çağırmış olabilirsiniz bunlara da aynı şeyleri uygulamanız gerekiyor.
defer = ” defer ” şeklinde…
ohh ya sağolun bende bu çözümü arıyodum
Güzel anlatım olmuşta ben bir blog acemisi olarak bu dediğiniz kodları nereye nasıl eklicez detaylı birşekilde anlatırsanız sevinirim.
Merhaba Yağmur Hanım
Gereken anlatımı en kısa zamanda yayınlacağımı belirtmek isterim.Yorumunuz için teşekkür ederim.
Merhaba..
Bayan Yağmurla aynı soruyu paylaşıyorum.Ben üzerinde denedim olmadı.
Başarılar
merhaba wordpress için nasıl yapacagız, kodlar hangi dosyaların içerisinde, yardımcı olurmusnuz
bu kodları görebilmemiz için JavaScript dusyalarını nasıl açıyoruz?
Merhaba
Not defteri editörleri ile açabilirsiniz.Örnek Notepad ++ kullanabilirsin.
Arkadaşlar bu ayarı Worpress tema dosyasında değil wp-includes klasöründe bulunan “class.wp-scripts.php” dosyasından yapacaksınız. WordPress’i çok soran olmuş sayfayı gezerken yorum yapayım dedim 🙂 yardımcı olmuştur umarım.
Merhaba
Bildiğim kadarıyla bazı temalarda değişiklik olabiliyor.Videolu anlatım hazırlıyacam demiştim ancak vize sınavlarımın araya girmesi nedeniyle biraz gecikecek
WP kullanıcıları için çözüme en yakın yanıtı siz vermişsiniz. Bahse konu php dosyasının neresine ve nasıl editleyeceğimizi de söylerseniz, bu sorunla boğuşan herkes size minnettar kalacaktır.
bilgiler için teşekkürler.
merak ettiğim “defer” özelliğini desteklemeyen tarayıcılarda “defer” kodu eklenen script`in çalışma sorunu oluyormu?
mesela x.js A tarayıcısında çalışıyor ama bu tarayıcı “defer” desteklemiyor “defer” eklendiği zaman x.js scriptinin çalışmasında sorun olurmu
emre bey wordpres de bu işlemi nasıl yapacağız açıkçası ne yaptıysam olmadı
Aşağıdaki şekilde “defer”‘i nereye yazmamız gerekiyor acaba? Örneğin; yaptığımda, sayfa açılmasına rağmen, yeri boş kalıyor. Teşekkürler.
Bu konuyu birazdaha açıklarmısınız yeterince açık olmamış.
Tabi hatun olunca hemen teşekkür geliyor .)
Merhaba
Yorumunuzu tam olarak anlıyamadım
Yeni bir anlatım eklenmesi bence güzel olacak
defer kodunu opencart bir siteye uyguladığım zaman anasayfa da bulunan slider kayboluyor çözüm nedir?
Merhaba
Şubat ayında sorun çözümü için ayrıntılı yazı yayınlayacağım.
Normalde yorum yazmayı sadece backlink için kullanırım ama sen varya adamın dibisin 😀 büyük dertten kurtardın sağol
Öncelıkle Tsk Ederim Hocam Güzel Paylaşım
wordpress baslangiç- temalar-düzenleyici header.php bulun kodu
iste ismi kendi sitenizi yazın en tepeye yağiştirip kaydedin oluyo şimdiden tşkelr
aynı şeyi kwndi sitemde de denedim ama olmadı. sitemin kodlarına bakmanız mümkün mü ?