it-swarm-tr.com

Daha hızlı yükleme / daha az bant genişliği için CSS azaltma

CSS'yi sıkıştırmak/kullanılmayan kuralları belirli bir sayfa için bant genişliği açısından değerli mi yoksa bu yükü vahşi ortamda kaldırmak için önbelleklemeye mi dayanabiliriz (başlıklar/son değiştirilen)?

Şerefe

Ayrıca, beta herkese iyi şanslar!

9
Aiden Bell

Dosya boyutunu küçültmek kesinlikle bant genişliğini azaltır ve sayfa yükleme süresini kısaltır. Bir kullanıcı sitenize ilk defa ulaştığında hiçbir şey önbelleğe alınmaz ve çoğu site için ilk kez ziyaretçiler trafiğin çoğunluğunu oluşturur.

Ayrıca, gzip sıkıştırmasının etkin olduğundan emin olun. Bu, bant genişliğini azaltmak için sert bir miktar yapacaktır.

8
Matthew Shanley

Optimizasyon için daha büyük bir etkiye sahip olacak daha birçok potansiyel yer var ...

Kesinlikle bir performans artışı arıyorsanız, CSS kaynak optimizasyonu besin zincirinde oldukça düşüktür.

CSS kaynağındaki fazla boşluk, stil sayfaları ilk yüklendiğinde küçük bir darbe alacaktır. Önbelleğe alma işlemi bundan sonra ilgilenmelidir.

2
Evan Plaice

Bence ya da değil. Dosya boyutunu küçültmek, kullanıcıya dosyaya ilk eriştiğinde yardımcı olur. Önbellek ikinci ziyaretlerinde yardımcı olacaktır.

2
jessegavin

Eşyaları her zaman kaldırabileceğiniz zaman, sadece ihmal edilebilir derecede yükleme hızını artıracaksınız. Ayrıca, kod açıklığı için kullanmadığınız şeyleri de kaldırmak iyi bir uygulamadır.

1
Jason

Her iki dünyadan da en iyisini elde edebilirsiniz, yürütme sırasında dosyayı küçültün ve çıktıyı gzip ile alın.
Kaynak dosya düzenlemeniz gerektiğinde okunabilir, ancak indirildiğinde sıkıştırılır

ilk olarak: Apache'ye tüm css dosyalarını php scriptleri olarak ele almasını ve text/css tipinde çıktıyı sıkıştırmasını sağlamak için htaccess kullanın.

içinde .htaccess AddHandler php5-cgi .css AddType metin/css .css AddOutputFilterByType DEFLATE metin/css

saniye: indirme başlamadan önce css kodunu küçültmek için bir geri çağırma işleviyle çıktı tamponlamayı kullanın, ayrıca dosyanın önbelleğe alınmasını sağlamak için zaman aşımı süresini de ayarlayın.

css dosyanızda

<?php
ob_start("trima");
header("Content-type: text/css; charset=utf-8");
ob_start();
date_default_timezone_set('GMT');
$lasmod = "Last-Modified: " . strftime ("%a, %d %b %Y %T GMT", filemtime (__FILE__));
Header($lastmod);
$offset = 3600*24*30*12;
$expire = "Expires: " . date("D, d M Y H:i:s", time() + $offset) . " GMT";
Header($expire);
function trima($str) {
    $str = str_replace(array("\n", "\r", "\t", "\o", "\xOB"), '', $str); // remueve enter tabs y demas
    $str = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $str); // remueve comentarioa
    $str = ereg_replace("[ ]+", " ", $str);                         //remueve espacios multiples
    $rep = array( '{ '=>'{', ' }'=>'}', '; '=>';', ', '=>',', ' {'=>'{', '} '=>'}', ': '=>':', ' ,'=>',', ' ;'=>';' ); // remueve espacios inecesarios
    $str = strtr($str, $rep);
    return $str;
}
?>
css content here

Üçüncüsü: kar?

0

Sitenizin dinamiğine bağlı olduğundan şüpheleniyorum. Pek çok ziyaretçiniz varsa ve pek çok yeni ziyaretçiniz yoksa, önbellekleme muhtemelen yeterlidir. Bununla birlikte, birçok yeni ziyaretçiniz varsa (ve özellikle iyi bir ilk izlenim bırakmak istiyorsanız), CSS’nizin boyutunu olabildiğince azaltmanız gerektiğini düşünüyorum.

0

Kullanılmayan bazı CSS'leri kaldırmak, bir sayfadaki yükleme sürelerini belirgin şekilde iyileştirir; ancak, bunu birkaç sayfa üzerindeki efektle dengelemeniz gerekir. Ayrıca çok fazla HTTP isteğinden de kaçınmak istersiniz.

Unutmayın, CSS'yi yüklemek, CSS yüklemesini hızlandırmanın en etkili yoludur. Gereksiz birkaç bloğun kaldırıldığı bir dosyadaki her şey ve bir dosya arasındaki fark gzip'ten sonra önemsizdir.

0
DisgruntledGoat

Kullanılmayan CSS'yi sayfa başına alarak kaldırarak performans düşse bile (ve radikal biçimde farklı sayfalardan söz etmediğiniz sürece önbelleğe almanın bu ağırlığa göre daha ağır olacağına ikna oldum), bunu yapmak için gereken bakım süresini dikkate almanız gerekir. . Google’ı kullanmadığınız sürece, her kullanıcıya saniyenin onda birini kurtarmak için sitenin kullanım ömrü boyunca birkaç gün harcamak değmez.

Bunun birçoğunun sitenizin kullanım profiliyle ilgisi var. Eğer gerçekten yapışkansanız, önbellekleme eller aşağı kazanır. Ancak, hemen çıkma oranınız yüksekse, optimize edilmiş CSS'lerden daha iyi olabilirsiniz (veya sitenizi daha katı hale getirmek için CSS optimizasyonuna harcadığınız zamanı harcamak!).

Sayfaya özel işaretlemeniz varsa uygulayabileceğiniz bir yaklaşım, site genelinde genel bir CSS dosyasına sahip olmak ve sayfa başına kuralları HTML belgesinin içine yerleştirmektir.

0
JasonBirch