lostyazilim
tr.link

Javascript Optimize İşlemleri

4 Mesajlar 2.078 Okunma
acebozum
tr.link

Paulshark Paulshark WM Aracı Kullanıcı
  • Üyelik 20.12.2010
  • Yaş/Cinsiyet 39 / E
  • Meslek Yönetici
  • Konum Ankara
  • Ad Soyad S** Ö**
  • Mesajlar 196
  • Beğeniler 11 / 58
  • Ticaret 14, (%100)
Gelişen web teknolojisi ile kullanıma hazır sistemlerin örnek olarak java script lerin, kullanım oranı bir hayli artmıştır. Hem görselliği hem de canlılığı aynı zaman diliminde kullanıcıya yansıtan bu sistemlerin birçok artısı olduğu gibi eksisi de bulunmaktadır.

Eğer hedef kelime kaygısı güdüyorsanız ve bazı terimlerde ticari menfaatleriniz var ise performans sizin için ilk seçenek olmalıdır.

Peki site performansını arttırmak için ne gibi uygulamalar yapılabilir ?

İşte bu soruya cevap olaraktan ilk işlemimiz java script dosyaları nı optimize etmek olacak.

Daha önce duymamış olabilirsiniz, html içinde açık kodlama olarak belirttiğimiz java script şekillerine inline js diyoruz. İşte bu dosya biçimi bizim optimize işlemlerimizin başında yer alıyor.



inline js nin sayfa kaynağında görünür şekli şu şekildedir:



Bu şekildeki bir siteyi inceleyen botlar html / içerik oranına göre siteyi değerlendirirken düşük not verirler ve ister istemez siteniz bu durumdan etkilenir. Bizim istediğimiz şey daha doğrusu olması gereken şey ise içerik oranımızın her zaman kod oranına göre çok daha fazla olmasıdır. Ayrıca google botları sitemizi tararken java script kodlarının değerlendirmesini pek doğru yapamazlar.


Burada yapmamız gereken, kaynak kodları arasında rahatça görülebilen;
<script> java script kodları </script>

arasındaki tüm kodları kopyalayıp, ftp de uygun bir klasör açıp oraya kodla alakalı olmak kaydıyla ( misal ust-menu-js ) adlı bir dosya açıp içine kopyaladığımız kodları yapıştırmamız. Uzantının .js olmasına dikkat ediyoruz.

Javascript dosyamızın verildiği kodları header.php veya index.php den şu şekilde düzenliyoruz:

Önceki hali;

<script> </script>

Olması gereken hali:

<script></script>


Yukarıda yer alan kod ile sunucuya yüklediğimiz kodu dışarıdan bir kaynak olarak çağırıyoruz. Sonuç olarak hem html boyutunu küçültmüş oluyoruz hem de javascript kodunun harici bir kaynaktan çağırılarak site açılırken sitedeki tüm kaynakların bölüm bölüm yüklenerek daha hızlı açılmasını sağlıyoruz. Bu da bizi rakiplerimize göre bir adım öne götürüyor.

Optimize işlemleri site hızlandırma tekniklerinin temel elemanlarıdır. Bu nedenle bu konuların dikkatle takip edilip uygulanması gerekir.

Kaynak:

Javascript Optimize işlemleri

bd OkanSaglam m2oyna

kişi bu mesajı beğendi.

wmaraci
reklam

OkanSaglam OkanSaglam www.okansaglam.com.tr Kullanıcı
  • Üyelik 13.07.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum
  • Ad Soyad O** S**
  • Mesajlar 382
  • Beğeniler 101 / 72
  • Ticaret 15, (%100)
Güzel bir yazı olmuş, eline sağlık.
 

 

Paulshark Paulshark WM Aracı Kullanıcı
  • Üyelik 20.12.2010
  • Yaş/Cinsiyet 39 / E
  • Meslek Yönetici
  • Konum Ankara
  • Ad Soyad S** Ö**
  • Mesajlar 196
  • Beğeniler 11 / 58
  • Ticaret 14, (%100)
Teşekkür ederim okan.
 

 

m2oyna m2oyna turkiyesifa.com Kullanıcı
  • Üyelik 05.10.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Bilgi İşlem
  • Konum İstanbul Avrupa
  • Ad Soyad M** K**
  • Mesajlar 232
  • Beğeniler 28 / 59
  • Ticaret 0, (%0)
Teşekkürler :) Hemen uyguladım
 

 

wmaraci
wmaraci
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al