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 <