Arkadaşlar bir önceki konumda pagespeed için yardımcı olacağımı söylemiştim en altınada konu açıp detaylı bilgi paylaşacağım demiştim. Şimdi Türkçe ve İngilizce bir çok kaynaktan Google Webmaster Forumundan bir çok kaynaktan bulduğum hızlandırma ile alalı bütün bilgileri burada paylaşacağım.
Not: Hiç bir işlem yapmadan önce tamamen yedek alın, sorumluluk kabul etmem burada yazdığım bilgileri belirtmediğim sürece kullanmışımdır ancak yedek her şeyden önemlidir.
Wordpress JS ve CSS Geciktirme kodu: JS ve CSS'leri daha sonraya bırakmak için kullanıyoruz.
remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
remove_action('wp_head', 'wp_enqueue_scripts', 1);
add_action('wp_footer', 'wp_print_scripts', 5);
add_action('wp_footer', 'wp_enqueue_scripts', 5);
add_action('wp_footer', 'wp_print_head_scripts', 5);
Kullanımı: Temanızın [I]funtions.php[/I] içinde düzeni bozmayacak bir yere koyunuz.
Resimleri optimize edin: Burada ister eklenti ister başka bir araç kullanarak yada her ikisine kullanarak yapabilirsiniz. Eklenti olarak WP-Smush yada EWWW Image Optimizer kullanabilirsiniz. WP-Smush 50 resim için ücretsiz sonra ücretliye dönüyor diğeri ücretsiz eğer isterseniz alternatif optimize eklentileri kullanabilirsiniz.
Önemli Not: Eklentileri kullandıktan sonra silin.
PageSpeed de sorgu yaptığınızda size optimze edilmesi gereken resimleri söyle bunun için en altta Bu sayfa için, optimize edilmiş resim, JavaScript ve CSS kaynaklarını indir. yazısını görürsünüz buradan indirip resimleri atın %99 resimler optimize olacak.
Veya tüm upload klasörünü buraya yükleyerek (küçük siteler için tavsiyem) buradan optimizeli hallerini indirip kullanın.
Kaynakları Küçültme (HTML, CSS ve JavaScript)
Şimdi burada genel olarak tema sıfır yüklendiğinde her şey kullanıcı düzenleyebileceği gibi olur bunun için css ve js leri küçültün js leri zaten kolay kolay kimse değiştirmez ama css lerde yönetici değişikliği yapabilecek şekilde küçültebilrisiniz bunun için üstte belittiğim gibi Bu sayfa için, optimize edilmiş resim, JavaScript ve CSS kaynaklarını indir. aracını kullanıp yapabilirsiniz ama burada js ve css lerin yolunu bilmiyoruz karıştırmam derseniz buradan alıp doğru yere atın eğer ben karıştırırım derseniz http://csscompressor.com/ linkini kullanarak css leri yapıştırıp Compression Level: kısmında High kısmını seçin bu yöneticlerin düzenleyebileceği bir seviyede sıkıştırma yapar.Aynı şekilde js'leri de sıkıştırmak için https://jscompress.com/ adresini kullanabilirsiniz.
Oluşturmayı önleyen JavaScript ve CSS kodlarını ekranın üst kısmındaki içerikten kaldırın
Bu sorunu da tam çözmüş değilim ama Google Webmaster Forumunda bana Google çalışanın önerdiği bir çözüm içinden anahtar kelimeleri buldum bu sayede bu sorunu yarı yarıya çözen bir eklenti buldum. Above The Fold Optimization Bu eklenti ile şimdilik sadece js leri çözdüm ama css leride çözeceğim ama şöyle bir şey var ben zaten en üstte verdiğim kod ile masaüstünde olan sorunu çözüyorum responsive sitede mobilde bu sorun oluyor bu eklenti ile mobildeki js lerin sorunu çözmüş oluyoruz ama çok puan vermiyor.
Tarayıcı önbellekleme özelliğinden yararlanın Ben bu önbellek olayını sadece JS'lerde kullandım onun için .htaccess içine alttaki kodu girdim. Sorun tamamen ortadan kalktı.
ExpiresActive On
ExpiresByType text/x-javascript "access 1 month"
ExpiresDefault "access 2 month"
Ama ben tüm her şeyi önbellek alsın istiyorum derseniz alttaki kodu girebilirsiniz.
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 month"
Not: ben burada tüm hepsi için 2 aylık önbellek süresi seçtim eğer dışa bağlı kaynak kullanıyorsanız bunların ayarını yapabilirsiniz.
Sunucu yanıt süresini kısaltın Buna bir çözüm bulamadım ama bu kullandığımız hosting'den kaynaklanıyor çok hızlı bir hosting'e geçmemiz gerekiyor galiba Google'ın Önerisi:
Öneriler
Sunucu yanıt sürenizi 200 ms'nin altına indirmeniz gerekir. Sunucunuzun yanıtını yavaşlatabilecek düzinelerce potansiyel faktör vardır: yavaş uygulama mantığı, yavaş veritabanı sorguları, yavaş yönlendirme, çerçeveler, kitaplıklar, CPU'daki kaynak yetersizliği veya bellek yetersizliği. Sunucunuzun yanıt süresini iyileştirmek için tüm bu faktörleri dikkate almanız gerekir. İlk adım, sunucu yanıt süresinin yüksek olarak ölçülmesinin nedenini ortaya çıkarmaktır. Sonra, veriler elinizdeyken, problemin nasıl giderileceği konusunda uygun kılavuzlara başvurun. Sorunlar çözüldükten sonra, sunucunuzun yanıt sürelerini ölçmeye ve gelecekte olabilecek performans darboğazlarının üzerine gitmeye devam etmelisiniz.
Görünür içeriğe öncelik verin Bunu mobilde gösteriyor bunun sebebi bende slider var bunu kaldırabilirsem sorun çözülecek.
Sıkıştırmayı etkinleştirin Bunu wordpress'de eklenti ile gzip eklentileri ile yapabiliriz. Cache eklentilerinin içinde var çoğunda sadece bu işe yarayan eklentilerde var kullanmadığım için öneride bulunamayacağım. Yine .htaccess kullanarak bu sıkıştırmayı yapabiliriz bunun için iki tane kaynak bırakıyorum bir Türkçe biri İngilizce sürüme göre seçip deneyebilirsiniz.
- https://torquemag.io/2016/04/enable-gzip-compression-wordpress/
- http://www.senolozbek.com.tr/sikistirmayi-etkinlestirin-google-pagespeed/
Site Hızlandıracak Bir Kaç Öneri Daha:
1 - Ayrıca Sitenizde CDN kullanabilirsiniz bu siteye daha çok server ve hız katar ücretsiz olarak Tükçe'de ücretsiz Netdirekt'in paketi var. veya Jetpack eklentisi kurarak Wordrpess'in CDN servisini kullanabilirsiniz. yabancı bir çok site var popüler bir kaç sitede link bırakıyorum.
- http://www.netdirekt.com.tr/cdn.html
- https://www.maxcdn.com/
- https://www.cloudflare.com/
- https://aws.amazon.com/
- https://www.keycdn.com/
Bunların haricinde bu sitede de 10 tane ücretsiz CDN sitesi paylaşılmış: http://www.wpexplorer.com/free-cdn-services-for-wordpress/
2 - Sitede kullanmadığınız eklentileri kaldırın temaları kaldırın boşa yer kaplamasın hepsi bir yerde yavaşlatmaya sebep olur.
3 - Arada bir temizlik yapın ama bunu eklentiler ile değilde sql sorguları ile yapın onun içinde link: http://wpmavi.com/wordpress-genel-bilgi/wordpress-veritabani-temizleme.html
4 - Hafif kullanıcı dostu tema seçmeye çalışın ucuz diye bilinmedik sitelerden hosting almayın.
Yararlandığım Kaynaklar:
https://www.google.com.tr/search?q=online+image+optimize
https://developers.google.com/speed/docs/insights/Server
http://www.cemturk.net/2014/08/21/tarayici-onbellekleme-ozelliginden-yararlanma/
https://torquemag.io/2016/04/enable-gzip-compression-wordpress/
http://www.senolozbek.com.tr/sikistirmayi-etkinlestirin-google-pagespeed/
http://winningwp.com/best-cdn-content-delivery-networks-services-fo-wordpress/
Yazıda hatam olursa affola :) Bu arada yazıyı beğendiyseniz ve işinize yaradıysa konuyu beğenmeyi unutmayın :)
Yazı için eklememi istediğiniz bir yer var ise veya öneriniz var ise belirtin hemen ayarlayayım.