• 27-10-2015, 01:53:49
    #1
    Arkadaşlar içinizde benim gibi takıntılı insanlar elbet vardır.Misal ben google page speed'te şu hataya çok takılmıştım "Oluşturmayı önleyen JavaScript ve CSS kodlarını ekranın üst kısmındaki içerikten kaldırın"

    Elbette google'da aramış ancak uygun sonucu bir türlü bulamamışsınızdır.Bazıları defer kodundan felan bahseder ancak hiç bir işe yaramaz.

    Stili çağırdığınız kodu tutup footera eklemişsinizdir.Bu seferde sayfanızın berbat yüklendiğini görmüşsünüzdür.

    Bu uyarının çözümü "above the fold" dediğimiz kuraldır.Yani ekranda ilk görünen classların stillerini html'de satır içi yapmamız gerekmektedir.

    Bu nasıl yapılır?

    Siteme ilk girdiğimde karşıma header, menu, manşet ve iki tane içerik çıksın.




    Hemen css dosyasından header classı ve içinde ki classların stillerini (menu dahil), manşet ve içindeki classların stilllerini, içerik ve içindeki classların stillerini kopyalayıp </head> tagı arasına yerleştiriyorum.Stil dosyasından silmeyi unutmayın.

    Bu işlemi yaptıktan sonra stili çağırmk için kullandığınız kodu artık ekranın en altın hatta footerında altına ekleyebilirsiniz.

    Örnek;



    Her sayfa için bu işlemi yapabilirsiniz.Yaptığımız işlemlerin bir benzerlerini yapan eklentiler var ancak ne kadar doğal bilmiyorum.

    Not:Bilmeyen arkadaşlar için umarım faydalı olmuştur.

    Kendi sitemiz.Resimleri optimize ettiğimizde %100 olacaktır.






    İşiniz rast gitsin.
  • 27-10-2015, 02:53:31
    #2
    mesela bootstrap kullanan biri napmalı? hangi bir divi yazayım, bence pagespeed'e pek kafayı takmamalı , 80 üstü iyidir bence,adam kendi analytics kodlarına bile kafayı takmış sana 100 puan verirmi
  • 27-10-2015, 09:16:55
    #3
    Üyeliği durduruldu
    Bootstrap'da menü divinin alt classlarını media query leri ile birlikte almaya kalksak kaç yüz satır kod olur
  • 27-10-2015, 13:34:26
    #4
    abartılı şeklide inline css olacaktır sıkıntı olur. bırak düzeltmeyi düşünün desin ama kod yazı oranı yüksek olsun ve js , css ler dışardan çağrılsın
  • 27-10-2015, 16:01:17
    #5
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Güzel teknik detaylar ve kesinlikle çok önemli bir konu.
    Bir reklamcı olarak konunun önemini açıklamak adına above the fold başlığı altında ele almıştım. İncelenmeli.

    .
  • 27-10-2015, 16:12:30
    #6
    Hocam resimler görünmüyor. Tekrar ekleme şansınız var mı acaba ?
  • 27-10-2015, 20:30:56
    #7
    ozan0810 adlı üyeden alıntı: mesajı görüntüle
    mesela bootstrap kullanan biri napmalı? hangi bir divi yazayım, bence pagespeed'e pek kafayı takmamalı , 80 üstü iyidir bence,adam kendi analytics kodlarına bile kafayı takmış sana 100 puan verirmi
    Bootstrap'ı tam bilmiyorum.

    celilcan adlı üyeden alıntı: mesajı görüntüle
    abartılı şeklide inline css olacaktır sıkıntı olur. bırak düzeltmeyi düşünün desin ama kod yazı oranı yüksek olsun ve js , css ler dışardan çağrılsın
    Kod yazı oranı gibi önemli bir detaydan bahsettiniz hocam.Bu konu hakkında makale yazarsanız faydalanmış oluruz.

    Bilo adlı üyeden alıntı: mesajı görüntüle
    Güzel teknik detaylar ve kesinlikle çok önemli bir konu.
    Bir reklamcı olarak konunun önemini açıklamak adına above the fold başlığı altında ele almıştım. İncelenmeli.

    .
    Benim içinde oldukça önemli husus.Page speed yönergelerinin etkisi hissedilir şekilde gördüm.Link için teşekkürler.

    Hakaco_01 adlı üyeden alıntı: mesajı görüntüle
    Hocam resimler görünmüyor. Tekrar ekleme şansınız var mı acaba ?
    Hocam resimler görünüyor.DNS'den olabilir.Ancak başka bir sunucuya yüklerim sıkıntı değil.
  • 28-10-2015, 01:59:39
    #8
    oxside adlı üyeden alıntı: mesajı görüntüle
    Bootstrap'ı tam bilmiyorum.



    Kod yazı oranı gibi önemli bir detaydan bahsettiniz hocam.Bu konu hakkında makale yazarsanız faydalanmış oluruz.



    Benim içinde oldukça önemli husus.Page speed yönergelerinin etkisi hissedilir şekilde gördüm.Link için teşekkürler.



    Hocam resimler görünüyor.DNS'den olabilir.Ancak başka bir sunucuya yüklerim sıkıntı değil.
    Nazik cevabın içein teşekkür ederim. Aslında bu konu ile ilgili bazı yazılarımda ufak , büyük detaylara yer vermiştim

    kod yazı oranı celilcan

    şeklinde aratılırsa çıkıyor. Ben yinede senin sözüne uyup bu konuda detaylı bir makale yazayım inşallah.