Sayfa Hızı İçin Kullanabileceğiniz Onlarca Araç

Sayfa hızınızı artırırken bir çok araçtan destek almak gerekebiliyor. Bu araçları bazıları sayfa hızını hesaplamak, bazıları sayfa varlıklarınızın boyutlarını küçültmek için kullanılabiliyor. Tek bir yazıda bir kütüphane oluşturarak elinin altında ulaşabileceğiniz bir kaynak oluşturmak istedik.

Bu yazıda hangi alanlarla ilgili araçlar var diye listelemek gerekirse;

• Sayfa hızını belirlemek için araçlar
• Görsel boyutunu düşürmek için araçlar
• CSS, Javascript, HTML optimizasyon araçları

Sayfa hızını belirlemek için araçlar

1. Google Pagespeed Insights:  En bilindik sayfa hızı aracıdır. Lighthouse altyapısı ile çalışarak siteleri puanlar. Geçmişe dönük on 28 günün bilgisini de sunar.
2. Webpagetest: Kendi altyapısında üç farklı deneme yaparak ortalama sonuçlar sunan, daha teknik raporlar sağlayan API altyapısı da sunan platformdur.
3. Treo.sh: Pagespeed ve CrUX altyapısına dayanan verileri son 12 aylık süreç ile ilgili görsellikle birlikte sunan tek platformdur.
4. GTmetrix: Lighthouse altyapısı ile site hızıyla ilgili iç görü sağlayan ve kendi notunu veren araçtır.
5. Dareboost: Kendi altyapısında site hızı ile ilgili bilgiler sunan araçtır.
6. Calibri App: Birden çok sayfayı rakiplerle birlikte karşılaştırmanıza yarayacak araçtır. Lighthouse altyapısını kullanır.
7. SpeedCurve: RUM ve sentetik site hızı verilerini bulabileceğiniz ücretli araçtır.
8. Yellowlab: Kendi altyapısında özgün olarak iyileştirilebilir metrikleri sunan yararlı araçtır.
9. Speed Kit: Hem Wordpress plugin'i hem de normal siteler için sadece teşhis değil tedavi de yapan ender araçlardan biridir.
10. Perfmatters.io: Wordpress için küçük boyutlu performans eklentisidir.

Görsel boyutunu düşürmek için araçlar

1. Imagify.io: Görsellerin boyutlarını düşürmek için kullanılabilecek, API altyapısı ve Wordpress plugin'i de olan bir araç.
2. Squoosh.app: Görselleri MozJPEG, OptiPNG ve WebP gibi formatlara çevirebileceğiniz çok basit ve hızlı araçlardan biri.
3. TinyJPG: JPG boyutlarını düşürebileceğiniz basit araç.
4. TinyPNG :Bir önceki aracın PNG için olan versiyonu.
5. Compressor.io: JPEG, PNG, GIF and SVG formatlarını sıkıştıran ve karşılaştırmalı görselliğiyle öne çıkan platform.
6. Kraken: API desteği olup JPEG, PNG, GIF, Animated GIF ve SVG formatlarına destek veren, WordPress ve Magento plugin'leri olan en eski ve sağlamlardan araçtır.
7. Optimizilla: Basit ve çok kullanışlı JPEG ve PNG dosya sıkıştırıcısıdır.
8. ImageOptim: Online araçla birlikte özellikle Mac bilgisayarınızda toplu olarak görsel sıkıştırmayı düşünüyorsanız mutlaka bu araca göz atmalısınız
9. Crush Pics: Shopify ve Wordpress pluginleri olan, API ile hizmet veren, görsellerde kayıpsız olarak optimizasyon yapma imkanı sunuyor.
10. Minifier: Shopify için üretilmiş kendinden görseller için alt etiketi üreten SEO dostu araç.
11. GIMP Save for Web: Windows altyapısında çalışan, toplu sıkıştırma yapabileceğiniz uygulamadır.
12. Website Image Analysis Tool: Hangi görsel formatının daha optimize olduğu girdiğiniz sayfa üzerinden söyleyen araçtır.

CSS, Javascript, HTML optimizasyon araçları

1. Refresh-SF: CSS, JS ve HTML hepsini tek bir sitede sıkıştırabileceğiniz araçtır.
2. CleanCSS: CSS sıkıştırma için yoğunlukla kullanılan araçtır.
3. Styleneat: CSS, JS ve HTML formatlarını tek platformda sıkıştırabilen araçtır.
4. Css Optimizer: Sadece CSS optimizasyonu sağlayan platformdur.
5. Tabifier: HTML, CSS ve JSON bir çok kod yapısını sıkıştıran platformdur.
6. Minifier: CSS ve JS yapılarını sıkıştıran platformdur.
7. Critical CSS: Addy Osmani tarafından geliştirilen sayfaların kritik CSS'lerini bulup çıkaran GitHub kaynak koddur.
8. PurifyCSS: Sayfada kullanılmayan CSS'leri ayıran oldukça kullanışlı araçtır.

Son güncelleme: 07.10.2022