Wordpress yüklenme hızını 1-2 sn ye düşürelim

Web tasarım, Web Programlama ve script dilleri konuları buraya
Cevapla
Kullanıcı avatarı
velociraptor
Yottabyte3
Yottabyte3
Mesajlar: 28501
Kayıt: 14 Mar 2006, 02:33
cinsiyet: Erkek

Wordpress yüklenme hızını 1-2 sn ye düşürelim

Mesaj gönderen velociraptor » 07 Kas 2012, 12:45

Resim

Wordpress günümüzde en çok tercih edilen CMS (Content managenet system) yani içerik yönetim sistemi internette wordpress in pek te efektif kodlanmadığını söyleyen profesyonel php coderlerinin yazılarına çokça rastlayabilirsiniz , konu genellikle databanktan veri çağrılmasında kullanılan kodlarla ilgili gibi duruyor , Peki vazmı geçelim , HAYIR yüklenme hızı konusunda sıkıntı çekiyorsanız belkide bu yazımız derdinize çare olacaktır

Wordpressimiz nekadar sürede yükleniyor önce onu ölçelim

Aşağıda bu konuda kullanabileceğimiz servisler yeralmaktadır , hosting şirketleri sonuncu olarak verdiğim pingdom u pek tercih etmememiz gerektiğini söylüyorlar , yaptığım denemelerde de sonuçlarının tartışmaya açık olduğunu gördüm (tercih sizin)

