PC Hocası Forum


CSS Sprite Tekniği Nedir ?
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5


Konu: 47
Mesaj: 1,058
Cinsiyet: Bay
Kıdem: 27-12-2016

Merhaba PC HOCASI forum okurları ve takipçileri ;

Uzun süredir SEO hakkında makale yazmıyordum. Tekrardan bu konulara da değinmeye başladım. Öncelikle benim şuan anlatacağım konu çok çok önemli. Şuan anlatacağım konuyu uzaktan da olsa anlayacaklar olanlar, benim önceki yazmış olduğum konuları okumuş kişilerdir Smile

Sürekli diyorum ve bu konulara ilginiz varsa sürekli görüyorsunuzdur, site açılma hızı Google açısından oldukça önemli. Site hızına etki edecek bir çok etken mevcut, siteyi kendiniz yazdıysanız çok fazla kod kullanımı, Wordpress kullanıyorsunuz yada farklı içerik yönetim sistemi dediğimiz sistemlerden birini kullanıyorsanız, eklentiler, resimler sitenin açılma hızını etkileyen faktörlerdendir.
Benim burada ele almak istediğim konu ise resim konusu. Resim site hızını etkileyen en önemli bir etken. Örnek olarak, sitenizde bir içerik ürettiniz ve yüksek boyutlu ve kaliteli bir fotoğraf koydunuz, bu sizin sitenizin açılma hızını etkileyecektir, çünkü yüksek boyutlu bir resim kullandığınız için resmin gözükme süresi uzayacak ve site geç açılacak. Makul bir boyutta bir resim kullanarak bu sorunun üstesinden gelebilirsiniz ama her zaman değil. Bu yöntem sizi bir süre idare edecek çünkü bir süre sonra düşük boyutlu resimler bile daha sonra büyük bir dosya halini alacak. Resmin kalitesi ne kadar iyiyse, resmin boyutu o kadar yüksek olur. 



Peki bu soruna karşı ne yapacağız, yok mu bir çözümü ? Elbette var. İşte bu noktada CSS Sprite Tekniği devreye giriyor. Bu teknik, resimleri birleştirerek tek bir resim olmasını ve CSS kaynağına taşınarak hızlı bir şekilde gösterilmesini sağlar. Kısacası resimleri sıkıştırmak diyebiliriz. Şimdi 'ben CSS bilmiyorum ki" diyecek olanları tahmin edebiliyorum bu yüzden size 2 adet web sitesi vereceğim buradan kod bilgisine gerek kalmadan bu işlemi uygulayabilirsiniz. Wordpress'de bu tekniği bir takım eklentiler sayesinde sitenize uygulayabilirsiniz. Sadece konu hız değil tabi ki,  yüksek boyutlu resimler, daha fazla alan kaplar. Örnek olarak sitenize 5 tane resim yüklediniz, 180 KB boyuta sahip, bu boyut oldukça düşük gibi görünebilir ama web sitelerinde bu konu oldukça değişiyor. 180 KB web siteleri için yüksek bir boyut. Sınırsız bir hostinge sahip değilseniz bu konu oldukça önemli. Bu 180 KB boyutu, bu tekniği kullanarak makul seviyelere indirebilirsiniz. 

Bu tekniği, bu web sitelerini kullanarak kendi sitenize uygulayabilirsiniz. 

http://www.csssprites.com

http://www.spritegen.website-performance.org

Wordpress kullanıcıları ise, cSprites for WordPress eklentisini kullanarak bu tekniği sitelerine uygulayabilirler.

Alıntı
(Son Düzenleme: 06/06/2017, Saat: 04:11, Düzenleyen: Ahmet Doğukan G..) .
Konu: 13
Mesaj: 1,397
Cinsiyet: Bay
Kıdem: 11-02-2017

Emeğine sağlık

Alıntı
.
Konu: 47
Mesaj: 1,058
Cinsiyet: Bay
Kıdem: 27-12-2016

(06/06/2017, Saat: 04:31)onur.firatt Adlı Kullanıcıdan Alıntı: Emeğine sağlık

Teşekkürler.

Alıntı
.
Konu: 33
Mesaj: 2,603
Cinsiyet: Bay
Kıdem: 30-09-2016

ellerine sağlık ahmet

Alıntı
.
Konu: 47
Mesaj: 1,058
Cinsiyet: Bay
Kıdem: 27-12-2016

Teşekkür ederim.

Alıntı
.


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  HALK DİLİNDE SEO NEDIR Adnan Horc 6 466 15/04/2017, Saat: 07:38
Son Yorum: UzmanPC
  Google Caffeine Nedir ? Ahmet Doğukan G. 4 482 07/03/2017, Saat: 10:33
Son Yorum: Ahmet Doğukan G.
  WordPress Nedir ? Ahmet Doğukan G. 2 395 28/12/2016, Saat: 11:14
Son Yorum: Ahmet Doğukan G.
  Seo Nedir mustafaoz4 5 629 05/11/2016, Saat: 15:31
Son Yorum: Leandro Markos

Hızlı Menü:


Konuyu Okuyanlar: 1 Ziyaretçi

Powered by MyBB
Pchocasi.com.tr


Tasarım