.CSS ve .JSS dosyalarının sıralarını değiştirerek-Site hızlandırma !!!

Merhaba wm kullanıcıları,:)

Bir Joomla kullanıcısıyım. Bu aralar yoğun bir şekilde pagespeed, pageload değerlerimi yükletmeye çalışıyorum. Takıldığım çok önemli bir konu var, hem yardımlarınızı almak hemde aynı sorunu yaşayan arkadaşlara yapıcağınız yorumlarla yardım etmek istedim, şöyleki;

Sitem açılırken temel yapıyı oluşturan css dosyalarını kendi aralarında yüklenme sırasını değiştirerek, bu şekilde sitenin tamamının yüklenme süresinden bir fark olmasa da, yüklemenin ilk zamanlarında site ana şablonlarının hemen oturmasını sağlayarak, buna bağlı görsellerin ve içeriğin hemen çekilmesini sağlamak istiyorum, teorik olarak böyle.

Bunun için iki sorum olucak sizlere:

1 - sitemdeki .css ve .js dosyalarının site açılışında yükleniş sıralarına Nasıl müdahale edebilirim ??

2 - Site açılırken bekliyo bekliyo ve tüm yüklemeleri bittiinde TAK diye karşıma çıkıyo, buda kullanıcıya siteden geç cevap alınamıyor. yavaş gibi bir izlenim veriyor. Bunun yerine siteye tıklandıktan sonra, az buçuk dağınık görünse dahi sayfa yüklemesine devam etmesini, kullanıcıya site yavaş izlenimi vermemesini nasıl sağlayabilirim ??

Özellikle bu 2. durumu "wm aracına" ye ilk girdiğinizde görebilirsiniz. Sayfa kendini tam yüklememiş olsa bile kullanıcıya hemen bir şeyler gösterek, hızlı yükleniyormuş havası veriyor. İşte tamda 2. durumda bunu istiyorum

Destekleriniz için şimdiden teşekkür ederim. Söz sizde, merakla cevaplarınızı bekliyorum..

----- Çalışmada geldiğim son noktayı göstermek için sitemi paylaşıyorum : akustiksungerfiyatlari.net

---- .css ve .js dosyaları sitenin ön ucunua joomla da " scriptmerge" bileşeni ile çekilde, ayrıca "jotcache" gelişmiş önbelek bileşeni ile site veri tabanına uğramadan önbellekten yüklenerek açılıyor. Buda önceki haline nazaren fark ettirdi.
-----Sonuç bu site hala anında gelimor :)

Wordpress kullanıcısı olarak takipteyim.

css dosyalarınızı tek bir dosya haline dönüştürebilirsiniz. aynı şekilde js dosyalarınıda.. Bunları sitenin header kısmına değilde footer kısmına ekleyerek site açılışını hızlandırabilirsiniz

Evet, bende bu sıra değiştirme olayını soruyorum ya, hem tek css dosyaların çok fazla, tek parti yapmam gene istediğim sonucu vermiyor. Siz bana manüel nasıl bu yükleme sıralarını değiştirildi onu anlatın hele

Css dosyalarının ve html dosyalarının %1-%3 daha hızlı okunması için optimize etmeniz lazım. Bu optimize bildiğimiz satır aralıklarını kaldırmakta bitiyor. Yani

.p {
border: 2px;
}

Şeklinde değilde
.p{border:2px;}

şeklinde satır aralıklarının yok edilmesi css dosyalarının okunmasını hızlandırır.

Bunun haricimde cache ve site optimizasyonu olarak cloudflare sistemini kullanmanızı tavsiye ederim. Javascript css ve html dosyalarını önbelleğe alarak kullanıcıların siteye çok daha hızlı ulaşımını sağlıyor. Ben bu sayede 4,9 saniyenin sürekli altında site açılış hızı alıyorum sitede problem olmadıkça gayet hızlı açılıyor.

Google insights e gir aradığın cevabı bulacaksın, ne yapman gerektiğini söylüyor hem dosyaların optimize edilmiş halini de veriyor.

Bu şekilde yapıldığında kullanılan tema da sorun çıkar mı ?

Nediren de olsa evet. Ama çok nadir.

Kullandığımız temanın tüm css dosyalarında mı yapacağız yukardaki işlemi ?

Hepsi için gerek olmayabilir. Yani sıkıştırma sonucu boyutu 1000 kilobayttan 997 kilobayta düşecekse hiç ellemeyin. Pagespeed kullanın. Orada optimize edilmesi gereken dosyaların sıkıştırılmış halini arşiv dosyası olarak veriyor.