Javascript ve Css Kodlarına Optimize
Kuşkusuz web geliştiricilerin en büyük sıkıntıları, yaptıkları web sitesinin açılış sürecini yavaşlatan ağır javascript ve büyük css dosyalarıdır. Kaynak kodlara eklenen her küçük .js dosyası sitenin yükleme hızını düşürmektedir. Bunun sonucunda kullanıcılar bir daha web sitesine girmekten vazgeçebilir. Aynı zamanda sitenin açılış süresi ne kadar yüksekse, google aramalarındada sitemizi negatif etkilemektedir. Çok büyük bir sorundur. Geliştiriciler kesinlikle işlerini müşteriye, temsil etmeden önce bu kodları optimize etmelidir.
Optimize işlemini bizler için kolaylaştıran servislerde bulunmaktadır.
Sitelerimizin bu konuda değerini görmek için Google Page Speed uygulamasını kullanabiliriz. Buna alternatif olarak hizmet veren servislerde bulunmaktadır. Yazının sonunda bu kaynağa ulaşabilirsiniz. Google Page Speed hizmeti web sitemiz için yapmamız gereken önerileri göstermektedir. Google açısından bize puanda vermektedir.
Page Speed'in bloguma verdiği puan ve geniş rapor
Burada verilen önerileri web sitemize uygulamak bize fayda sağlayacak ve sitemizin açılış hızı yükselecektir. Şimdi web sitemizi nasıl optimize edeceğiz onu öğrenelim.
Optimize İşlemleri
1. Packer
Packer uygulaması ile javascript sayfalarımızın kaynak kodlarını sıkıştırabiliriz. Bu işlem ile javascript sayfalarımızın boyutu düşecektir.
2.Minify
Minify uygulaması , temel olarak html sayfalarını sıkıştırıp, javascript dosyalarını tek bir yere toplar. HTTP isteklerini ortadan kaldırır ve CSS / JavaScript bant genişliğini %70 oranında azaltır. Her sitede kesinlikle kullanılması gereken bir uygulamadır. Bu sistemin en güzel yanı ise WordPress için, WP Minify ve W3 Total Cache eklentilerinde bulunmasıdır. Bu iki eklenti ile bu işlemleri otomatik hale getirebilirsiniz.
3.JSMin
Javascriptleri oldukta ufaltan bir uygulamadır.
4.YUI Compressor
Yui Compressor Yahoo’nun müthiş bir servisidir.
YUI Compressor adından da anlaşılacağı gibi, hızlı ve güvenli bir şekilde dosyalarınızı sıkıştırır. YUI hem CSS ve JavaScript ile çalışır, Packer veya JSMin (yukarıda sunulan) eklentiler gibi rakiplerinden daha iyi ve detaylı hizmet sunar. Uygulamanın amacı, kodun kalitesini korumak ve düzgün çalışmıyorsa optimize etmektir.
Bu başarılı uygulamlar ile sayfanızı optimize için fazla zaman harcamak zorunda kalmazsınız, ama siteyi yayına sunmadan önce bunları yapmak daha iyi bir fikirdir. Çünkü yayından sonra, sitenizin ziyaretçi sayısı artacak ve bu işlemleri yapmak sizler için daha zor olacaktır. Sitenizin açılış süresi çok önemli bir kavramdır.Bunu sakın es geçmeyin. Bu nedenle bu araçların her birini denemelisiniz.
Ayrıca yüksek ziyaretçili sayfalarda, cache ve gzip sıkıştırmalarını kullanmayı unutmayın.
Konu ile yararlı siteler :