Merhabalar alt kısımda belirtilen css sorununu nasıl çözebilirim css kodlar açık .
Sıkıştırma yapsamda hız testinde aynı hata ile karşılaşıyorum. Bu hayatı nasıl atlatabiliriz. Teşekkürler
PSI, bu sayfanın oluştuma engelleme kaynaklarını yüklemek için fazladan 2 gidiş-dönüş ve tam oluşturma için 0.4 MB gerektirdiğini tahmin etmektedir. Ortanca değere sahip sayfa 4 gidiş-dönüş ve 2.7 MB gerektirmektedir. Gidiş-dönüş sayısı ve bayt miktarının daha az olması sayfaların daha hızlı yüklenmesini sağlar.
Optimizasyon Önerileri
Oluşturmayı önleyen JavaScript ve CSS kodlarını ekranın üst kısmındaki içerikten kaldırın
Sayfanızda oluşturmayı engelleyen 4 tane CSS kaynağı var. Bu durum, sayfanızın oluşturulmasında gecikmeye neden oluyor.
Sayfanızda ekranın üst kısmındaki içerikten hiçbiri aşağıdaki kaynakların yüklenmesi beklenmeden oluşturulamadı. Engelleyen kaynakları ertelemeyi veya eşzamansız olarak yüklemeyi ya da bu kaynakların önemli miktarda bölümünü doğrudan HTML'de satır içi yapmayı deneyin.
Aşağıdakilerin CSS Yayınını optimize edin:
ARKADAŞLAR SORUNU ARAŞTIRMA SONUCUNDA ÇÖZDÜM ÇÖZÜMÜ ALT KISIMDAKİ GİBİ
Dosyaları noscript şeklinde çağırmamız gerekiyor örnek alt kısımda
<noscript id="deferred-styles">
<link rel="stylesheet" href="css/bootstrap.css"/>
<link rel="stylesheet" href="fonts/stylesheet.css"/>
<link rel="stylesheet" href="fonts/font-awesome.css"/>
</noscript>
<script>
var loadDeferredStyles = function() {
var addStylesNode = document.getElementById("deferred-styles");
var replacement = document.createElement("div");
replacement.innerHTML = addStylesNode.textContent;
document.body.appendChild(replacement)
addStylesNode.parentElement.removeChild(addStylesN ode);
};
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(function() {
window.setTimeout(loadDeferredStyles, 0);
});
else window.addEventListener('load', loadDeferredStyles);
</script>