Selamlar, örnek bir senaryo ile bildiğim kadarını anlatmaya çalışayım.
Prerender için; Öncelikle CSS dosyalarınızı iyi yapılandırmanız lazım. Örneğin heryerde kullanılan CSS'lerinizi base.css 'de tutun. anasayfada kullanılan CSS'leri home.css'de ve ürün detay sayfasında kullanılan css'leri product.css'de tuttuğunuzu varsayarak devam edelim.
Bölmemizdeki sebep ; anasayfada slider vardır, ürün detayda yoktur. ürün detayda image zoom vardır anasayfada yoktur. gereksiz byte'lara gerek olmadığı için böldük. her sayfada ihtiyaç olan dosyayı çağırdık.)

Anasayfaya giren bir kullanıcının muhtemel bir sonraki sayfası ürün detay sayfası ise prerender'a product.css'i alırsınız. link rel'e de home.css'i alırsınız. bu sayede home.css sayfa ile yüklenir ama bir sonraki sayfa için tarayıcı product.css'i hazır hale getirir.

DNS Prefecth ise ; tarayıcıların/ağın DNS araması işlemlerini hızlandırmak için kullanılır. Google için bunu yapmaya gerek var mı yok mu tecrübe ister. O tecrübe şu an bende yok. Ama CDN yapısı kullanıyorsanız, Sayfa hızınızın mutlak olması gereken süreçlerinden birisi de DNS çözümlemesinin yapılmasıdır. Olmazsa olmaz bir durumdur. Sayfa hızında etkili olan nedenlerden birisi de yükleme esnasında kullanılan dosyaların birden fazla etki alanından indirilmesidir. Birçok alan adı için yapılan DNS aramasının yükleme hızını etkilediğinden eminiz. Yani o zaman DNS Prefetch'i CDN'den çağırdığınız CSS, JS ve Image dosyalarınız için kullanabilirsiniz.

Umarım anlatabilmişimdir. Sonuçlarınızı paylaşabilirseniz hep beraber faydalanalım...

İyi çalışmalar.