Jesper Wøldiche woeldiche

## template.php
<?php

/**
 * Implements template_preprocess_field().
 *
 * Adds classes to field based on field name.
 *
 * Good options are:
 * - Field name:    $vars['element']['#field_name'].
 * - Content type:  $vars['element']['#bundle'].

## noncritcss.md

      
        
          
            
              
              1 file
            
          
          
            
              
              10 forks
            
          
          
            
              
              44 comments
            
          
          
            
              
              215 stars
            
          
        
        
          
              
          
          
            
                scottjehl
                / noncritcss.md
            
            
              Last active
              August 12, 2023 16:57
            
              
                Comparing two ways to load non-critical CSS
              
          
        
      
        
  
      
    I wanted to figure out the fastest way to load non-critical CSS so that the impact on initial page drawing is minimal.
TL;DR: Here's the solution I ended up with: https://github.com/filamentgroup/loadCSS/

For async JavaScript file requests, we have the async attribute to make this easy, but CSS file requests have no similar standard mechanism (at least, none that will still apply the CSS after loading - here are some async CSS loading conditions that do apply when CSS is inapplicable to media: https://gist.github.com/igrigorik/2935269#file-notes-md ).
Seems there are a couple ways to load and apply a CSS file in a non-blocking manner:
	<?php

	/**
	* Implements template_preprocess_field().
	*
	* Adds classes to field based on field name.
	*
	* Good options are:
	* - Field name: $vars['element']['#field_name'].
	* - Content type: $vars['element']['#bundle'].