lostyazilim

Sayfanın kodlarını azaltıp, hızlandırma hakkında

7 Mesajlar 929 Okunma
lstbozum
wmaraci reklam

oguzhan oguzhan WM Aracı Kullanıcı
  • Üyelik 22.06.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad O** T**
  • Mesajlar 1201
  • Beğeniler 310 / 296
  • Ticaret 2, (%100)
Merhaba, bayadır vbulletin tema düzenlemesi ile uğraşıyorum ve sayfalarda css'leri düz yazıyorum. Düz yazdığım için kod kalabalığı oluyor.




şeklinde uzun uzun yazmak yerine css'in içine direk @import url yapsam ya da





şeklinde yapsam sitede hızlanma olur mu?

birde css boyutunu azaltmak için alt alta yazmak yerine


.anasayfaresimleri {padding: 5px; background:#fff}

şeklinde yan yana sıkıştırarak yazsam yararlı olur mu?
 

 

wmaraci
reklam

barisay barisay WM Aracı Kullanıcı
  • Üyelik 14.02.2013
  • Yaş/Cinsiyet 34 / E
  • Meslek Seo, Wordpress, Security
  • Konum Konya
  • Ad Soyad B** A**
  • Mesajlar 1386
  • Beğeniler 146 / 428
  • Ticaret 65, (%100)
css compressor diye arayıp css kodlarını optimize edebilirsin.
 

 

skype: baris.ay.

Emrecany Emrecany Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 25.09.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad E** Y**
  • Mesajlar 1231
  • Beğeniler 126 / 259
  • Ticaret 22, (%100)
http://csscompressor.com/ buraya gir css kodlarını yapıştır kodları dönüştür yeni çıkan kodları al css dosyana yapıştır
 

 

oguzhan oguzhan WM Aracı Kullanıcı
  • Üyelik 22.06.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad O** T**
  • Mesajlar 1201
  • Beğeniler 310 / 296
  • Ticaret 2, (%100)
Emrecany barisay sağolun hocam.
Emrecany

kişi bu mesajı beğendi.

wmaraci
wmaraci

emreorhan emreorhan WM Aracı Kullanıcı
  • Üyelik 27.12.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Yazılım Mühendisi
  • Konum İstanbul Anadolu
  • Ad Soyad E** O**
  • Mesajlar 384
  • Beğeniler 35 / 29
  • Ticaret 3, (%67)
Web sitesi hızlandırma rehberime göz atabilirsin GİT
 

 

oguzhan oguzhan WM Aracı Kullanıcı
  • Üyelik 22.06.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad O** T**
  • Mesajlar 1201
  • Beğeniler 310 / 296
  • Ticaret 2, (%100)
emreorhan teşekkürler hocam konuyu yer imlerine ekledim ileride lazım olacak.
 

 

infstock infstock WM Aracı Kullanıcı
  • Üyelik 16.12.2014
  • Yaş/Cinsiyet 37 / E
  • Meslek Frontend Developer
  • Konum İstanbul Anadolu
  • Ad Soyad E** K**
  • Mesajlar 75
  • Beğeniler 1 / 23
  • Ticaret 0, (%0)
oguzhan sass gibi css preprocessorler ile kafana göre karışık yazabilir farklı css outputları alabilirsin. yani sen şekil ile uğraşmazsın kodunu yazarsın bu gibi toollar istediğin outputu sana otomatik verirler. nested, compact ,expanded, compressed gibi css output lara dönüştürebilirsin sass(scss) dosyanı. sana lazım olan compressed output olacaktır tek satırda elde etmen için kodları.. arkadaşların bahsettiği yontemler de olur tabi fakat olayı IDE içerisinde bitirmek en güzeli .. her defasında site açıp kopyala yapıştırla uğraşmak zorunda kalmassın.. aşağıdaki linkten inceleyebilirsin ..

Site hızlandırma konusuna gelirsek eğer asıl odaklanman gereken yer css yerine javascript olmalı. çünkü js dosyası ne kadar şişerse boş kodlar olursa cdn den çağırma yapılırsa o kadar yavaşlama söz konusu olur. ikinci sırada da image dosyaları gelir onların da mümkün olduğunca küçük boyutlu olması gerekir. diğer taraftan sunucu da önemli bir etken.. anlatmak istediğim hızlandırma için css yerine öncelikle bu 3 konuya odaklanman gerektiği.. bu konuları halletmeden css minify etmen kaydadeğer bir artış göstermeyecektir hız konusunda..

link: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#output_style
 

 

templates.informationstock.com
www.informationstock.com
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al