Çok kısa izah etmeye çalışayım, aslında basit bir mantığı var.
Nasıl evinizdeki internet ile bir siteye bağlanmak istediğiniz zaman önce internetiniz, o sitenin sunucusuna gidip ping atıp cevap alıp sonra gelen yanıta göre sayfayı açıyor ise...
CSS ve JS kodlarının da, kendi içerisinde böyle bir mantığı var.

Elzem ve küçük olan CSS ve JS kodlarını, satır içerisinde sayfanın kendi içerisine girerseniz şayet; sitenize kullanıcı girdiğinde, bu CSS ve JS dosyalarını çağırmak için siteniz ekstra efor harcamaz.
Bu efor harcanmadığı için de, sitenizin hızı otomatik olarak artar. Siteniz daha hızlı açıldığı için de, kullanıcı deneyimi artar ve bu da Google'a olumlu sinyaller verir.

Özetle; herhangi bir sayfanızda sadece 20 satırlık bir CSS çalışıyor ise ve siz bu 20 satırlık CSS için 1200 satırlık bir CSS'i çağırıyorsanız siteniz işlemden ötürü yavaşlar ve kullanıcı deneyimi düşer.
Sadece elzem olan CSS'leri sayfa/satır içerisine girerseniz ise tam tersi olur. Konu bundan ibaret.