CSS SIKIŞTIRMA

Sıkıştırmak istediğiniz Css kodunu alttaki boş alana yapıştırın

Mod: Okunabilirlik: Gelişmiş Ayarlar

Ziyaretçilerinize en iyi deneyimi sağlayabilmek için yapmanız gerekenlerin en başında  Css ve JavaScript kodları sıkıştırmanız gerekmektedir. Boyutlara baktığınızda önemsiz  miktarda bir boyut  dahi olsa sitenize gelen ziyaretçilerin sayısına bağlı olarak 1 kb  bile büyük bir önem taşır websitesi saipleri için. Kullanıcılarınız için en iyi deneyimi sağlayabilmeniz  için hızlı bir websitesi  sahibi olmanız  şart.

Seo analiz eden ve site hızı ölçen sitelerde site  hızını  ölçtüğünüzde  sürekli  JavaScript  ve Css  dosyaları sıkıştırmanız  konusunda  ısrarla uyarılarda bulunurlar. Sitenizde  bulunan JavaScript ve Css  dosyaları sıkıştırarak %75 e varan tasarruf sağlayabilirsiniz. Unutmamanız gereken 1kb bin ziyaretçi için 1 mb alan demek. Kullandığım sistemi incelediğimde  24 adet js dosyası ve 7 adet de css dosyası bulunuyor. Bunları sıkştırdığımda yüksek bir tasarruf elde edebilmem mümkün.

Sıkıştırmadan bahsettiğimiz olay aslında tasarımcıların yaptıkları çalışmaları daha kolay düzenleyebilmek ve karıştırmamak için kullandıkları boşluklardır. Bu boşluklar  sayesinde js ve css dosya boyutları biraz fazla  görünür. Tek tek elle müdale ederek bu boşlukları silmek zaman kaybı ve çokta can sıkıcı bir  durumdur. Bazı geliştiriciler  bu durumu göz önüne alarak sizlere kolaylık olması açısından hazırladıkları websiteleri üzerinden websitenizde  bulunan JavaScript ve Css dosyalarınızı  sıkıştırmanıza imkan sağlıyorlar.

Kendimde seo analizi yaparak ve websitemin hızını ölçerek küçültmem gereken dosyaları tek tek tespit edip  bu araçlar sayesinde %75 e kadar bir küçültme elde ettim. Şu anda  aşırı derecede  sıkıştırdığım resimlerim dahil  websayfamın boyutu 750 kb civarı gibi görünüyor. Buda hosting hızına bağlı olarak zaman zaman 1  saniye bile tutmayan bir süre içinde açılmasını sağlıyor. Sitenizin hızını öğrenmek için buradan Google pagespeed insight sayfasını kullanabilirsiniz.

JavaScript ve Css dosyalarınızı online olarak sıkıştırabileceğiniz websiteleri :

  1. mintik.com : Online css compressor.
  2. jscompress.com : Online Javascript Compression Tool
  3. javascriptcompressor.com : Online Javascript compressor
  4. jsmini.com : JavaScript / jQuery Compression

 

Online Css Sıkıştırma Css Compressor
HTML Kod önizleme, Kod çalıştırma sitesi, HTML kodu çalıştırma online, Online kod çalıştırma, HTML kod çalıştırma, Kod Önizleme Editörü, Html,jquery, css, cs3, dhtml, javascript, hazır kod önizlemek, html kod dene,kod denemek, online kod yazma, html kod yazma sitesi, html kod yazma programı indir, kod düzenleme, html kod düzenleyici ,codepad