Web sitenisi h─▒zland─▒rma 2 – CSS ve JS dosyalar─▒n─▒ birle┼čtirme

Web sitenisi h─▒zland─▒rma 2 – CSS ve JS dosyalar─▒n─▒ birle┼čtirme

31 Temmuz 2013

Merhaba arkada┼člar bug├╝n sizlere web sitenizi nas─▒l h─▒zland─▒r─▒rs─▒n─▒z onun 2.b├Âl├╝m├╝n├╝ yaz─▒cam.

ilk b├Âl├╝m├╝n├╝

http://www.hayatikodla.com/web-sitesi-nasil-hizlandirilir-sorgu-sayisi-azaltma/

Yukar─▒daki linkten bulabilirsiniz.

┼×imdi ilk yaz─▒mda anlatt─▒─č─▒m gibi sitenin i├žindeki sorgu say─▒s─▒ CSS,JS ve resim dosyalar─▒n─▒n ├ža─čr─▒lmas─▒yla art─▒yor. ilk yaz─▒mda resim dosyalar─▒n─▒n optimize edilip k├╝├ž├╝lt├╝lmesini anlatm─▒┼čt─▒m bu yaz─▒mda ise CSS ve JS dosyalar─▒n─▒n k├╝├ž├╝lt├╝p veya birle┼čtirip nas─▒l sorgu say─▒s─▒n─▒ azalt─▒ca─č─▒n─▒z─▒ g├Âstericem.

─░lk olarak bir ka├ž bilgi vermek istiyorum. Siteniz ilk y├╝klendi─činde CSS dosyalar─▒ ├Ânce y├╝klenmeli. Neden derseniz googlenin h─▒z optizimasyon arac─▒nda bunun sitenizin h─▒z kayb─▒ oldu─čunu s├Âyl├╝yor. Onun i├žin ilk ├Ânce css dosyalar─▒m─▒zdan ba┼čl─▒yaca─č─▒z.

CSS dosyas─▒n─▒ s─▒k─▒┼čt─▒rma.
http://www.csscompressor.com/

Yukar─▒daki linkten Css dosyan─▒z─▒ s─▒k─▒┼čt─▒rabilirsiniz asl─▒nda s─▒k─▒┼čt─▒rmadan kas─▒t gereksiz bo┼čluklar─▒ silme CSS”i siz yaz─▒yorsan─▒z e─čer buna dikkat ederseniz kendinizde s─▒k─▒┼čt─▒rm─▒┼č bir CSs yazm─▒┼č olursunuz.

sitenin kullan─▒m─▒
Untitled - 1

CSS dosyas─▒ birle┼čtirme

Birden fazla CSS dosyan─▒z var diyelim bazen bi bak─▒yorsunuz ki 10 taneyi ge├žmi┼č bunlar─▒ tek tek y├╝klemek taray─▒c─▒ a├ž─▒s─▒ndan da b├╝y├╝k eziyor o y├╝zden bunlar─▒ tek bir css i├žinde toplayabiliriz.

 @import url("reset.css") screen; @import url("css2.css") screen; 

yukar─▒daki kod ile css dosyan─▒z─▒n i├žerisine di─čer CSS dosyalar─▒n─▒z─▒n yolunu belirterek tek bir dosyada y├╝kleyebilirsiniz. Ve ara┼čt─▒rd─▒─č─▒ma g├Âre import ile y├╝klenen cssler link ile y├╝klenenden daha ├Ânce derleniyormu┼č ama ┼č├Âyle bir k├Ât├╝ yan─▒ var eski taray─▒c─▒larda import kodu ├žal─▒┼čm─▒yor ger├ži ┼čimdi eski taray─▒c─▒ kalmad─▒ her┼čey kontrol alt─▒nda ­čÖé

buradan yapamaz iseniz css import kodunu biraz ara┼čt─▒r─▒n.

Bu yukar─▒dakini yapt─▒ktan sonra htmlniz sadece bir tane link etiketi kullanarak b├╝t├╝n cssleri y├╝kleyebilirsiniz.

JS ├Ân bilgi
Js dosyalar─▒ yukar─▒dan a┼ča─č─▒ya derlenir o y├╝zden js dosyalar─▒n─▒n s─▒ras─▒ bile ├Ânemlidir yani diyelim Jquery ile ├žal─▒┼č─▒yorsunuz jquery k├╝t├╝phanesi en ba┼čta olmal─▒ sonradan eklerseniz k├╝t├╝phaneyi g├Ârmez ve kodunuz ├žal─▒┼čmaz.

JS dosyas─▒ s─▒k─▒┼čt─▒rma
http://jscompress.com/

yukar─▒daki adresten JS dosyas─▒n─▒z─▒ s─▒k─▒┼čt─▒rabilirsiniz tabi yine bo┼čluklar─▒ silme gibi i┼člemler yap─▒yor.

js dosyalar─▒n─▒ sa─člam bir birle┼čtirme bulamad─▒m ama size ba┼čka bir tavsiyem var e─čer biraz js den anl─▒yorsan─▒z dosyalar─▒ tek tek a├ž─▒n ve i├žlerine bak─▒n 50 sat─▒r─▒ ge├žmiyorsa tek tek kopyala yap─▒┼čt─▒r yaparak tek bir js dosyas─▒nda birle┼čtirin. Sonra o js dosyas─▒n─▒ y├╝kleyerek birle┼čtirmi┼č olursunuz.

┼×imdilik bu kadar kolay gelsin.

"Web sitenisi h─▒zland─▒rma 2 – CSS ve JS dosyalar─▒n─▒ birle┼čtirme" Benzer Yaz─▒lar─▒

Facebook"u ingilizce yap─▒n yeni ├Âzelliklerin tad─▒n─▒ ├ž─▒kar─▒n Google korkuttu

Web sitenisi h─▒zland─▒rma 2 – CSS ve JS dosyalar─▒n─▒ birle┼čtirme Etiketleri:

Bir Cevap Yaz─▒n

E-posta hesab─▒n─▒z yay─▒mlanmayacak. Gerekli alanlar * ile i┼čaretlenmi┼člerdir