Kategoriler
HTML uzerine Şuan Düşündüklerim

Site iceriginden gorselleri ayirmak! [Mantik ve oneri]

Bir site optimizasyonunda benim en cok zorlandigim gorsel bolumler olmustur. Bir sayfadaki en buyuk boyutlu dosyayi olusturabildikleri icin acilis ve gezinme hizini dogru orantili sekilde etkilemektedir. Bu kisma kadar bir problem belirledim kendime. Gorsel icerigi aslinda normal icerikten ayirmak gerektigini dusunmeye basladim.

Ornek olarak kucukte bir mantik atiyorum ortaya. Sayfadaki gorsel iceriklerin <head> taglari arasinda yer almasi ve sayfada gosterilecek bolume ID li bir HTML elementi ile haritalama yapmak. Sonrasinda da HTML bu ise uygun bir yol bulmazsa Jquery ile soz konusu ID’li alanlara meta bolumunde yer alan resimleri sayfa yuklendikten bellir bir saniye sonra yukletmek.

Neden ?

Oncelikle kullanicilarin sayfaya girdiklerindeki hiz inanilmaz artacaktir. Soyle ornek vermek gerekirse makaleci.com sitesinin ana sayfasindaki gorsellerin boyutu 3mb. (Ohaaa) Normal hizda bir interneti olan kullanicinin sayfayi acmasi en az 10 saniye. Normal bir dosya indirmekten farksiz, buna birde diger elemanlarin eklenmesi acilis hizini dogal olarak geciktirecek dahada yukari cikacaktir.

Kabaca bir hesapla sayfa boyu 500kb, gorsel dosyalarin boyunuda 3MB olarak ele alirsaniz burda agir ve sistemi olumsuz etkilen icerigi site acildiktan 1 saniye sonra yukletmek sizce daha mantikli olmazmiydi ?500kb verinin indirilmesi 1 saniye, 4MB verinin indirilmesi 8 saniye (kabaca).

Interneti guzellestirmek ve gelistirmek adina atilan adimlara daha cok yenilerinin eklenmesi gerekli. Ozellikle gunumuzde HTML5’in yavas yavas yayginlasmaya baslamasi buna guzel bir ornek. Ancak 12 saniyede acilan sitemi olur? Sizin siteniz googlede olsa dahi sitemize girenlerin internet hizina bagimliyiz bir nevi ve gelistirmemizi buna gore yapmamiz gerekir.

Verdigim ornege geri donmek istiyorum, meta bolumunde olmasi sart degil, sitenin en altinda da yer alabilir. Onemli olan gorsel icerigi css ve js de oldugu gibi ayri konumlandirmak.

Benim tavsiyem meta kisminda yer almasi. Hali hazirda og:image etiketi kullaniliyor. Bunun gibi gorselleri belli taglar arasinda listeletebiliriz. Bunlara ID parametresi belirterek icerik bolumunde gostermeyi kolaylastirabiliriz.

Meta Ornek:

<meta id="1" alt="" property="og:image" content="http://makaleci.com/resim_1.jpg" />
<meta id="2" alt="" property="og:image" content="http://makaleci.com/resim_2.jpg" />
<meta id="3" alt="" property="og:image" content="http://makaleci.com/resim_3.jpg" />
<meta id="4" alt="" property="og:image" content="http://makaleci.com/resim_4.jpg" />
<meta id="5" alt="" property="og:image" content="http://makaleci.com/resim_5.jpg" />

 Icerik kisminda da bu sekilde gosterilebilir:

<ORNEKTAG id="1" alt="">
<ORNEKTAG id="2" alt="">
<ORNEKTAG id="3" alt="">

Bu sekilde icerik site tamamen acildiktan sonra yukletilirse hiz acisindan harika bir gelistirme yasayabiliriz. Bunun uygulanamayacagi alanlarda olacaktir elbet, ornegin jquery yada javascript kodlamada. Ancak onemli olan sitemizdeki agir yukun hafifletilebilinecek kadarini halletmek. Saniyelerin bile onemi oldugunu dusunursek haksizda sayilmam.

Arama motorları ne yapacak?

Metadaki verileri okuyarak sayfadaki html İD yerleri için ındexleme yapabilirler. Sonucda oluşturulacak bir harita sistemi arama motorlarınca tanınır hale getirilebilir.

Yukardaki teorimi destekleyecek kodlar yazmaya calisiyorum. Suanda uzerinde calistigim cache mantigina dahil ederek ilerlemekteyim. Ne kadar basarili olurum bilemem ancak yarisin sonunda mutlu olmak her kod yazarinin oldugu kadar benimde hakkim olacaktir :)

Hayati kolaylastiracak buluslara hitaben, devami gelebilir yada gelmeyebilir. birazda ruh halimize bagli degil mi ? :/

 

Kategoriler
Genel Konular Günlük hayat Tatil Zamanı

Mayo ve Bikini Seçecek Bayanlara Birkaç Öneri…

 Mayo – Bikini Seçeceklere Öneriler…

Yaz aylarının yaklaştığı, denizin her geçen gün çekiciliğini arttırdığı, sıcaklarla beraber plajların dolmaya başladığı şu günlerde formlarına ulaşmaya çalışan kadınlar yavaş yavaş yazın ne giyeceklerini de düşünmeye başladılar.

