Title: CSS urls block rendering
Last modified: December 21, 2021

---

# CSS urls block rendering

 *  [ashop59](https://wordpress.org/support/users/ashop59/)
 * (@ashop59)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/css-urls-block-rendering/)
 * Hi guys, how are you? A long time ago query I have these two urls from your plugin
   that qualify poorly in pagespeed as rendering blocking.
 * What can I do about it? From already thank you very much!
    …css/all.css …css/
   v4-shims.css

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [mlwilkerson](https://wordpress.org/support/users/mlwilkerson/)
 * (@mlwilkerson)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/css-urls-block-rendering/#post-15420820)
 * The quickest way to get the Webfont with CSS technology loaded in a non render-
   blocking way is probably to use a Font Awesome Kit. A kit loads the CSS asynchronously.
 * Is that an option for you?
 *  [MindCreatesMeaning](https://wordpress.org/support/users/xizor/)
 * (@xizor)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/css-urls-block-rendering/#post-15890025)
 * Hello,
 * I too wish to **eliminate the render blocking characteristics** of the way in
   which the css files ‘**font-awesome-official**‘ and ‘**font-awesome-official-
   v4shim**‘ are loaded by **‘Official FontAwesome**‘ Plugin.
 * I have tried the following strategies to only 50% success. I am able to eliminate
   the render blocking for ‘font-awesome-official’, but not ‘font-awesome-official-
   v4shim’.
 * **Here’s what I’ve tried:**
    - **Using a Font Awesome Kit via API Token** which I plug into the ‘Official
      Font Awesome Plugin. (This is the method provided by [@mlwilkerson](https://wordpress.org/support/users/mlwilkerson/)
      and does not eliminate render blocking.)
    - **Dequeuing both files via Code Snippet.** (This only works for the file ‘
      font-awesome-official’, it does not dequeue ‘font-awesome-official-v4shim’.)
 * Your assistance in this matter is greatly appreciated.
    Thank you.
    -  This reply was modified 3 years, 9 months ago by [MindCreatesMeaning](https://wordpress.org/support/users/xizor/).
 *  Plugin Author [mlwilkerson](https://wordpress.org/support/users/mlwilkerson/)
 * (@mlwilkerson)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/css-urls-block-rendering/#post-15902664)
 * Hi [@xizor](https://wordpress.org/support/users/xizor/),
 * Ah, it looks like there’s one more step that would need to be taken to get the
   Kit to load in a non-render blocking way, and for a tool like Google PageSpeed
   Insights to report as such: add the defer and async attributes to the kit loader
   script tag.
 * The CSS itself is loaded by the kit script asynchronously.
 * Here’s a code snippet that could be added to a theme’s functions.php, for example,
   to add the defer and async attributes to the Kit loader script tag that is created
   by this plugin:
 *     ```
       function fa_js_async_defer($html, $handle) {
       	if( defined('FortAwesome\FontAwesome::RESOURCE_HANDLE') && FortAwesome\FontAwesome::RESOURCE_HANDLE === $handle ) {
       		$revised_html = preg_replace(
       			'/<script[\s]+(.*?)>/',
       			'<script defer="true" async="true" \1>',
       			$html
       		);
   
       		return $revised_html;
       	}
   
       	return $html;
       }
   
       add_filter(
       	'script_loader_tag',
       	'fa_js_async_defer',
       	11,
       	2
       );
       ```
   
 *  Plugin Author [mlwilkerson](https://wordpress.org/support/users/mlwilkerson/)
 * (@mlwilkerson)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/css-urls-block-rendering/#post-15902669)
 * FYI: there’s an open [feature request](https://github.com/FortAwesome/wordpress-fontawesome/issues/126)
   to add an option to enable adding these attributes to script elements automatically.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘CSS urls block rendering’ is closed to new replies.

 * ![](https://ps.w.org/font-awesome/assets/icon-256x256.png?rev=1991998)
 * [Font Awesome](https://wordpress.org/plugins/font-awesome/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/font-awesome/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/font-awesome/)
 * [Active Topics](https://wordpress.org/support/plugin/font-awesome/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/font-awesome/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/font-awesome/reviews/)

## Tags

 * [render-blocking](https://wordpress.org/support/topic-tag/render-blocking/)

 * 4 replies
 * 3 participants
 * Last reply from: [mlwilkerson](https://wordpress.org/support/users/mlwilkerson/)
 * Last activity: [3 years, 9 months ago](https://wordpress.org/support/topic/css-urls-block-rendering/#post-15902669)
 * Status: not resolved