cssoptimize

< Web Derslerine Geri Dön <

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:



3 - Açılan siteye ister yedeğini aldığınız dosyayı göstererek,



İster ilgili alana kodu yapıştırarak Optimize tuşuna basınız.


4 - Hangi yöntemi seçerseniz seçin aşağıdaki gibi bir sonuç ekranı çıkacak.



5 - CSS kodumuzu yapıştıralım.




Sitemizin kaynağına bir göz atalım:




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.


< Web Derslerine Geri Dön <