File Merger - CSS ve JS'i Optimize Et

SEOFuxx File Merger bir web sitesini tarar ve seçtiğin yerel CSS ve JavaScript dosyalarını birleştirir.

Birleştirici şu an ne yapar?

Verdiğin URL'yi yerel .css ve .js dosyaları için tarar ve bulduğu her şeyi tıklanabilir bir liste olarak gösterir. Seçimin tek bir CSS ve tek bir JS dosyası olur; istersen küçültülmüş (Dosyaları küçült anahtarı).

Adım adım

1. Gezinmede File Merger'ı aç
2. Alan adını gir (örn. https://your-website.com)
3. Web sitesini analiz et düğmesine tıkla
4. Birleştirilecek dosyaları seç
5. Dosyaların küçük olmasını istiyorsan Dosyaları küçült açık kalsın
6. Dosyaları birleştir düğmesine tıkla

Sonuç dosyaları

Birleştirmeden sonra iki dosya hazır olur:

• global.js
• global.css

İndirme bağlantıları aracın hemen altında görünür.

Web sitene entegrasyon

1. global.js ve global.css dosyalarını sunucuna yükle
2. Önceki tek tek eklemeleri yeni dosyalarla değiştir
3. Ardından tarayıcı/sunucu önbelleğini temizle

Ekleme şöyle görünür:

<link rel="stylesheet" href="/assets/global.css?v=1" />
<script src="/assets/global.js?v=1"></script>

Önemli notlar

JavaScript sırası

JavaScript'te sıra önemlidir. jQuery ve diğer kütüphaneler, onlara ihtiyaç duyan eklentilerden önce yüklenmelidir.

Harici kaynaklar

Birleştirici yalnızca yerel dosyalarla çalışır. Bir CDN'den gelen her şey güvenilir biçimde alınmaz.

Her ön yüz güncellemesinden sonra

CSS veya JS dosyaların değişirse birleştirmeyi yeniden çalıştır, yoksa sitende eski sürüm sunulmaya devam eder.

Sorun giderme

Birleştirmeden sonra düzen veya işlevler bozuldu

• Önce JS sırasını kontrol et
• Şüpheli bir dosyayı deneme olarak birleştirmenin dışında bırak
• Önbelleği temizle ve bir kez daha test et

Dosya bulunamadı

• global.js ve global.css yolları doğru mu?
• Dosyalar gerçekten web sunucusunda mı?

İpucu

Öncesinde ve sonrasında PageSpeed Insights veya Lighthouse ile ölç. Böylece emeğin karşılığını verip vermediğini görürsün.