why optimize css? it blocks rendering test: it’s verbose text-decoration: underline cannot be...

5
Why optimize CSS? • It blocks rendering test: http://www.phpied.com/files/css- loading/table.php • It’s verbose text-decoration: underline cannot be minified to td: u

Upload: wilfred-armstrong

Post on 04-Jan-2016

223 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Why optimize CSS? It blocks rendering test:  It’s verbose text-decoration: underline cannot be minified

Why optimize CSS?

• It blocks renderingtest: http://www.phpied.com/files/css-loading/table.php

• It’s verbosetext-decoration: underline

cannot be minified to td: u

Page 2: Why optimize CSS? It blocks rendering test:  It’s verbose text-decoration: underline cannot be minified

Top 1000 study

1. Grab top Alexa sites2. Start Fiddler3. Load each site4. Export from Fiddler

Page 3: Why optimize CSS? It blocks rendering test:  It’s verbose text-decoration: underline cannot be minified

<?php

$file = file('alexa.txt');

foreach ($file as $url) {

launch($url);

}

function launch($url) {

try {

$ie = new COM("InternetExplorer.Application");

$ie->Visible = true; $ie->Navigate2($url);

while ($ie->ReadyState != 4) sleep(1);

$ie->Quit();

} catch (Exception $e) {}

}

?>

Page 4: Why optimize CSS? It blocks rendering test:  It’s verbose text-decoration: underline cannot be minified
Page 5: Why optimize CSS? It blocks rendering test:  It’s verbose text-decoration: underline cannot be minified