Bizde bu sene oldukça popüler olması beklenen mayo – bikinileri tanıtmak, kullanmak isteyenlere küçük bilgiler vermek istedik. Bu nedenle birkaç maddeden oluşan bu yazıyı bilgilerinize sunmayı amaçlıyoruz. İnancımız odur ki bu bilgiler ışığında yapacağınız tercihler sonucunda bu yaz plajların en dikkat çeken bayanlarından biri olacaksınız.

·        Göğüsleri büyük olan bayanlar için ilk önerimiz. Eğer sizde evet benim göğüslerim büyük diyorsanız size tavsiyemiz straplez modellerden ve üçgen bikinilerden olabildiğince uzak durmanız. Seçim yaparken bikininizin üst kısmını alt kısmından daha koyu bir renkte seçerseniz bu göğüslerinizi daha küçük gösterecektir. Bunla beraber daha güzel bir görüntü için balenli modeller tercih edilebilir.

·        Yok benim göğüslerim küçük diyorsanız o halde sizlere de birkaç ipucu vereyim. İlk olarak boyundan bağlamalı üçgen bikiniler oldukça güzel duracaktır üzerinizde. Bunla beraber tercihinize göre geometrik veya çiçek desenli bikinilerde görüntü açısından hoş duracaktır. Büyük göğüslü bayanlardan daha fazla seçeneğe sahip olduğunuz kesin. Bu noktada içi dolgulu push-up üstler ve bu sene yeniden moda olan straplez bikini üstleri de tercihleriniz arasındaki yerlerini alabilirler.

·        Yaza diyet yaparak girdiniz fakat halen bir miktar fazlalık varsa o zaman size de birkaç ipucu verelim. Fazla kiloların bikinilerde pek hoş bir görüntü oluşturmadığı dikkate alınınca sizlere verebileceğim en iyi tavsiye düz renkli mayoların tercih nedeniniz olmasıdır. Çok desenli mayolardan ve özellikle üçgen bikinilerden bence uzak durmanızın zamanı geldi.

·        Basenlerinizde halen fazlalık varsa ve bunlardan bu yazda kurtulamam diyorsanız sizlere önerimiz kenarı ipli modellerden olabildiğince uzak durmanızdır. Malum bu modeller basenlerdeki fazlalıkları tamamen gözler önüne sermektedir.

·        Bunların yanında vücudunda fazlalık olan bayanların tamamen kapalı modellere mahkûm olmasına da gönlümüz razı gelmiyor. Bu noktada yıllardır erkeklerin takım elbiselerde kullandığı boyuna çizgili modellerde sizin olduğunuzdan daha zayıf görünmenize imkân sağlayabilir.

·        Vücudunuzda bir oransızlık varsa o zaman sizlere tavsiyemiz tek parçalı ürünlerdir. Malumunuz birçok bayanda ya alt kısımda yada üst kısımda fazlalık olmak da, diğer kısım ile aradaki fark bariz olarak ortaya çıkmaktadır. Bu noktada tek parçalı ürünler görüntü bazından daha bütünleşik gösterecektir sizi.

·        Yok diyorsanız ben çok zayıfım, hatta sıfır bedenim o zaman sizlere tavsiyemiz enine çizgili bikini ve mayoları veyahut büyük desenli ürünleri tercih ederek daha dolgun bir görüntü verebilirsiniz

·        Giyeceğiniz mayonun renklerini de sizin için çok önemli bir olgudur. Açık renkli bikini ve mayolar sizi daha kilolu göstermekte iken, daha koyu modeller sizin olduğunuzdan daha zayıf görünmenize olanak sağlamaktadır. Bu nedenle mayo tercihlerinde bu önemli nokta dikkate alınmalıdır.

·         Uzun bir vücuda sahipseniz ve bundan rahatsız oluyorsanız yatay çizgilerden oluşan mayoları kullanmalısınız. Ama kısa boyunuzdan şikâyetçi iseniz sizlere tavsiyemiz dikey çizgili modelleri tercih etmeniz yönündedir.

·        Göbek bölgesinde sorun yaşayan bayanların renk seçimleri yaparken oldukça dikkatli davranmaları gerekmektedir. Fazla süslü bikini modelleri yerine seçeceğiniz koyu renkli ve büyük desenli modeller sizi daha güzel gösterecektir. Bununla beraber bikini altı için seçeceğiniz modellerde şortlu ürünleri seçebilirsiniz. Bu tarz ürünler bu sene oldukça moda. Bilginiz ola.

·        Geniş omuzlara sahipseniz ve erkeksi görünümünüzden şikâyetçi iseniz bu durumda daha sevimli modelleri seçmeniz gerekecek gibi duruyor. Yoksa sahilde iken erkeklerin sizden kaçması muhtemel bir nedendir. Çiçekli veya tropik desenli modelleri veyahut daha kadınsı çizgili modelleri tercih etmeniz sizin açınızdan oldukça iyi olacaktır.

·        Yok daha düz bir yapıya sahipseniz bu sezonun en çok tercih edilen ürünleri olan mayokiniler tam size göre. Bel dekolteli ürünlerde hem seksi bir görünüme sahip olacaksınız hem de düz yapılı görüntünüzden bir nebze de olsa kurtulacaksınız.