Apache ve Nginx üzerinde bant genişliği optimizasyonu

04 Eylül 2014, Perşembe

Herkes daha az bant genişliği kullanmak ister: barındırma hizmeti sağlayıcıları daha düşük faturalar, mobil kullanıcılar limitlerini aşmamak ve hiç kimse gereksiz baytların yüklenmesini beklemek istemez. Web, bant genişliğinden tasarruf etmek için sayısız fırsatla doludur: gzip olmadan sunulan sayfalar, küçültülmemiş (minified) stil dosyaları ve JavaScript’ler, optimize edilmemiş görseller bunlardan sadece birkaçıdır.

Peki web neden halihazırda bant genişliği için optimize edilmiş durumda değil? Eğer bu tasarruflar herkesin yararınaysa, neden henüz çözülmedi? Çoğunlukla bu durum çok fazla zahmetli görülüyor. Web tasarımcılarına görsellerini dışa aktarırken “web için kaydet” seçeneğini kullanmaları önerilir ancak bunu her zaman hatırlamazlar. JavaScript programcıları, hata ayıklamayı zorlaştırdığı için küçültülmüş kodlarla çalışmaktan hoşlanmazlar. Geliştirme veya dağıtım sürecinizin bir parçası olarak bu optimizasyonların her birinin sitenize her seferinde uygulanmasını sağlayan özel bir süreç (pipeline) kurabilirsiniz, ancak bu oldukça zahmetli bir iştir.

Web kullanıcıları için kolay bir çözüm, Chrome’un sunduğu gibi optimize edici bir proxy kullanmaktır. Kullanıcılar bu hizmeti tercih ettiklerinde, HTTP trafikleri Google’ın proxy’si üzerinden geçer; bu da sayfa yüklemelerini optimize eder ve bant genişliği kullanımını %50 oranında azaltır. Bu, söz konusu kullanıcılar için harika olsa da, yalnızca özelliği açan Chrome kullanıcılarıyla sınırlıdır ve HTTPS trafiğini optimize edemez.

Optimize for Bandwidth ile PageSpeed ekibi, aynı teknolojiyi web yöneticilerine sunarak herkesin faydalanmasını sağlıyor: diğer tarayıcıların kullanıcıları, güvenli siteler, masaüstü kullanıcıları ve giden trafik faturalarını düşürmek isteyen site sahipleri. Sadece Apache veya Nginx sunucunuza PageSpeed modülünü kurun¹, yapılandırmanızda Optimize for Bandwidth’i etkinleştirin; gerisini PageSpeed halledecektir.

Daha sonra PageSpeed’in önbellek genişletme ve satır içi kodlama (inlining) gibi daha gelişmiş optimizasyonlarıyla veya daha agresif olan görsel tembel yükleme (lazyloading) ve JavaScript erteleme özellikleriyle ilgilenirseniz, bunları PageSpeed yapılandırmanızdan etkinleştirmeniz yeterlidir.

PageSpeed kurulumu veya Optimize for Bandwidth’i etkinleştirme hakkında daha fazla bilgi edinin.

Yazan: Jeff Kaufman, Make the Web Fast

1: Farklı bir web sunucusu kullanıyorsanız, PageSpeed’i bir Apache veya Nginx proxy üzerinde çalıştırmayı değerlendirin. Ayrıca bu proje tamamen açık kaynaklıdır ve IIS, ATS ve diğerleri için taşıma çalışmaları devam etmektedir.