Webmaster ve Yazılım Geliştiriciler
Site'nin Yavaş Açılmasına Ne Yapılabilinir?
Site'nin Yavaş Açılmasına Ne Yapılabilinir?
-
Merhaba arkadaşlar site hız kontrol yerlerinden iyi puan alan bir sitem var ama açılırken beyaz bi ekran geliyor ya geçiş sayfası oradan gereğinden fazla bekliyor 3 sn falan site girdikten sonra hızlı. Bu sayfa yüzünden sitede durma süresi 0.00 sn olarak gözüküyor bi bilgisi olan yardımcı olabilir mi? (cloudflare kullanmadan önce daha da yavaş açılıyordu).
-
https://developers.google.com/speed/pagespeed/insights/
Şuradan bir siteni test yap hocam.
Javascript, CSS dosyalarını sıkıştır. Sitendeki resimleri tek tek https://tinypng.com/ yükle sonra site sıkıştıracak resimleri sitendeklilerle değiştir. Google bunlara çok bakıyor.
-
http://gtmetrix.com/' dan kontrol et.
wordpress mi siten normal site mi?
.htaccess dosyana cache' leme metotlarını ekle. https://www.feedthebot.com/pagespeed/leverage-browser-caching.html
https://kraken.io/ ' dan resimlerini (web interface' si ücretsiz) sıkıştır, en iyi sıkıştırmayı burası yapıyor. (Lossless seç)
https://htmlcompressor.com/ tüm html/php dosyalarını buradan sıkıştır, sağdaki menüden dili ve dosya türünü seçmeyi unutma.
http://jscompress.com/ tüm javascript dosyalarını sıkıştır.
http://csscompressor.com/ tüm css dosyalarını sıkıştır, alttaki menüden highest' ı seç.
javascript dosya çağrımlarını head' den al, body tag' inin bittiği yere kopyala.
düşük (az) içerikli js dosyalarını direk html dosyalarının içine yaz.
geç yüklenen js dosyalarını asenkron yükle, defer ya da async taglerini kullanabilirsin.
css dosyaları için media sorgularını kullan https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/use-media-queries?hl=tr
küçük yanyana kullandığın ikonları css spirit haline getir http://csssprites.com/
SONUÇ = 99
WP İÇİN : http://googleyardim.com/icerikler/wordpress-sayfa-acilis-hizini-100-yapma
100 yapalım:
EK NOT : Google Analytics js dosyası (cache) hatası alabilirsin : http://diywpblog.com/leverage-browser-cache-optimize-google-analytics/
Google Font kullanıyorsan indir, css dosyana ekle, öyle kullan. Dışardan bişey alma
SONUÇ = 100
ozgunlu tarafından 18/May/15 14:10 tarihinde düzenlenmiştir -
Site hız testlerinde geçer not alıyorss sitede sıkıntı yoktur sen girerken yavaş bağlanıyorsundur (internet hızı ram kullanımı vs gibi sebeplerden)
Eğer ki kendi bilgisayarından eminsen ve başka bilgisayarlarda da yavaş açılıyorsa; (ki muhtemelen böyledir)
Test yaptırdığın yeri öncelikle iyi seç. Ben gtmetrix kullanırdım buradan ErotikPandanın tavsiyesiyle ancak şuan ne durumda bilmiyorum.
Sonra klasik tavsiyeler başlıyor ben de hafızamı tazelemek adına yazıyorum yoksa heryerde bulabilirsin.
- Gzip çok önemli hatta tüm resim js ve cssleri bile htaccess ile bir dosya ile çalıştırdıktan sonra görüntületirsen gzipi de açmış olursun tavsiye ederim.
- Jslerin büyüklüğünden ziyade tek sayfada ve sıkıştırılmış halde tutmak ayrıca bir türlü kullanmadığımız cache (expire time fonksiyonu) olayını kullanmak müthiş avantaj sağlar.
- Htmli sıkıştırırsan da aynı şekilde güzel bir etkisi olur
- Tahribata bak mesela. Temada resim kullanmaktan kaçınca çok sade sayfalar oluşturmak daha akıllıca. Ayrıca css3ün nimetlerinden faydalanıp şu temalardaki büyük boyutlu pnglerden kaçınalım
- Resimleri illa kullancaksak (ismini unuttum fakat) tüm ufak resimleri bir resim altında toplamak da etkili sonuçlar verebiliyor.
- Eğer asp gibi (classic asp) hantal bir dil kullanıyorsanız derhal veritabanı bağlantılarınız kontrol edin mutlaka close komutunu kullanın
- Her diller için geçerli acizhane tavsiyem bir sayfa tüm sorgular max 3 adet olsun. Ancak bu çok zor nitekim bazı widgetlar falan güzelleştireyim derken 10 sorguya kadar çıkıyor bunu azaltabilirsek ne iyi
- Themeforest gibi hazır temalardan (bu göreceli bir yargı ancak) kesinlikle uzak durun. Bana göre bir sitede bir css bir js ek olarak bir de jquery kütüphanesi yeter de artar fazlasına gerek yok.
Tüm bunları uygulayarak düşük bellekli bir hostta 40 hatta boşken 20 milisaniyelere kadar açılışı düşürdüm yani işe yarıyor.
Başka aklıma gelmedi gelirse eklerim
edit: daha okunaklı olabilmesi adına düzenledim..
by_Tet tarafından 18/May/15 21:27 tarihinde düzenlenmiştir -
html sıkıştırma olayı için api veren site var mı bildiğiniz?
-
ozgunlu bunu yazdı
http://gtmetrix.com/' dan kontrol et.
wordpress mi siten normal site mi?
.htaccess dosyana cache' leme metotlarını ekle. https://www.feedthebot.com/pagespeed/leverage-browser-caching.html
https://kraken.io/ ' dan resimlerini (web interface' si ücretsiz) sıkıştır, en iyi sıkıştırmayı burası yapıyor. (Lossless seç)
https://htmlcompressor.com/ tüm html/php dosyalarını buradan sıkıştır, sağdaki menüden dili ve dosya türünü seçmeyi unutma.
http://jscompress.com/ tüm javascript dosyalarını sıkıştır.
http://csscompressor.com/ tüm css dosyalarını sıkıştır, alttaki menüden highest' ı seç.
javascript dosya çağrımlarını head' den al, body tag' inin bittiği yere kopyala.
düşük (az) içerikli js dosyalarını direk html dosyalarının içine yaz.
geç yüklenen js dosyalarını asenkron yükle, defer ya da async taglerini kullanabilirsin.
css dosyaları için media sorgularını kullan https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/use-media-queries?hl=tr
küçük yanyana kullandığın ikonları css spirit haline getir http://csssprites.com/
SONUÇ = 99
WP İÇİN : http://googleyardim.com/icerikler/wordpress-sayfa-acilis-hizini-100-yapma
100 yapalım:
EK NOT : Google Analytics js dosyası (cache) hatası alabilirsin : http://diywpblog.com/leverage-browser-cache-optimize-google-analytics/
Google Font kullanıyorsan indir, css dosyana ekle, öyle kullan. Dışardan bişey alma
SONUÇ = 100
hocam kontrolü yaptım leverage browser caching bu hariç hepsi iyi bu nedir
-
Http headerlarda expire time bilgisi eklemen gerekiyor yani hocam
-
çizik
-
çok güzel bilgiler var... çizik...
-
benimde işime yarayabilir bi konu olmuş bilgim yok bu konuda
-
çizik