Oluşturmayı Önleyen Javascript ve CSS Kodlarını Geç Yükleme

Oluşturmayı Önleyen Javascript ve CSS Kodlarını Geç Yükleme

Oluşturmayı Önleyen Javascript ve CSS Kodlarını Geç Yükleme

Google Pagespeed aracılığı ile veya diğer hız ölçer araçlarından aldığınız sonuçlar kısmında uyarı olarak “Oluşturmayı önleyen JavaScript ve CSS kodlarını ekranın üst kısmındaki içerikten kaldırın” mesajını görebilirsiniz.

Oluşturmayı Engelleyen Javascript ve CSS Kodları Nedir?

Bu hata tarayıcınız üzerinden bir internet sitesini ziyaret ettiğinizde tarayıcınız sizin için arka tarafta ilgili sayfaya dışarıdan istenen dosyaları yükler. Bu dosyaların boyutu ile doğru orantılı olarak CSS ve Javascript kodları ziyaretçinin adresi görüntülemek için bekleyeceği süreyi arttırıyor. Bu kodları birazdan uygulayacağınız yöntemler ile sonradan çağırarak sorunu çözmüş olacaksınız.

Javascript İçin Çözüm

Javascript kodlarını defer özelliğini kullanarak geç yükleyebilirsiniz.

Kod: <script type=’text/javascript’ src=’jquery.min.js’ defer=’defer’>
Alternatif Kod: <script type=’text/javascript’ src=’jquery.min.js’ defer>

WordPress İçin Çözüm

Kod:

/*
 * Defer Javascript
 */
add_filter( 'clean_url', function( $url )
{
    if ( FALSE === strpos( $url, '.js' ) )
    {
        return $url;
    }
    return "$url' defer='defer";
}, 11, 1 );

..

Yukarıdaki kodu temanızın functions.php dosyasının içerisine ekleyin.

 

CSS için Çözüm

<noscript id=”deferred-styles”>
<link rel=”stylesheet” type=”text/css” href=”stil.css“/>
</noscript>

 

Yukarıdaki koda göre ilgili css dosyalarını düzenleyin.

 

 

16 Beğen

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir