futtta / autoptimize

classlesses/autoptimizeExtra.php

Spacing +98 added lines, -98 removed lines

@@ -1,18 +1,18 @@ 
 <?php
-if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
+if (!defined('ABSPATH')) exit; // Exit if accessed directly
 
 // initialize
-if ( is_admin() ) {
-    add_action( 'admin_menu', 'autoptimize_extra_admin' );
-    add_filter( 'autoptimize_filter_settingsscreen_tabs','add_autoptimize_extra_tab' );
+if (is_admin()) {
+    add_action('admin_menu', 'autoptimize_extra_admin');
+    add_filter('autoptimize_filter_settingsscreen_tabs', 'add_autoptimize_extra_tab');
 } else {
     autoptimize_extra_init();
 }
 
 // get option
 function autoptimize_extra_get_options() {
-    $_default_val = array("autoptimize_extra_checkbox_field_1"=>"0","autoptimize_extra_checkbox_field_0"=>"0","autoptimize_extra_radio_field_4"=>"1","autoptimize_extra_text_field_2"=>"","autoptimize_extra_text_field_3"=>"");
-    $_option_val = get_option( 'autoptimize_extra_settings' );
+    $_default_val = array("autoptimize_extra_checkbox_field_1"=>"0", "autoptimize_extra_checkbox_field_0"=>"0", "autoptimize_extra_radio_field_4"=>"1", "autoptimize_extra_text_field_2"=>"", "autoptimize_extra_text_field_3"=>"");
+    $_option_val = get_option('autoptimize_extra_settings');
     if (empty($_option_val)) {
         $_option_val = $_default_val;
     }
@@ -24,70 +24,70 @@ 
     $autoptimize_extra_options = autoptimize_extra_get_options();
 
     /* disable emojis */
-    if ( !empty($autoptimize_extra_options['autoptimize_extra_checkbox_field_1']) ) {
+    if (!empty($autoptimize_extra_options['autoptimize_extra_checkbox_field_1'])) {
         autoptimize_extra_disable_emojis();
     }
     
     /* remove version from query string */
-    if ( !empty($autoptimize_extra_options['autoptimize_extra_checkbox_field_0']) ) {
-        add_filter( 'script_loader_src', 'autoptimize_extra_remove_qs', 15, 1 );
-        add_filter( 'style_loader_src', 'autoptimize_extra_remove_qs', 15, 1 );
+    if (!empty($autoptimize_extra_options['autoptimize_extra_checkbox_field_0'])) {
+        add_filter('script_loader_src', 'autoptimize_extra_remove_qs', 15, 1);
+        add_filter('style_loader_src', 'autoptimize_extra_remove_qs', 15, 1);
     }
 
     /* async JS */
     if (!empty($autoptimize_extra_options['autoptimize_extra_text_field_3'])) {
-        add_filter('autoptimize_filter_js_exclude','autoptimize_extra_async_js',10,1);
+        add_filter('autoptimize_filter_js_exclude', 'autoptimize_extra_async_js', 10, 1);
     }
 
     /* optimize google fonts */
-    if ( !empty( $autoptimize_extra_options['autoptimize_extra_radio_field_4'] ) && ( $autoptimize_extra_options['autoptimize_extra_radio_field_4'] != "1" ) ) {
+    if (!empty($autoptimize_extra_options['autoptimize_extra_radio_field_4']) && ($autoptimize_extra_options['autoptimize_extra_radio_field_4'] != "1")) {
         // TODO: we should also check if there are any dns-prefetches or other resource hints for google fonts and if so remove them
-        if ( $autoptimize_extra_options['autoptimize_extra_radio_field_4'] == "2" ) {
-            add_filter('autoptimize_filter_css_removables','autoptimize_extra_remove_gfonts',10,1);
+        if ($autoptimize_extra_options['autoptimize_extra_radio_field_4'] == "2") {
+            add_filter('autoptimize_filter_css_removables', 'autoptimize_extra_remove_gfonts', 10, 1);
         } else {
-            add_filter('autoptimize_html_after_minify','autoptimize_extra_gfonts',10,1);
-            add_filter('autoptimize_extra_filter_tobepreconn','autoptimize_extra_preconnectgooglefonts',10,1);
+            add_filter('autoptimize_html_after_minify', 'autoptimize_extra_gfonts', 10, 1);
+            add_filter('autoptimize_extra_filter_tobepreconn', 'autoptimize_extra_preconnectgooglefonts', 10, 1);
         }
     }
     
     /* preconnect */
-    if ( !empty($autoptimize_extra_options['autoptimize_extra_text_field_2']) || has_filter('autoptimize_extra_filter_tobepreconn') ) {
-        add_filter( 'wp_resource_hints', 'autoptimize_extra_preconnect', 10, 2 );
+    if (!empty($autoptimize_extra_options['autoptimize_extra_text_field_2']) || has_filter('autoptimize_extra_filter_tobepreconn')) {
+        add_filter('wp_resource_hints', 'autoptimize_extra_preconnect', 10, 2);
     }
 }
 
 // disable emoji's functions
 function autoptimize_extra_disable_emojis() {
     // all actions related to emojis
-    remove_action( 'admin_print_styles', 'print_emoji_styles' );
-    remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
-    remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
-    remove_action( 'wp_print_styles', 'print_emoji_styles' );
-    remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
-    remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
-    remove_filter( 'comment_text_rss', 'wp_staticize_emoji' );
+    remove_action('admin_print_styles', 'print_emoji_styles');
+    remove_action('wp_head', 'print_emoji_detection_script', 7);
+    remove_action('admin_print_scripts', 'print_emoji_detection_script');
+    remove_action('wp_print_styles', 'print_emoji_styles');
+    remove_filter('wp_mail', 'wp_staticize_emoji_for_email');
+    remove_filter('the_content_feed', 'wp_staticize_emoji');
+    remove_filter('comment_text_rss', 'wp_staticize_emoji');
 
     // filter to remove TinyMCE emojis
-    add_filter( 'tiny_mce_plugins', 'autoptimize_extra_disable_emojis_tinymce' );
+    add_filter('tiny_mce_plugins', 'autoptimize_extra_disable_emojis_tinymce');
 
     // and remove dns-prefetch for emoji
-    add_filter( 'wp_resource_hints', 'disable_emojis_remove_dns_prefetch', 10, 2 );
+    add_filter('wp_resource_hints', 'disable_emojis_remove_dns_prefetch', 10, 2);
 }
 
-function autoptimize_extra_disable_emojis_tinymce( $plugins ) {
-    if ( is_array( $plugins ) ) {
-        return array_diff( $plugins, array( 'wpemoji' ) );
+function autoptimize_extra_disable_emojis_tinymce($plugins) {
+    if (is_array($plugins)) {
+        return array_diff($plugins, array('wpemoji'));
     } else {
         return array();
     }
 }
 
-function disable_emojis_remove_dns_prefetch( $urls, $relation_type ) {
-    if ( 'dns-prefetch' == $relation_type ) {
-        $_count=0;
-        $_emoji_svg_url = apply_filters( 'emoji_svg_url', 'https://s.w.org/images/core/emoji/' );
+function disable_emojis_remove_dns_prefetch($urls, $relation_type) {
+    if ('dns-prefetch' == $relation_type) {
+        $_count = 0;
+        $_emoji_svg_url = apply_filters('emoji_svg_url', 'https://s.w.org/images/core/emoji/');
         foreach ($urls as $_url) {
-            if ( strpos($_url,$_emoji_svg_url) !== false ) {
+            if (strpos($_url, $_emoji_svg_url) !== false) {
                 unset($urls[$_count]);
             }
             $_count++;
@@ -98,9 +98,9 @@ 
 }
 
 // remove query string function
-function autoptimize_extra_remove_qs( $src ) {
-    if ( strpos($src, '?ver=') ) {
-            $src = remove_query_arg( 'ver', $src );
+function autoptimize_extra_remove_qs($src) {
+    if (strpos($src, '?ver=')) {
+            $src = remove_query_arg('ver', $src);
     }
     return $src;
 }
@@ -112,18 +112,18 @@ 
     // get exclusions
     $AO_JSexclArrayIn = array();
     if (!empty($in)) {
-        $AO_JSexclArrayIn = array_fill_keys(array_filter(array_map('trim',explode(",",$in))),"");
+        $AO_JSexclArrayIn = array_fill_keys(array_filter(array_map('trim', explode(",", $in))), "");
     }
     
     // get asyncs
     $_fromSetting = $autoptimize_extra_options['autoptimize_extra_text_field_3'];
-    $AO_asynced_JS = array_fill_keys(array_filter(array_map('trim',explode(",",$_fromSetting))),"");
+    $AO_asynced_JS = array_fill_keys(array_filter(array_map('trim', explode(",", $_fromSetting))), "");
     foreach ($AO_asynced_JS as $JSkey => $JSvalue) {
         $AO_asynced_JS[$JSkey] = "async";
     }
     
     // merge exclusions & asyncs in one array and return to AO API
-    $AO_excl_w_async = array_merge( $AO_JSexclArrayIn, $AO_asynced_JS );
+    $AO_excl_w_async = array_merge($AO_JSexclArrayIn, $AO_asynced_JS);
     return $AO_excl_w_async;
 }
 
@@ -132,25 +132,25 @@ 
     $autoptimize_extra_options = autoptimize_extra_get_options();
     
     // get setting and store in array
-    $_to_be_preconnected = array_filter(array_map('trim',explode(",",$autoptimize_extra_options['autoptimize_extra_text_field_2'])));
-    $_to_be_preconnected = apply_filters( 'autoptimize_extra_filter_tobepreconn', $_to_be_preconnected );
+    $_to_be_preconnected = array_filter(array_map('trim', explode(",", $autoptimize_extra_options['autoptimize_extra_text_field_2'])));
+    $_to_be_preconnected = apply_filters('autoptimize_extra_filter_tobepreconn', $_to_be_preconnected);
 
     // walk array, extract domain and add to new array with crossorigin attribute
     foreach ($_to_be_preconnected as $_preconn_single) {
         $_preconn_parsed = parse_url($_preconn_single);
         
-        if ( is_array($_preconn_parsed) && empty($_preconn_parsed['scheme']) ) {
+        if (is_array($_preconn_parsed) && empty($_preconn_parsed['scheme'])) {
             $_preconn_domain = "//".$_preconn_parsed['host'];
-        } else if ( is_array($_preconn_parsed) ) {
+        } else if (is_array($_preconn_parsed)) {
             $_preconn_domain = $_preconn_parsed['scheme']."://".$_preconn_parsed['host'];
         }
         
-        if ( !empty($_preconn_domain) ) {
+        if (!empty($_preconn_domain)) {
             $_preconn_hint = array('href' => $_preconn_domain);
             // fonts don't get preconnected unless crossorigin flag is set, non-fonts don't get preconnected if origin flag is set
             // so hardcode fonts.gstatic.com to come with crossorigin and have filter to add other domains if needed
-            $_preconn_crossorigin = apply_filters( 'autoptimize_extra_filter_preconn_crossorigin', array('https://fonts.gstatic.com') );
-            if ( in_array( $_preconn_domain, $_preconn_crossorigin ) ) {
+            $_preconn_crossorigin = apply_filters('autoptimize_extra_filter_preconn_crossorigin', array('https://fonts.gstatic.com'));
+            if (in_array($_preconn_domain, $_preconn_crossorigin)) {
                 $_preconn_hint['crossorigin'] = 'anonymous';
             }
             $_new_hints[] = $_preconn_hint;
@@ -158,7 +158,7 @@ 
     }
 
     // merge in wordpress' preconnect hints
-    if ( 'preconnect' === $relation_type && !empty($_new_hints) ) {
+    if ('preconnect' === $relation_type && !empty($_new_hints)) {
         $hints = array_merge($hints, $_new_hints);      
     }
     
@@ -175,48 +175,48 @@ 
     $autoptimize_extra_options = autoptimize_extra_get_options();
     
     // extract fonts, partly based on wp rocket's extraction code
-    $_without_comments = preg_replace( '/<!--(.*)-->/Uis', '', $in );
-    preg_match_all( '#<link(?:\s+(?:(?!href\s*=\s*)[^>])+)?(?:\s+href\s*=\s*([\'"])((?:https?:)?\/\/fonts\.googleapis\.com\/css(?:(?!\1).)+)\1)(?:\s+[^>]*)?>#iU', $_without_comments, $matches );
+    $_without_comments = preg_replace('/<!--(.*)-->/Uis', '', $in);
+    preg_match_all('#<link(?:\s+(?:(?!href\s*=\s*)[^>])+)?(?:\s+href\s*=\s*([\'"])((?:https?:)?\/\/fonts\.googleapis\.com\/css(?:(?!\1).)+)\1)(?:\s+[^>]*)?>#iU', $_without_comments, $matches);
 
     $i = 0;
     $fontsCollection = array();
-    if ( ! $matches[2] ) {
+    if (!$matches[2]) {
         return $in;
     }
     
     // store them in $fonts array
-    foreach ( $matches[2] as $font ) {
-        if ( ! preg_match( '/rel=["\']dns-prefetch["\']/', $matches[0][ $i ] ) ) {
+    foreach ($matches[2] as $font) {
+        if (!preg_match('/rel=["\']dns-prefetch["\']/', $matches[0][$i])) {
             // Get fonts name.
-            $font = str_replace( array( '%7C', '%7c' ) , '|', $font );
-            $font = explode( 'family=', $font );
-            $font = ( isset( $font[1] ) ) ? explode( '&', $font[1] ) : array();
+            $font = str_replace(array('%7C', '%7c'), '|', $font);
+            $font = explode('family=', $font);
+            $font = (isset($font[1])) ? explode('&', $font[1]) : array();
             // Add font to $fonts[$i] but make sure not to pollute with an empty family
-            $_thisfont = array_values( array_filter( explode( '|', reset( $font ) ) ) );
-            if ( !empty($_thisfont) ) {
+            $_thisfont = array_values(array_filter(explode('|', reset($font))));
+            if (!empty($_thisfont)) {
                 $fontsCollection[$i]["fonts"] = $_thisfont;
                 // And add subset if any
-                $subset = ( is_array( $font ) ) ? end( $font ) : '';
-                if ( false !== strpos( $subset, 'subset=' ) ) {
-                    $subset = explode( 'subset=', $subset );
-                    $fontsCollection[$i]["subsets"] = explode( ',', $subset[1] );
+                $subset = (is_array($font)) ? end($font) : '';
+                if (false !== strpos($subset, 'subset=')) {
+                    $subset = explode('subset=', $subset);
+                    $fontsCollection[$i]["subsets"] = explode(',', $subset[1]);
                 }
             }
             // And remove Google Fonts.
-            $in = str_replace( $matches[0][ $i ], '', $in );
+            $in = str_replace($matches[0][$i], '', $in);
         }
         $i++;
     }
 
-    $_fontsOut="";
-    if ( $autoptimize_extra_options['autoptimize_extra_radio_field_4'] == "3" ) {
+    $_fontsOut = "";
+    if ($autoptimize_extra_options['autoptimize_extra_radio_field_4'] == "3") {
         // aggregate & link
-        $_fontsString="";
-        $_subsetString="";
+        $_fontsString = "";
+        $_subsetString = "";
         foreach ($fontsCollection as $font) {
-            $_fontsString .= '|'.trim( implode( '|' , $font["fonts"] ), '|' );
-            if ( !empty( $font["subsets"] ) ) {
-                $_subsetString .= implode( ',', $font["subsets"] ); 
+            $_fontsString .= '|'.trim(implode('|', $font["fonts"]), '|');
+            if (!empty($font["subsets"])) {
+                $_subsetString .= implode(',', $font["subsets"]); 
             }
         }
                     
@@ -224,17 +224,17 @@ 
             $_fontsString = $_fontsString."#038;subset=".$_subsetString;
         }
 
-        $_fontsString = str_replace( '|', '%7C', ltrim($_fontsString,'|') );
+        $_fontsString = str_replace('|', '%7C', ltrim($_fontsString, '|'));
         
-        if ( ! empty( $_fontsString ) ) {
-            $_fontsOut = '<link rel="stylesheet" id="ao_optimized_gfonts" href="https://fonts.googleapis.com/css?family=' . $_fontsString . '" />';
+        if (!empty($_fontsString)) {
+            $_fontsOut = '<link rel="stylesheet" id="ao_optimized_gfonts" href="https://fonts.googleapis.com/css?family='.$_fontsString.'" />';
         }
-    } else if ( $autoptimize_extra_options['autoptimize_extra_radio_field_4'] == "4" ) {
+    } else if ($autoptimize_extra_options['autoptimize_extra_radio_field_4'] == "4") {
         // aggregate & load async (webfont.js impl.)
         $_fontsArray = array();
         foreach ($fontsCollection as $_fonts) {
-            if ( !empty( $_fonts["subsets"] ) ) {
-                $_subset = implode(",",$_fonts["subsets"]);
+            if (!empty($_fonts["subsets"])) {
+                $_subset = implode(",", $_fonts["subsets"]);
                 foreach ($_fonts["fonts"] as $key => $_one_font) {
                     $_one_font = $_one_font.":".$_subset;
                     $_fonts["fonts"][$key] = $_one_font;
@@ -247,7 +247,7 @@ 
         foreach ($_fontsArray as $_font) {
             $_fontsOut .= $_font."','";
         }
-        $_fontsOut = trim(trim($_fontsOut,"'"),",");
+        $_fontsOut = trim(trim($_fontsOut, "'"), ",");
         $_fontsOut .= '] },classes:false, events:false, timeout:1500};(function() {var wf = document.createElement(\'script\');wf.src=\'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js\';wf.type=\'text/javascript\';wf.async=\'true\';var s=document.getElementsByTagName(\'script\')[0];s.parentNode.insertBefore(wf, s);})();</script>';
     }
  
@@ -261,7 +261,7 @@ 
 
     // preconnect to fonts.gstatic.com speed up download of static font-files
     $in[] = "https://fonts.gstatic.com";
-    if ( $autoptimize_extra_options['autoptimize_extra_radio_field_4'] == "4" ) {
+    if ($autoptimize_extra_options['autoptimize_extra_radio_field_4'] == "4") {
         // and more preconnects for webfont.js
         $in[] = "https://ajax.googleapis.com/";
         $in[] = "https://fonts.googleapis.com";
@@ -271,12 +271,12 @@ 
 
 /* admin page functions */
 function autoptimize_extra_admin() { 
-    add_submenu_page( null, 'autoptimize_extra', 'autoptimize_extra', 'manage_options', 'autoptimize_extra', 'autoptimize_extra_options_page' );
-    register_setting( 'autoptimize_extra_settings', 'autoptimize_extra_settings' );
+    add_submenu_page(null, 'autoptimize_extra', 'autoptimize_extra', 'manage_options', 'autoptimize_extra', 'autoptimize_extra_options_page');
+    register_setting('autoptimize_extra_settings', 'autoptimize_extra_settings');
 }
 
 function add_autoptimize_extra_tab($in) {
-    $in=array_merge($in,array('autoptimize_extra' => __('Extra','autoptimize')));
+    $in = array_merge($in, array('autoptimize_extra' => __('Extra', 'autoptimize')));
     return $in;
 }
 
@@ -290,46 +290,46 @@ 
         #autoptimize_extra_descr{font-size: 120%;}
     </style>
     <div class="wrap">
-    <h1><?php _e('Autoptimize Settings','autoptimize'); ?></h1>
+    <h1><?php _e('Autoptimize Settings', 'autoptimize'); ?></h1>
     <?php echo autoptimizeConfig::ao_admin_tabs(); ?>
     <form id='ao_settings_form' action='options.php' method='post'>
         <?php settings_fields('autoptimize_extra_settings'); ?>
-        <h2><?php _e('Extra Auto-Optimizations','autoptimize'); ?></h2>
-        <span id='autoptimize_extra_descr'><?php _e('The following settings can improve your site\'s performance even more.','autoptimize'); ?></span>
+        <h2><?php _e('Extra Auto-Optimizations', 'autoptimize'); ?></h2>
+        <span id='autoptimize_extra_descr'><?php _e('The following settings can improve your site\'s performance even more.', 'autoptimize'); ?></span>
         <table class="form-table">
             <tr>
-                <th scope="row"><?php _e('Remove emojis','autoptimize'); ?></th>
+                <th scope="row"><?php _e('Remove emojis', 'autoptimize'); ?></th>
                 <td>
-                    <label><input type='checkbox' name='autoptimize_extra_settings[autoptimize_extra_checkbox_field_1]' <?php if (!empty($autoptimize_extra_options['autoptimize_extra_checkbox_field_1']) && 1 == $autoptimize_extra_options['autoptimize_extra_checkbox_field_1']) echo 'checked="checked"'; ?> value='1'><?php _e('Removes WordPress\' core emojis\' inline CSS, inline JavaScript, and an otherwise un-autoptimized JavaScript file.','autoptimize'); ?></label>
+                    <label><input type='checkbox' name='autoptimize_extra_settings[autoptimize_extra_checkbox_field_1]' <?php if (!empty($autoptimize_extra_options['autoptimize_extra_checkbox_field_1']) && 1 == $autoptimize_extra_options['autoptimize_extra_checkbox_field_1']) echo 'checked="checked"'; ?> value='1'><?php _e('Removes WordPress\' core emojis\' inline CSS, inline JavaScript, and an otherwise un-autoptimized JavaScript file.', 'autoptimize'); ?></label>
                 </td>
             </tr>
             <tr>
-                <th scope="row"><?php _e('Remove query strings from static resources','autoptimize'); ?></th>
+                <th scope="row"><?php _e('Remove query strings from static resources', 'autoptimize'); ?></th>
                 <td>
-                    <label><input type='checkbox' name='autoptimize_extra_settings[autoptimize_extra_checkbox_field_0]' <?php if (!empty( $autoptimize_extra_options['autoptimize_extra_checkbox_field_0']) && 1 == $autoptimize_extra_options['autoptimize_extra_checkbox_field_0']) echo 'checked="checked"'; ?> value='1'><?php _e('Removing query strings (or more specificaly the <code>ver</code> parameter) will not improve load time, but might improve performance scores.','autoptimize'); ?></label>
+                    <label><input type='checkbox' name='autoptimize_extra_settings[autoptimize_extra_checkbox_field_0]' <?php if (!empty($autoptimize_extra_options['autoptimize_extra_checkbox_field_0']) && 1 == $autoptimize_extra_options['autoptimize_extra_checkbox_field_0']) echo 'checked="checked"'; ?> value='1'><?php _e('Removing query strings (or more specificaly the <code>ver</code> parameter) will not improve load time, but might improve performance scores.', 'autoptimize'); ?></label>
                 </td>
             </tr>
             <tr>
-                <th scope="row"><?php _e('Google Fonts','autoptimize'); ?></th>
+                <th scope="row"><?php _e('Google Fonts', 'autoptimize'); ?></th>
                 <td>
-                    <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="1" <?php if (!in_array($_googlef,array(2,3,4))) {echo "checked"; } ?> ><?php _e('Leave as is','autoptimize'); ?><br/>
-                    <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="2" <?php checked(2, $_googlef, true); ?> ><?php _e('Remove Google Fonts','autoptimize'); ?><br/>
-                    <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="3" <?php checked(3, $_googlef, true); ?> ><?php _e('Combine and link in head','autoptimize'); ?><br/>
-                    <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="4" <?php checked(4, $_googlef, true); ?> ><?php _e('Combine and load fonts asynchronously with <a href="https://github.com/typekit/webfontloader#readme" target="_blank">webfont.js</a>','autoptimize'); ?><br/>
+                    <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="1" <?php if (!in_array($_googlef, array(2, 3, 4))) {echo "checked"; } ?> ><?php _e('Leave as is', 'autoptimize'); ?><br/>
+                    <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="2" <?php checked(2, $_googlef, true); ?> ><?php _e('Remove Google Fonts', 'autoptimize'); ?><br/>
+                    <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="3" <?php checked(3, $_googlef, true); ?> ><?php _e('Combine and link in head', 'autoptimize'); ?><br/>
+                    <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="4" <?php checked(4, $_googlef, true); ?> ><?php _e('Combine and load fonts asynchronously with <a href="https://github.com/typekit/webfontloader#readme" target="_blank">webfont.js</a>', 'autoptimize'); ?><br/>
                 </td>
             </tr>
             <tr>
-                <th scope="row"><?php _e('Preconnect to 3rd party domains <em>(advanced users)</em>','autoptimize'); ?></th>
+                <th scope="row"><?php _e('Preconnect to 3rd party domains <em>(advanced users)</em>', 'autoptimize'); ?></th>
                 <td>
-                    <label><input type='text' style='width:80%' name='autoptimize_extra_settings[autoptimize_extra_text_field_2]' value='<?php echo $autoptimize_extra_options['autoptimize_extra_text_field_2']; ?>'><br /><?php _e('Add 3rd party domains you want the browser to <a href="https://www.keycdn.com/support/preconnect/#primary" target="_blank">preconnect</a> to, separated by comma\'s. Make sure to include the correct protocol (HTTP or HTTPS).','autoptimize'); ?></label>
+                    <label><input type='text' style='width:80%' name='autoptimize_extra_settings[autoptimize_extra_text_field_2]' value='<?php echo $autoptimize_extra_options['autoptimize_extra_text_field_2']; ?>'><br /><?php _e('Add 3rd party domains you want the browser to <a href="https://www.keycdn.com/support/preconnect/#primary" target="_blank">preconnect</a> to, separated by comma\'s. Make sure to include the correct protocol (HTTP or HTTPS).', 'autoptimize'); ?></label>
                 </td>
             </tr>
             <tr>
-                <th scope="row"><?php _e('Async Javascript-files <em>(advanced users)</em>','autoptimize'); ?></th>
+                <th scope="row"><?php _e('Async Javascript-files <em>(advanced users)</em>', 'autoptimize'); ?></th>
                 <td>
                     <input type='text' style='width:80%' name='autoptimize_extra_settings[autoptimize_extra_text_field_3]' value='<?php echo $autoptimize_extra_options['autoptimize_extra_text_field_3']; ?>'>
                     <br />
-                    <?php _e('Comma-separated list of local or 3rd party JS-files that should loaded with the <code>async</code> flag. JS-files from your own site will be automatically excluded if added here.','autoptimize'); ?>
+                    <?php _e('Comma-separated list of local or 3rd party JS-files that should loaded with the <code>async</code> flag. JS-files from your own site will be automatically excluded if added here.', 'autoptimize'); ?>
                 </td>
             </tr>
         </table>