Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

Site Hızını Arttırmak İçin "JavaScript ve CSS kodları" Nasıl Olmalı

 15 Mesajlar 17.729 Okunma
acebozum
tr.link

#1
kendoka kendoka Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 02.06.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Geleneksel Tedavi Usulleri Uzmanı
  • Konum Konya
  • Ad Soyad B** Ö**
  • Mesajlar 1393
  • Beğeniler 257 / 275
  • Ticaret 25, (%100)
Site Hızını Arttırmak İçin "JavaScript ve CSS kodları" Nasıl Olmalı

Arkadaşlar güzel bir tema editledim. Masaüstü hızı google speed testinden 94 alıyor. Mobil için jetpack kurdum ama puanımı ciddi düşüren bir durum var.

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fsulukuretimi.com%2F&tab=mobile

Düzeltilmesi Gerekiyor:
Oluşturmayı önleyen JavaScript ve CSS kodlarını ekranın üst kısmındaki içerikten kaldırın
Sayfanızda oluşturmayı engelleyen 2 tane komut dosyası ve 2 tane CSS kaynağı var. Bu durum, sayfanızın oluşturulmasında gecikmeye neden oluyor.
Sayfanızda ekranın üst kısmındaki içerikten hiçbiri aşağıdaki kaynakların yüklenmesi beklenmeden oluşturulamadı. Engelleyen kaynakları ertelemeyi veya eşzamansız olarak yüklemeyi ya da bu kaynakların önemli miktarda bölümünü doğrudan HTML'de satır içi yapmayı deneyin.
Oluşturma engelleyici JavaScript'i kaldırın:

sulukuretimi.com/…-includes/js/jquery/jquery.js?ver=1.11.2
sulukuretimi.com/…s/jquery/jquery-migrate.min.js?ver=1.2.1

Aşağıdakilerin CSS Yayınını optimize edin:

sulukuretimi.com/…/theme/pub/minileven/style.css?ver=4.2.2
sulukuretimi.com/…lugins/jetpack/css/jetpack.css?ver=3.5.3

Bu durumu nasıl çözebilirim. Şöyle bir kaynak var ama anlamadım.

https://developers.google.com/speed/docs/insights/BlockingJS

Benim sitem de www.sulukuretimi.com
 

 

elektronikssl
webimgo

#2
th3laststand th3laststand WM Aracı Kullanıcı
  • Üyelik 29.11.2012
  • Yaş/Cinsiyet 34 / E
  • Meslek aşçı
  • Konum Adana
  • Ad Soyad A** A**
  • Mesajlar 418
  • Beğeniler 34 / 28
  • Ticaret 1, (%100)
takipteyim konuda benmde hızlarım 55 70 arası bendede bu tarz sorunlar mevcut cloudflore yapmama ragmen degişen birşey yok. bilgisi olan yardımcı olrsa sevrnz
 

 

#3
Blacksheep Blacksheep .NET Developer Kullanıcı
  • Üyelik 20.07.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek Webmaster
  • Konum Ankara
  • Ad Soyad M** K**
  • Mesajlar 2074
  • Beğeniler 60 / 532
  • Ticaret 10, (%100)
Eliminate Render JS and CSS blocking hatasının çözümü için Google PageSpeed testinde gözüken hatalı alanları temanızın header dosyasının üstüne ekleyin.
 

 

Fizello - Inspired by Colors

#4
Alicevat Alicevat Falanlar, Filanlar... Kullanıcı
  • Üyelik 27.04.2015
  • Yaş/Cinsiyet 40 / E
  • Meslek Yazılım Mühendisi
  • Konum İstanbul Anadolu
  • Ad Soyad A** Y**
  • Mesajlar 457
  • Beğeniler 43 / 202
  • Ticaret 1, (%100)
Sayfanın üstünde çağırılan js dosyaları, sayfanın ayrıştırılmasını geciktirdiği için performansı olumsuz yönde etkilemektedir.

Yapılması gerekenler;

Öncelikle *.js dosyalarını sayfanın en altına alınız. Bunu yaparken kütüphane sıralamalarınıza dikkat ediniz. Aksi durumda js hataları alabilirsiniz.

Sayfanın ortasında *.js dosyası çağırmayınız.

Sayfa içi *.js kullanmamaya özen gösteriniz.

*.js dosyalarınızı optimize ediniz.

*.css dosyalarınızı optimize ediniz.

Sitenizin ana hatlarını oluşturan *.css dosyanızı sayfanın üstünde çağırabilirsiniz. Fakat diğer css dosyalarını yine aynı şekilde sayfanın altına alınız.

Bu işlemleri gerçekleştirirseniz açılış performansınızı önemli ölçüde arttırabilirsiniz.
 

 

AkıllıSoft Yazılım & Bilişim Teknolojileri
wmaraci
wmaraci

#5
izayin izayin Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 20.11.2014
  • Yaş/Cinsiyet 44 / E
  • Meslek Teknisyen
  • Konum İstanbul Anadolu
  • Ad Soyad N** T**
  • Mesajlar 210
  • Beğeniler 6 / 23
  • Ticaret 1, (%100)
