Filter the Parent Theme: use tags instead of @import

<?php

function childtheme_create_stylesheet() {

$templatedir = get_bloginfo(‘template_directory’);

$stylesheetdir = get_bloginfo(‘stylesheet_directory’);

?>

<link rel=”stylesheet” type=”text/css” href=”<?php echo $templatedir ?>/library/styles/reset.css” />

<link rel=”stylesheet” type=”text/css” href=”<?php echo $templatedir ?>/library/styles/typography.css” />

<link rel=”stylesheet” type=”text/css” href=”<?php echo $templatedir ?>/library/styles/images.css” />

<link rel=”stylesheet” type=”text/css” href=”<?php echo $templatedir ?>/library/layouts/2c-l-fixed.css” />

<link rel=”stylesheet” type=”text/css” href=”<?php echo $templatedir ?>/library/styles/18px.css” />

<link rel=”stylesheet” type=”text/css” href=”<?php echo $stylesheetdir ?>/style.css” />

<?php

}

add_filter(‘thematic_create_stylesheet’, ‘childtheme_create_stylesheet’);

?>

====================================

A Technical Matter: Parallel Style Sheet Downloading

On the High Performance Web Sites Blog Steve Souders compares the performance of the <link> tag vs. @import. Here’s the issue in a nutshell: a series of @import declarations will be processed by the browser sequentially but a series of <link> tags will be processed in parallel. What does this mean? If you had 10 style sheets that each took 2 seconds to process, you’d add 20 seconds to the rendering time using @import but only 2 seconds using <link> tags—because the <link> tags are processed alongside each other inparallel.

(By Ian Stewart, posted on April 30, 2009. Source: http://themeshaper.com/modular-css-wordpress-child-themes/ )

About these ads