WordPress tema ve kod bankası blogu

fatih toprak Full stack developer & WordPress Master

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ı. 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 ? 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 için resimlerinizi içerikleriniz yüklendikten sonra yüklemek için javascript ...
[ 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.. 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 kullanılıyor olması sayfanızın öncelikli ...
[ 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 optimizasyon 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, 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. Aslında bu içerik bir ...
[ Devamını oku ]