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:
- http://www.site.com/css/bootstrap.css
- http://www.site.com/css/standart.css
- http://www.site.com/fonts/stylesheet.css
- http://www.site.com/fonts/font-awesome.css
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>
krtik css derlemesi yapılmalı bu işlem öncesi. 