http://gtmetrix.com/
(bize A , B , C gibi bir puan verip ; Page load time , Total page size , Total number of requests değerlerini verir

https://developers.google.com/speed/pagespeed/insights
Üstteki google e ait online analiz servisi ile 100 üzerinden sayfanıza belirli bir puan verilir

http://loads.in/
Kaç saniyede temanın neresi yükleniyor ve toplam yüklenme süresi nedir gibi değerleri verir

http://whichloadsfaster.com/
Hızlı yükleniyor diye düşündüğünüz web sayfalarını kendi sayfanız ile karşılaştırabilirsiniz

http://tools.pingdom.com/fpt/

Sorunun kaynağı üzerine yoğunlaşma ve çözüm önerileri

eğer sayfanız 5-6 sn veya üzeri bir yüklenme değerine sahipse optimize edilmeye ihtiyacı var demektir 3 sn ve altı değerler normal ve hızlı olarak kabul edilebilir (Kendi görüşüm) , eğer yüklenme hızı düşükse bunun kaynağı genellikle :

1. Temanızdan kaynaklanabilir bu durumda aşağıdaki yazı yardımcı olacaktır
https://www.sordum.net/3462/wordpresiniz ... lisiyorsa/

2. Veritabanı Sorgu sayısından kaynaklanıyordur bunu üstte verdiğimiz gtmetrix sitesinin Total number of requests değerinden anlayabiliriz. Bu durumda keyfi kurulmuş ve/veya pek işlevsel olmayan pluginlerin temizliği , veritabanı temizli vs gibi çalışmalar yapmak icabeder

https://www.sordum.net/12591/wordpress-t ... gulayalim/
https://www.sordum.net/12578/plugin-kull ... usturalim/
https://www.sordum.net/12549/wordpress-t ... gosterimi/
https://www.sordum.net/12443/wordpressin ... -kayitlar/
https://www.sordum.net/12575/wordpress-d ... dusurelim/
https://www.sordum.net/12613/fastcgi-ned ... antajlari/

Üsteki başlıklar bu konuda yapılacak çalışmalara örnek teşkil etmektedir , databank temizliği ve bakımı için bemim tavsiye pluginim : Wp Optimize yada aynı işi yapan benzeri bir plugin
http://wordpress.org/extend/plugins/wp-optimize/
Bu plugin beni, herdefasında PhpMyadmine giriş yapıp wordpress tablolarını seçip Optimize et deme zahmetinden kurtarıyor

Üstteki linkler ile en çok kullanılan özellikleri Wordpress e Pluginsiz kazandırdık , temamızı optimize ettik , veritabanımızı optimize ettik , gereksiz pluginleri kaldırdık , eğer temanın veritabanından çektiği sorgu sayısını biraz daha azaltmak istiyorsak Temamızın header.php ve footer.php dosyalarındaki veritabanından bilgi çeken kodları statik hale getirmeliyiz örneğin:

Kod: Tümünü seç

<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="
  <?php bloginfo('html_type'); ?>;
  charset=<?php bloginfo('charset'); ?>" />
yerine

Kod: Tümünü seç

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
yada

Kod: Tümünü seç

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
yerine

Kod: Tümünü seç

<link rel="pingback" href="http://yourwebsite.com/xmlrpc.php" />
Kullanılırsa sayfa her çağrıldığında istenen argüman veritabanından çağrılmak yerine statik olarak verilecektir , günde 1000 ziyaretçide bu şekilde statik hale getireceğiniz diyelim 10 adet sorgu günlük 10000 veritabanı sorgusundan tasarruf edilmesine yolaçacaktır. özellikle Shared hosting te High CPU sorunu olanlar denesin derim.

Can alıcı çözümler

Üstteki ayrıntılar ana çözümün (hızlandırma) işini kolaylaştıracak destek uygulamalardı , üsttekilereden sonra muhtemelen yüklenme hızında bir düşüş olmuştur . Sırada Cacheleme çözümleri ile işi pekiştirmek var öncelikle aşağıdakileri harfiyen uygulayın :
https://www.sordum.net/11210/web-sayfala ... zlandirin/

Eğer wordpressinizde resimler bolca ve sayfa başına başlık sayınız 5 ve üzeri ise mutlaka kullanmanız gereken pluginlerden biri de lazy loader pluginidir:
http://wordpress.org/extend/plugins/lazy-load/
http://wordpress.org/extend/plugins/bj-lazy-load/
Bu plugin sayfadaki resimleri kullanıcı tarayıcısı nekadarını görüyorsa okadarının yüklenmesini sağlar mesela anasayfanızda 6 başlık olsun tarayıcı genellikle 2 başlığı görüntüleyebilir diğerleri için sağ taraftaki çuğu aşağıya kaydırıp görüntülemek gerekir , plugin ilk başta sadece 2 başlığa ait resimleri yükler ve çubuğu aşağıya kaydırdıkça resimleri görüntüler (kullanıcı bunu farketmez bile) - bu da bandwidth başta olmak üzere server yükünü önemli ölçüde azaltır.
Hernedense herkesin kullanıp memnun kaldığı iki cacheleme plugini benim hiçbir işime yaramadı bunlar:
W3 Total Cache , ve Wp super cache (sizde işe yararsa ala)
http://wordpress.org/extend/plugins/w3-total-cache/
http://wordpress.org/extend/plugins/wp-super-cache/

Bir diğer hem cacheleme hemde koruma yöntemi CloudFlaredir (işe yarıyor)
http://www.cloudflare.com/
Buranın güvenlik kısmından önceki yazılarımızda bahsetmiştik
https://www.sordum.net/12224/cloudflare- ... i-koruyun/
Fakat sayfa açılışını hızlandırma işlevinden sözetmemiştik gelelim o kısmına

CloudFlare ile Hızlandırma ayarları

ClouFlare ye giriş yapıyoruz ve üst menüdeki web sites e tıklıyoruz (zaten orası açılmış ise sorun yok) ve aşağıdaki resimdeki gibi ayarlar kısmına giriş yapıyoruz

Resim

Açılan sayfada 3 ana kategori yeralır : 1. Settings overview , 2. Security Settings , 3. Performance Settings

Performance Settings
Performans ayarları bizim için öneli olduğundan bu sayfadaki ayarları başta vermek akılcı olacaktır ;
Caching level - Agressive
Minimum expire TTL - 4 Hours (ClodFlarenin cachelenmiş kaynakları ziyaretçi Pc sinde nekadar süre beklesin bu ayardan emin değilseniz 4 saat olarak ayarlayın)
Auto Minify (Web optimization) - js , css , html hepsi ON
Rocket Loader™ (Web optimization) - On

Settings overview :
Ben bu kısımda Always Online kısmını ON yaptım diğerlerini ellemedim ama siz ihtiyacınıza göre düzenleyebilirisniz

Security Settings
E-mail address obfuscation - On (Web sayfanızdan email adreslerini toplayan botların engellenmesi)
Server side exclude (SSE) - On (Şüpheli ziyaretçilerden otomatik olarak içeriğin gizlenmesini sağlar)
Hotlink protection - On (Resimlerinizin başka sitelerde sizden linklkerle verilmesini engeller)

Kaynaklar:
http://andbreak.com/articles/guide-spee ... ess/#flush
http://aciddrop.com/php-speedy/
http://andbreak.com/articles/guide-speed-wordpress/
http://www.alistapart.com/articles/sprites
http://wordpress.org/support/topic/w3-t ... e-375-sec-

Derleme ve uygulama : Velociraptor
Knowledge determines destiny, And ye shall know the Truth and the Truth shall make you free



Cevapla