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