Sayfa hızınızı artırmak çoğu zaman çeşitli araçların desteğini gerektirir. Bu araçlardan bazıları sayfa hızını ölçmek için kullanılırken diğerleri sayfa varlıklarınızın boyutunu azaltmak için kullanılır. Bu makalede kullanışlı bir referans olarak hizmet verecek bir kitaplık oluşturduk.

Bu yazımızda araçların kapsadığı alanları sıralamamız gerekirse:

  • Sayfa hızını belirlemeye yönelik araçlar
  • Görüntü boyutunu küçültecek araçlar
  • CSS, JavaScript, HTML optimizasyon araçları

Sayfa Hızını Belirlemeye Yönelik Araçlar

  1. Google Pagespeed Analizleri:  En bilinen sayfa hızı aracı. Lighthouse altyapısını kullanarak siteleri puanlıyor ve son 28 güne ait verileri sağlıyor.
  2. Web sayfası testi: Ortalama sonuçlar sağlamak için altyapısı üzerinde üç farklı test gerçekleştiren ve API ile daha teknik bir rapor sunan bir platform.
  3. Treo.sh: Son 12 aya ait görsel verileri Pagespeed ve CrUX altyapısına dayalı olarak sunan tek platform.
  4. GTmetrix: Lighthouse altyapısını kullanarak site hızı hakkında bilgi veren ve kendi puanını veren bir araç.
  5. cesaret artırıcı: Altyapısı üzerinde site hızı bilgisi sağlayan bir araçtır.
  6. Calibri Uygulaması: Lighthouse altyapısını kullanarak birden fazla sayfayı rakiplerle karşılaştırmanıza olanak sağlayan bir araç.
  7. Hız Eğrisi: RUM ve sentetik site hızı verilerini bulabileceğiniz ücretli bir araç.
  8. Sarılab: Altyapısında benzersiz geliştirilebilir metrikler sağlayan kullanışlı bir araç.
  9. Hız Kiti: Site sorunlarını yalnızca teşhis etmekle kalmayıp aynı zamanda tedavi eden nadir araçlardan biri, WordPress eklentisi olarak ve normal siteler için mevcuttur.
  10. Perfmatters.io: WordPress için hafif bir performans eklentisi.

Görüntü Boyutunu Küçültme Araçları

  1. Imagify.io: Bir API ve bir WordPress eklentisi ile görüntü boyutlarını küçültmeye yönelik bir araç.
  2. Squoosh.app: Görüntüleri MozJPEG, OptiPNG ve WebP gibi formatlara dönüştürmek için çok basit ve hızlı bir araç.
  3. TinyJPG: JPG boyutlarını küçültmek için basit bir araç.
  4. TinyPNG: Önceki aracın PNG sürümü.
  5. Compressor.io: JPEG, PNG, GIF ve SVG formatlarını sıkıştıran, karşılaştırmalı görselleri ile öne çıkan platform.
  6. deniz canavarı: WordPress ve Magento eklentilerinin yanı sıra JPEG, PNG, GIF, Animasyonlu GIF ve SVG formatlarını sunan, API desteğine sahip en eski ve en sağlam araçlardan biri.
  7. Optimizilla: Basit ve son derece kullanışlı bir JPEG ve PNG dosya sıkıştırıcı.
  8. ImageOptim: Mac bilgisayarlarda toplu görüntü sıkıştırma için özellikle yararlı olan çevrimiçi bir araç.
  9. Resimleri Ezmek: Shopify ve WordPress eklentileri ile görseller için kayıpsız optimizasyon sunan bir araç, aynı zamanda API aracılığıyla da mevcuttur.
  10. Minifier: Shopify için görseller için alt etiketler oluşturan SEO dostu bir araç.
  11. GIMP Web için Kaydet: Toplu görüntü sıkıştırmaya olanak tanıyan bir Windows uygulaması.
  12. Web Sitesi Görüntüsü Analiz Aracı: Giriş URL'sine bağlı olarak hangi resim biçiminin daha optimize edildiğini söyleyen bir araç.

CSS, JavaScript, HTML Optimizasyon Araçları

  1. Yenileme-SF: CSS, JS ve HTML'yi tek bir sitede sıkıştıran bir araç.
  2. TemizCSS: CSS sıkıştırması için yaygın olarak kullanılan bir araç.
  3. Stil düzgün: CSS, JS ve HTML formatlarını tek bir platformda sıkıştıran bir araç.
  4. Css Optimize Edici: CSS optimizasyonu sağlayan bir platform.
  5. Sekme belirteci: HTML, CSS ve JSON kod yapılarını sıkıştıran bir platform.
  6. Minifier: CSS ve JS yapılarını sıkıştıran bir platform.
  7. Kritik CSS: Sayfalardan kritik CSS'leri çıkarmak için Addy Osmani tarafından geliştirilen bir GitHub kaynak kodu.
  8. ArındırmaCSS: Bir sayfada kullanılmayan CSS'yi ayıran çok kullanışlı bir araç.

Bu araçlar, deneyiminizi önemli ölçüde geliştirebilir web sitesinin performansı sayfa hızı ölçümünden varlık boyutunun azaltılmasına ve kod optimizasyonuna kadar çeşitli yönleri optimize ederek.