Sitenizdeki gibi CSS kodlarımı KAYNAK'ta tek satırda nasıl gösterebilirim?
Soru:
Sitenizde kaynağa girdiğimde CSS kodlarını tek satırda gördüm. Tek tek elle uğraşmadan bunu nasıl yapabiliriz?
Cevap:
Bunun teknik ismi CSS Optimize'dir CSS kodlarını tek satırda göstermenin size; daha doğrusu sitenize iki faydası vardır:a - CSS kodlarınız küçülür. CSS kodları küçüldüğü için web tarayıcıları daha hızlı algılama yapar. Bu durumda da siteniz daha hızlı yüklenir.
b - Kodlarınızın çalınmasını engelleyebilirsiniz. Ancak bunun için özellikle katman isimlerini sadece sizin anlayabileceğiniz, kısaltmalar yaparak kodları oluşturabilir daha sonra kodlarınızı optimize edebilirsiniz. Yani şunu demek istiyorum; örneğin başlık katman ismini #header yada #baslik olarak anlaşılabilir bir şekilde değil #b şeklinde oluşturun. Daha sonra aşağıdaki adımları uygulayalım.
1 - Kodlarımızın bozulma ihtimaline göre bir notedpad text dosyasına CSS kodlarımızın yedeklerini alalım.
2 - Daha sonra buraya girelim.
Örneğin CSS kodumuz aşağıdaki gibi olsun:
![](https://img.webme.com/pic/h/hackerfriend/cssopt00.jpg)
3 - Açılan siteye ister yedeğini aldığınız dosyayı göstererek,
![](https://img.webme.com/pic/h/hackerfriend/cssopt01.jpg)
İster ilgili alana kodu yapıştırarak Optimize tuşuna basınız.
![](https://img.webme.com/pic/h/hackerfriend/cssopt02.jpg)
4 - Hangi yöntemi seçerseniz seçin aşağıdaki gibi bir sonuç ekranı çıkacak.
![](https://img.webme.com/pic/h/hackerfriend/cssopt03.jpg)
5 - CSS kodumuzu yapıştıralım.
![](https://img.webme.com/pic/h/hackerfriend/cssopt04.jpg)
Sitemizin kaynağına bir göz atalım:
![](https://img.webme.com/pic/h/hackerfriend/cssopt05.jpg)
6 - Eğer sitemiz düzgün çalışmıyorsa yedeğini aldığımız kodu tekrar CSS kısmına yapıştırarak eski haline getirelim.