Jannah Theme - Kaydırma Performansı Hakkında Yardımınıza İhtiyacım Var

Merhaba arkadaşlar. Wordpress sitemde Jannah tema kullanıyorum ve Google PageSpeed Insights sayfasında şu uyarıyı alıyorum;

Forumda bazı araştırmalar yaptığımda örneğin şu sitedeki anlatım önerilmiş;
https://edofhi.com/baslik/cozum-kayd...i-kullanmiyor/

Bu sitede anlatılana göre, anlatımda paylaşılan javascript kodlarının "custom.js" dosyasına eklenmesi gerekiyor. Ancak Jannah temasında "custom.js" adında bir dosya yok.

Denk geldiğim diğer bir öneride de şu kodun js dosyalarındaki event handler bölümlerine passive true olarak eklenmesi gerektiği bahsedilmiş;

document.addEventListener('touchstart', onTouchStart, {passive: true});

Ancak Jannah temasında bu kodlar tam olarak nereye eklenmeli orasını tam olarak anlayamadım

Bu sorunu halledebilmek için tavsiyelerinizi "ücretsiz olarak" yorumlarda belirtebilirseniz sevinirim. Umarım ileri vadede bu sorun ile karşılaşacak diğer arkadaşlarımız için de faydalı olacaktır.

Temanızın functions.php dosyasını açın ve ekleyin...

function custom_scripts_with_jquery()
{
    wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom.js', array( 'jquery' ));
}
add_action( 'wp_enqueue_scripts', 'custom_scripts_with_jquery' );

custom.js kısmını kendinize göre düzenler, temanın js klasörüne yüklersiniz.

Bahsettiğiniz şekilde yaptım ancak PageSpeed Insights tarafında hiçbir değişiklik olmadı hocam.

Bu tanımlamanın en üstte yer alması gerekiyor. JS dosyaları listesine baktınız mı? jQuery sonrası ilk gelen dosyada olması gerekiyor. Eğer altta kalırsa olmaz çünkü temanın esas JavaScript fonksiyonlarının gerisinde kalır. Bunun en kolay çözümü, az önce yaptığınız işlemi kaldırın yani geri alın. Ardından Jannah temasının scripts.min.js veya scripts.js (hangisini kullanıyorsanız) dosyasını açın ve en altına o kodları ekleyip kaydedin. Çerezleri temizleyin ve tekrar deneyin.

Hocam bir türlü yapamadım malesef anydesk üzerinden yardımcı olmanızı rica etsem bir bakabilme imkanınız olurmuydu?

Zor bir işlem değil.

siteadresiniz.com/wp-content/themes/jannah/assets/js/scripts.min.js

Buradaki scripts.min.js dosyasının içine (kodların en altına) ekleyeceksiniz. Bu arada cloudflare kullanıyorsanız, orada önbelleği temizlemeniz gerekiyor.

Hata uyarısı PageSpeed Insights tarafında gitti ancak bu seferde slider yüklenmiyor, yükleniyorda takıldı Bu olay beni aşacak anlaşılan, sağlık olsun. Vaktinizide çaldım kusuruma bakmayın.

Aşağıdaki kodu /home/xx.com/public_html/wp-content/themes/xxtema/js dizinindeki jquery .js dosyalarının sonuna eklersen hata almadan çözersin belki ben böyle çözmüştüm.

!function(e){"function"==typeof define&&define.amd?define(e):e()}(function(){var e,t=["scroll","wheel","touchstart","touchmove","touchenter","touchend","touchleave","mouseout","mouseleave","mouseup","mousedown","mousemove","mouseenter","mousewheel","mouseover"];if(function(){var e=!1;try{var t=Object.defineProperty({},"passive",{get:function(){e=!0}});window.addEventListener("test",null,t),window.removeEventListener("test",null,t)}catch(e){}return e}()){var n=EventTarget.prototype.addEventListener;e=n,EventTarget.prototype.addEventListener=function(n,o,r){var i,s="object"==typeof r&&null!==r,u=s?r.capture:r;(r=s?function(e){var t=Object.getOwnPropertyDescriptor(e,"passive");return t&&!0!==t.writable&&void 0===t.set?Object.assign({},e):e}(r):{}).passive=void 0!==(i=r.passive)?i:-1!==t.indexOf(n)&&!0,r.capture=void 0!==u&&u,e.call(this,n,o,r)},EventTarget.prototype.addEventListener._original=e}});

Selamlar,
aşağıdaki paylaştığım içerikten sorunu basitçe çözebilirsiniz:
https://emirkandamar.com/kaydirma-pe...nmiyor-hatasi/