CSS Sprite ve Oluşturmayı engelleyici içerik

Başlatan Odysee, 26 Ara 2016 22:00

« önceki - sonraki »

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Odysee

Merhaba arkadaşlar. CSS Sprite ile şu resimleri birleştirip düzenlemem gereken kodları atarmısınız?



Birde oluşturmayı engelleyen içerikten bahsediyor. Nasıl düzelteceğim bunu?


CeeMoo

Bir kaç konu vereyim yardımcı olması açısından.

SMF'de Resim Optimizasyonu - Ayrıntılı Örnek Anlatım
http://www.simplemachines.org/community/index.php?topic=503126.msg3538607#msg3538607

Dosya yollarındaki ?fin20 ne işe yarar?
http://www.simplemachines.org/community/index.php?topic=503508.msg3541945#msg3541945

SMF - Gereksiz js ve css kodlarını çalıştırmayın
http://www.simplemachines.org/community/index.php?topic=503511.msg3541949#msg3541949


Bu 2 soruda dosyalarınızı minimize edebilirsiniz https://www.google.com.tr/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8&client=ubuntu#q=css%20code%20minimizer

Sitenizin hostu iyi ve fazla hitiniz yoksa 5-6 resim için uğraşmak ne kadar doğru bilemicem.@snrj bilgi verir sanırsam bir kaç konusu vardı diye hatırlıyorum :)

snrj

collepse ve expand gif js etkileşimli onları ellemeyin isterseniz diğerlerini http://csssprites.com/ üzerinden birleştirebilirsiniz birleştirilmiş resimi , gerekli html ve css kodlarını size verecektir
veya smf 2.1 deki css spritelı iconlarıda kullanabilirsiniz
http://smf.konusal.com/index.php?topic=655
örnek olarak ben dokuzharf temasında bu iconları kullandım temayı download bölümünden indirip inceleyebilirsiniz

css dosyları sitenizin şeklini belirler ve siteniz açılırken tarayıcı bu dosyaları okuyup sonra sitenizi açar
burda söylenmek istenen sitenizin ilk açılışında sadece gerekli css kodları olan tek bir dosya olması veya <head><style>sadece gerekli olan css kodları</style></head> direk dosya içine gömmek gerektiğini söylenmiş
ilk açılışta gerekmeyen css kodları örneğin sitenizde bbccode youtube css sitenizin alt kısmına veya lazım olan sayfada çağrılmasını sağlamanız gerekiyor
bu konulara daha önce smf seo nedir ne değildir konusunda azda olsa değinmiştim imzamda linki mevcut
sitenizde aşırı css ve js dosyası kullanmadğınız sürece pek sorun yapmayın bunlardan daha önemlisi sitenizi içeriğinin kalitesidir
iyi forumlar
ben yazarken cemoda yazmış :D

Odysee

1-2 tane oluşturmayı engelleyeni düzelttim ama hepsi düzelmedi. Pagespeed kırmızı ünlemle göstermese dikkate almazdım ama mobilde puanı çok etkiliyor. Diyelim diğer css dosyalarını sadece konu içinde aktif olacak şekilde çalıştırdık. index.css'yi sadece konu içinde çalışacak şekilde düzenlersek ana sayfa ve diğer bölümlerde sıkıntı meydana gelmezmi. Mantık dışı açıkçası.


CeeMoo

@Odysee  Hocam burdan anladığım kadarıyla sıkıştırma istiyor.Diğer soru ise çağırma işleminde düşünceniz doğru index.css tüm sistemin kodları var diğer türlü sadece konuda mesajlarda vs.. yapmak için biraz uğraşmamız gerekicek.

https://cssminifier.com/ ; veya http://csscompressor.com/ ; burdan yan yana alınarak perf arttırılabilir.Sanırsam google bunu istiyor.

likepost.css youutbe.css tamamen konu için sanırsam :)

Odysee

Alıntı yapılan: CeeMoo - 27 Ara 2016 16:29@Odysee  Hocam burdan anladığım kadarıyla sıkıştırma istiyor.Diğer soru ise çağırma işleminde düşünceniz doğru index.css tüm sistemin kodları var diğer türlü sadece konuda mesajlarda vs.. yapmak için biraz uğraşmamız gerekicek.

https://cssminifier.com/ ; veya http://csscompressor.com/ ; burdan yan yana alınarak perf arttırılabilir.Sanırsam google bunu istiyor.

likepost.css youutbe.css tamamen konu için sanırsam :)
Yok hocam denedim hala aynı sorun. Tek o 4 css kaldı. Tüm puanı o düşürüyor. Sebebini anlayamadım :/