fatih toprak Full stack developer & WordPress Master

Google Web Font’larını eşzamansız olarak yükleyin

WordPress Optimizasyonu ile alakalı yazılar serimize, kaldığımız yerden devam ediyoruz. Uzun bir aradan sonra, yeniden içerik oluşturmuş olmak beni de takip eden herkesi de mutlu edecek diye umuyorum... Bu makalenin içeriği " Google Web Font'larını eşzamansız yükleyerek nasıl daha geçerli Pagespeed Insigts puanı alırsınız ?" sorusunun yanıtı olacak.. Google Pagespeed insights & Google Web Font Örneğin web sayfanızı, pagespeed test aracında,  belirtilen yönergelere göre gayet optimize bir şekilde hazırladınız ancak, lokal kaynaklarınızdan değil de dışarıdan çektiğiniz / sayfanıza dahil ettiğiniz external (harici) kaynaklar nedeni ile sayfa skorunuzu daha üste çıkaramıyorsunuz.. Ancak bu durumuda aşmak için ya kaynaklarınızı lokal olarak kendi sunucunuzdan okutmalısınız ya da başka çözümler aramalısınız. Aslında, özellikle en çok karşılaşılan hatalardan biri olan Google ...
[ Devamını oku ]

Jquery Kullanmadan Resimler için Lazy Load (Defer Images)

WordPress optimizasyon temalı bu içerikteki ele alacağımız konu, resimler için lazy load uygulaması. Bir diğer ismi ile, Defer Images.. Peki tam olarak "Lazy Load" nedir, ne işe yarar ? Öncelikle bununla alakalı bir kaç kelimelik tanımlama yapmak herkes için en doğrusu sanırım. Resimlerin sayfa yüklendikten sonra çağırılması olayını defering images ya da diğer adı ile, lazy load diyebiliriz. Buna benzer işlemleri, css dosyaları ve js dosyaları için yapmıştık eski içeriklerde, işte bu içerikte de görünür içeriklerinizin hemen sonrasında, resimlerinizi yüklemeyi deneyeceğiz. Jquery Kullanılmayan sayfalar için lazy load nasıl yapılabilir ? (Defer Images) Aslında modern yetenekleri olan siteler için jQuery kullanmamak gibi bir durum söz konusu bile değil ancak, soft bir yapı kullanmak ya da jQuery kütüphanesi olmadan çalışmalar ...
[ Devamını oku ]

Javascript Optimizasyonu – Oluşturma Engelleyici Javascript (Javascript Render Blocking)

Bir kaç gündür keyiflenmeme en güzel sebeplerden olan eski takipçilerin gerek ise, dostlarımın yorumları ve sosyal medya üzerinden gelen tatlı feedback'ler sonrasında, yazıların yenilenme aralığını da kısaltmak herkes için daha faydalı oluyor kanısındayım. Yorumları ile şimdiden beni daha çok mutlu eden herkese sonsuz teşekkürler.. Sıradaki konumuz; Javascript Render Blocking. Bu makalede, WordPress optimizasyonu ile alakalı olarak aslında daha Türkçesi, "WordPress Seo & Hız Optimizasyonu " ile alakalı ipucu ve yönergeleri işleyeceğiz. Görünen o ki, hız optimizasyonu ile alakalı en çok karşılaşılan diğer durumlardan bir tanesi de, tam da bu, javascript optimizasyonu. Önceki yazılardan olan CSS yayını optimizasyonu (*) ile alakalı kullandığımız mental ve tool'lara bakacak olursak, Javascript kaynaklarının da normalin üstünde değerler ile ...
[ Devamını oku ]

CSS Yayını Optimizasyonu nasıl olmalı? (CSS Delivery)

Bilindiği üzere, bir önceki WordPress Google Optimizasyonu temalı içerikte, Google için pagespeed optimizasyonu ile alakalı konu başlıklarından bahsetmiştim. Bu içerikte de CSS Yayını Optimizasyonu ile alakalı başlıklardan bir tanesi olan, CSS yayınının servisi ve gerekli standartların nasıl kurgulanması gerektiği konusunu değerlendirmiş olacağız. Bu sayede, daha faydalı ve SEO uyumlu ve daha hızlı açılan WordPress sitelerini birlikte yeniden oluşturmuş olacağız. Oluşturmayı engelleyici CSS yayını nedir ? Belki de bu en çok karşılaşılan sıkıntılardan bir tanesi. Peki nedir tam olarak , nedir Türkçe meali ? CSS yayınınız, ya da CSS kaynaklarınız, sayfanın görünen içeriğinin oluşturulması zamanını geciktiriyor olabilir. Sayfanızın hazırlanmasında, tarayıcınız web içeriğinizi yorumlarken, birden çok kullanılan CSS kaynaklarınız, render kısmında (oluşturulma) sayfanızın hazırlanması zamanını fazlası ile ...
[ Devamını oku ]

WordPress sitelerini Google dostu hazırlamak, Pagespeed skorlarını 100/100 hale getirmek

Bir çok geliştiricinin, belkide farkında olmayı en çok istediği ve en çok araştırılan konulardan bir tanesi de, wordpress google pagespeed yani,  Google 'ın pagespeed insights servisinin kabul gören puanı alabilmek. Tabi bunun için uzun uzadıya yazılan makaleler, araştırma sonuçlar ve tecrübeye sahip olan insanların paylaştıkları çok fazla şeyin yanı sıra, iş görmeyen de bir dünya makale yok değil. Günümüzde, tamamen re-marketing amaçlı yazılan, SEO 'ya oynayıp, reklam - pazarlama modellemesi ile kurgulanan içeriklerden oluşan çöp blogları saymadığınız takdirde, pek de derli toplu olarak not görünmüyor gibi. Dolayısı ile, hem yıllar sonra keyifle yazmak hem de daha faydalı olması amacı ile, WordPress SEO ve Google Pagespeed Insights optimizasyonu temalı bu içeriği oluşturmaya karar verdim diyebilirim. Wordpress google ...
[ Devamını oku ]