Bilgi Rehberi Bir Garip Bilgi Bloğu
Merhaba Arkadaşlar bu yazımda sizlere sayfanızın daha hızlı açılabilmesi için CSS dosyalarınızı küçültmek konusunda yardımcı olmaya çalışacağım.
Bilindiği gibi sayfa açılışına etki eden bir çok etken var. Bunlardan biri de CSS dosyalarının amatörce yazılarak fazladan yer kaplaması. Sayfa açılışında kilobayt, hatta baytların bile etkisi büyük…
Gtmetix-Minify CSS ile küçültmek
- gtmetrix.com adresine girin.
- Enter URL to Analyze… yazan yere sitenizin urlsini yazın ve Analyze butonuna tıklayın.
- Sayfanız analiz edilirken bekleyin.
- Analiz işlemi bittikten sonra bir rapor ekranı belirecektir.
- Bu ekranda Minify CSS yazan bölüme tıklayarak açıyoruz.
- Yukarıda Görmüş olduğunuz Minifying ile başlayan css yolu sizin sahip olduğunuz dosyanız. See otimized version ise gtmetrix’in sizin için yapmış olduğu küçültme sonrasındaki css dosyası.
- Bu değişiklikleri websitenize uyarlamak için filezilla programı aracılığıyla belirilen yolu takip ederek css dosyasına ulaşın.
- dosyaya sağ tıklayarak edit’e tıklayın.
- notepad++ programıyla css dosyanız açılacaktır.
- optimized version bağlantısına tıklayarak küçültülmüş css dosyasının kodlarını sizdeki css kodlarıya değiştirin.
- notepad++’da kaydet butonuna tıklayın. Filezilla programına geri dönüş yaptığınızda dosyadaki değişikliği algılayacak ve yeni dosyanızla değiştirmek istediğinizden emin misiniz gibi bir soru soracak, gerekli cevabı vererek yeni css dosyanızı gönderin 🙂
- Daha sonra ReTest(gtmetrix rapor ekranında sağ üst köşede) diyerek yeniden test edebilir ve page speed’in olumlu yönde arttığını görebilirsiniz.
Takıldığınız bir yer olursa yorum yapmaktan çekinmeyin, hepimize geçmiş olsun 🙂