google pagespeed modulunu inceleyin derim.
 

 

#6
Dahiturk Dahiturk sadece o'na yanarız. Kullanıcı
  • Üyelik 16.12.2013
  • Yaş/Cinsiyet 34 / E
  • Meslek amele
  • Konum İstanbul Anadolu
  • Ad Soyad C** y**
  • Mesajlar 423
  • Beğeniler 69 / 68
  • Ticaret 1, (%100)
sıkıştırın hocam?
 

 

idraksiz can, hayvan canıdır.

#7
CenkOnsoy CenkOnsoy Skype: cenkonsoy Kullanıcı
  • Üyelik 18.10.2012
  • Yaş/Cinsiyet 38 / E
  • Meslek Uzman Biyolog
  • Konum Ankara
  • Ad Soyad C** Ö**
  • Mesajlar 4045
  • Beğeniler 77 / 1357
  • Ticaret 37, (%100)
Temaya ait .css dosyalarini header içerisine; gerisini footera alabilirsiniz.
.js içinde sıraya dikkat ederek yine alt kısma taşiyabilir ve defer komutuyla asynchronise calismasini saglamalisiniz.
 

 

Bilim Forum | Bilimgunlugu.com

#8
kendoka kendoka Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 02.06.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Geleneksel Tedavi Usulleri Uzmanı
  • Konum Konya
  • Ad Soyad B** Ö**
  • Mesajlar 1393
  • Beğeniler 257 / 275
  • Ticaret 25, (%100)

Ali Cevat adlı üyeden alıntı

Sayfanın üstünde çağırılan js dosyaları, sayfanın ayrıştırılmasını geciktirdiği için performansı olumsuz yönde etkilemektedir.

Yapılması gerekenler;

Öncelikle *.js dosyalarını sayfanın en altına alınız. Bunu yaparken kütüphane sıralamalarınıza dikkat ediniz. Aksi durumda js hataları alabilirsiniz.

Sayfanın ortasında *.js dosyası çağırmayınız.

Sayfa içi *.js kullanmamaya özen gösteriniz.

*.js dosyalarınızı optimize ediniz.

*.css dosyalarınızı optimize ediniz.

Sitenizin ana hatlarını oluşturan *.css dosyanızı sayfanın üstünde çağırabilirsiniz. Fakat diğer css dosyalarını yine aynı şekilde sayfanın altına alınız.

Bu işlemleri gerçekleştirirseniz açılış performansınızı önemli ölçüde arttırabilirsiniz.

Ustam çok teşekür ederim. Zahmet edip yazdın ama bu dediklerinin teknik mealini bilemiyorum malesef. Yani "Öncelikle *.js dosyalarını sayfanın en altına alınız." ne demek ? Bunu tam anlayamadım. Bu dosyaları çağırma işlemini mi footerdan yapayım ?

Ek Olarak:

CenkOnsoy adlı üyeden alıntı

Temaya ait .css dosyalarini header içerisine; gerisini footera alabilirsiniz.
.js içinde sıraya dikkat ederek yine alt kısma taşiyabilir ve defer komutuyla asynchronise calismasini saglamalisiniz.


temaya ait tüm css dosyasının içeriğini mi header içine alacağım yani.
 

 

#9
Alicevat Alicevat Falanlar, Filanlar... Kullanıcı
  • Üyelik 27.04.2015
  • Yaş/Cinsiyet 40 / E
  • Meslek Yazılım Mühendisi
  • Konum İstanbul Anadolu
  • Ad Soyad A** Y**
  • Mesajlar 457
  • Beğeniler 43 / 202
  • Ticaret 1, (%100)

kendoka adlı üyeden alıntı

Ustam çok teşekür ederim. Zahmet edip yazdın ama bu dediklerinin teknik mealini bilemiyorum malesef. Yani "Öncelikle *.js dosyalarını sayfanın en altına alınız." ne demek ? Bunu tam anlayamadım. Bu dosyaları çağırma işlemini mi footerdan yapayım ?


Doğrudur.



*.js dosyalarını burada çağırmayın.



*.js dosyalarını burada çağırın.

AhmetTUTAK Servett

kişi bu mesajı beğendi.

AkıllıSoft Yazılım & Bilişim Teknolojileri

#10
CennetKapisi CennetKapisi Sitenizi App'lestiriyorum Kullanıcı
  • Üyelik 13.11.2011
  • Yaş/Cinsiyet 33 / E
  • Meslek Yaz
  • Konum Avusturya
  • Ad Soyad S** K**
  • Mesajlar 877
  • Beğeniler 291 / 162
  • Ticaret 3, (%100)
google page speed analiz yaptiginizda zaten google otomatik size SIKISTIRILMIS dosyalari indirmeye sunuyor dosyalarinizi indiriyorsunuz ftp ile yüklüyorsunuz
 

 

wordpress excell ekleme
Site URL
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
 
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al