PluginProbe
Autoptimize / 3.1.4
Autoptimize v3.1.4
2.2.2 2.3.0 2.3.1 2.3.2 2.3.3 2.3.4 2.4.0 2.4.1 2.4.2 2.4.3 2.4.4 2.5.0 2.5.1 2.6.0 2.6.1 2.6.2 2.7.0 2.7.1 2.7.2 2.7.3 2.7.4 2.7.5 2.7.6 2.7.7 2.7.8 All 107 releases
← All changes | classes/autoptimizeExtra.php +216 -596 2.4.43.1.4 View file →
@@ -16,8 +16,15 @@
16 16 */
17 17 protected $options = array();
18 18
19 19 /**
20 + * Singleton instance.
21 + *
22 + * @var self|null
23 + */
24 + protected static $instance = null;
25 +
26 + /**
20 27 * Creates an instance and calls run().
21 28 *
22 29 * @param array $options Optional. Allows overriding options without having to specify them via admin options page.
23 30 */
@@ -23,39 +30,60 @@
23 30 */
24 31 public function __construct( $options = array() )
25 32 {
26 33 if ( empty( $options ) ) {
27 - $options = $this->fetch_options();
34 + $options = self::fetch_options();
28 35 }
29 36
30 37 $this->options = $options;
31 38 }
32 39
40 + /**
41 + * Helper for getting a singleton instance. While being an
42 + * anti-pattern generally, it comes in handy for now from a
43 + * readability/maintainability perspective, until we get some
44 + * proper dependency injection going.
45 + *
46 + * @return self
47 + */
48 + public static function instance()
49 + {
50 + if ( null === self::$instance ) {
51 + self::$instance = new self();
52 + }
53 +
54 + return self::$instance;
55 + }
56 +
33 57 public function run()
34 58 {
35 59 if ( is_admin() ) {
36 - add_action( 'admin_menu', array( $this, 'admin_menu' ) );
60 + if ( is_multisite() && is_network_admin() && autoptimizeOptionWrapper::is_ao_active_for_network() ) {
61 + add_action( 'network_admin_menu', array( $this, 'admin_menu' ) );
62 + } else {
63 + add_action( 'admin_menu', array( $this, 'admin_menu' ) );
64 + }
37 65 add_filter( 'autoptimize_filter_settingsscreen_tabs', array( $this, 'add_extra_tab' ) );
38 66 } else {
39 - $this->run_on_frontend();
67 + add_action( 'wp', array( $this, 'run_on_frontend' ) );
40 68 }
41 69 }
42 70
43 - protected function fetch_options()
71 + public function set_options( array $options )
44 72 {
45 - $value = get_option( 'autoptimize_extra_settings' );
73 + $this->options = $options;
74 +
75 + return $this;
76 + }
77 +
78 + public static function fetch_options()
79 + {
80 + $value = autoptimizeOptionWrapper::get_option( 'autoptimize_extra_settings' );
46 81 if ( empty( $value ) ) {
47 82 // Fallback to returning defaults when no stored option exists yet.
48 83 $value = autoptimizeConfig::get_ao_extra_default_options();
49 84 }
50 85
51 - // get service availability.
52 - $value['availabilities'] = get_option( 'autoptimize_service_availablity' );
53 -
54 - if ( empty( $value['availabilities'] ) ) {
55 - $value['availabilities'] = autoptimizeUtils::check_service_availability( true );
56 - }
57 -
58 86 return $value;
59 87 }
60 88
61 89 public function disable_emojis()
@@ -84,11 +112,14 @@
84 112 return array();
85 113 }
86 114 }
87 115
88 - public function filter_remove_qs( $src ) {
116 + public function filter_remove_qs( $src )
117 + {
89 118 if ( strpos( $src, '?ver=' ) ) {
90 119 $src = remove_query_arg( 'ver', $src );
120 + } elseif ( strpos( $src, '?v=' ) ) {
121 + $src = remove_query_arg( 'v', $src );
91 122 }
92 123
93 124 return $src;
94 125 }
@@ -99,9 +130,9 @@
99 130 if ( ! empty( $in ) ) {
100 131 $exclusions = array_fill_keys( array_filter( array_map( 'trim', explode( ',', $in ) ) ), '' );
101 132 }
102 133
103 - $settings = $this->options['autoptimize_extra_text_field_3'];
134 + $settings = wp_strip_all_tags( $this->options['autoptimize_extra_text_field_3'] );
104 135 $async = array_fill_keys( array_filter( array_map( 'trim', explode( ',', $settings ) ) ), '' );
105 136 $attr = apply_filters( 'autoptimize_filter_extra_async', 'async' );
106 137 foreach ( $async as $k => $v ) {
107 138 $async[ $k ] = $attr;
@@ -112,10 +143,18 @@
112 143
113 144 return $merged;
114 145 }
115 146
116 - protected function run_on_frontend()
147 + public function run_on_frontend()
117 148 {
149 + // only run the Extra optimizations on frontend if general conditions
150 + // for optimizations are met, this to ensure e.g. removing querystrings
151 + // is not done when optimizing for logged in users is off, breaking
152 + // some pagebuilders (Divi & Elementor).
153 + if ( false === autoptimizeMain::should_buffer() ) {
154 + return;
155 + }
156 +
118 157 $options = $this->options;
119 158
120 159 // Disable emojis if specified.
121 160 if ( ! empty( $options['autoptimize_extra_checkbox_field_1'] ) ) {
@@ -127,17 +166,10 @@
127 166 add_filter( 'script_loader_src', array( $this, 'filter_remove_qs' ), 15, 1 );
128 167 add_filter( 'style_loader_src', array( $this, 'filter_remove_qs' ), 15, 1 );
129 168 }
130 169
131 - // Making sure is_plugin_active() exists when we need it.
132 - if ( ! function_exists( 'is_plugin_active' ) ) {
133 - require_once ABSPATH . 'wp-admin/includes/plugin.php';
134 - }
135 170 // Avoiding conflicts of interest when async-javascript plugin is active!
136 - $async_js_plugin_active = false;
137 - if ( function_exists( 'is_plugin_active' ) && is_plugin_active( 'async-javascript/async-javascript.php' ) ) {
138 - $async_js_plugin_active = true;
139 - }
171 + $async_js_plugin_active = autoptimizeUtils::is_plugin_active( 'async-javascript/async-javascript.php' );
140 172 if ( ! empty( $options['autoptimize_extra_text_field_3'] ) && ! $async_js_plugin_active ) {
141 173 add_filter( 'autoptimize_filter_js_exclude', array( $this, 'extra_async_js' ), 10, 1 );
142 174 }
143 175
@@ -145,8 +177,17 @@
145 177 if ( ! empty( $options['autoptimize_extra_radio_field_4'] ) && ( '1' !== $options['autoptimize_extra_radio_field_4'] ) ) {
146 178 add_filter( 'wp_resource_hints', array( $this, 'filter_remove_gfonts_dnsprefetch' ), 10, 2 );
147 179 add_filter( 'autoptimize_html_after_minify', array( $this, 'filter_optimize_google_fonts' ), 10, 1 );
148 180 add_filter( 'autoptimize_extra_filter_tobepreconn', array( $this, 'filter_preconnect_google_fonts' ), 10, 1 );
181 +
182 + if ( '2' === $options['autoptimize_extra_radio_field_4'] ) {
183 + // remove Google Fonts, adding filters to also remove Google Fonts from 3rd party themes/ plugins.
184 + // inspired by https://wordpress.org/plugins/disable-remove-google-fonts/.
185 + remove_action( 'wp_footer', 'et_builder_print_font' ); // Divi.
186 + remove_action( 'wp_footer', array( 'RevSliderFront', 'load_google_fonts' ) ); // Revslider.
187 + add_filter( 'elementor/frontend/print_google_fonts', '__return_false' ); // Elementor.
188 + add_filter( 'fl_builder_google_fonts_pre_enqueue', '__return_empty_array' ); // Beaver Builder.
189 + }
149 190 }
150 191
151 192 // Preconnect!
152 193 if ( ! empty( $options['autoptimize_extra_text_field_2'] ) || has_filter( 'autoptimize_extra_filter_tobepreconn' ) ) {
@@ -152,31 +193,16 @@
152 193 if ( ! empty( $options['autoptimize_extra_text_field_2'] ) || has_filter( 'autoptimize_extra_filter_tobepreconn' ) ) {
153 194 add_filter( 'wp_resource_hints', array( $this, 'filter_preconnect' ), 10, 2 );
154 195 }
155 196
156 - // Optimize Images kicks in if;
157 - // * the option is activated by user.
158 - // * imgopt user stats does not have status -2.
159 - // * imgopt status is not "down".
160 - // * imgopt status is not "launch" or imgopt_launch_ok() returns be true.
161 - $_do_cdn = true;
162 - $_userstatus = $this->get_imgopt_provider_userstatus();
163 - if ( -2 == $_userstatus['Status'] ) {
164 - $_do_cdn = false;
197 + // Preload!
198 + if ( ! empty( $options['autoptimize_extra_text_field_7'] ) || has_filter( 'autoptimize_filter_extra_tobepreloaded' ) || ! empty( autoptimizeConfig::get_post_meta_ao_settings( 'ao_post_preload' ) ) ) {
199 + add_filter( 'autoptimize_html_after_minify', array( $this, 'filter_preload' ), 10, 2 );
165 200 }
166 201
167 - if ( ! empty( $options['autoptimize_extra_checkbox_field_5'] ) && $_do_cdn && 'down' !== $options['availabilities']['extra_imgopt']['status'] && ( 'launch' !== $options['availabilities']['extra_imgopt']['status'] || $this->imgopt_launch_ok() ) ) {
168 - if ( apply_filters( 'autoptimize_filter_extra_imgopt_do', true ) ) {
169 - add_filter( 'autoptimize_html_after_minify', array( $this, 'filter_optimize_images' ), 10, 1 );
170 - $_imgopt_active = true;
171 - }
172 - if ( apply_filters( 'autoptimize_filter_extra_imgopt_do_css', true ) ) {
173 - add_filter( 'autoptimize_filter_base_replace_cdn', array( $this, 'filter_optimize_css_images' ), 10, 1 );
174 - $_imgopt_active = true;
175 - }
176 - if ( $_imgopt_active ) {
177 - add_filter( 'autoptimize_extra_filter_tobepreconn', array( $this, 'filter_preconnect_imgopt_url' ), 10, 1 );
178 - }
202 + // Remove global styles.
203 + if ( ! empty( $options['autoptimize_extra_checkbox_field_8'] ) ) {
204 + $this->disable_global_styles();
179 205 }
180 206 }
181 207
182 208 public function filter_remove_emoji_dns_prefetch( $urls, $relation_type )
@@ -192,9 +218,11 @@
192 218 }
193 219
194 220 public function filter_remove_dns_prefetch( $urls, $relation_type, $url_to_remove )
195 221 {
196 - if ( 'dns-prefetch' === $relation_type ) {
222 + $url_to_remove = (string) $url_to_remove;
223 +
224 + if ( ! empty( $url_to_remove ) && 'dns-prefetch' === $relation_type ) {
197 225 $cnt = 0;
198 226 foreach ( $urls as $url ) {
199 227 if ( false !== strpos( $url, $url_to_remove ) ) {
200 228 unset( $urls[ $cnt ] );
@@ -222,8 +250,14 @@
222 250 foreach ( $matches[2] as $font ) {
223 251 if ( ! preg_match( '/rel=["\']dns-prefetch["\']/', $matches[0][ $i ] ) ) {
224 252 // Get fonts name.
225 253 $font = str_replace( array( '%7C', '%7c' ), '|', $font );
254 + if ( strpos( $font, 'fonts.googleapis.com/css2' ) !== false ) {
255 + // (Somewhat) change Google Fonts APIv2 syntax back to v1.
256 + // todo: support for 100..900
257 + $font = rawurldecode( $font );
258 + $font = str_replace( array( 'css2?', 'ital,wght@', 'wght@', 'ital@', '0,', '1,', ':1', ';', '&family=' ), array( 'css?', '', '', '', '', 'italic', ':italic', ',', '%7C' ), $font );
259 + }
226 260 $font = explode( 'family=', $font );
227 261 $font = ( isset( $font[1] ) ) ? explode( '&', $font[1] ) : array();
228 262 // Add font to $fonts[$i] but make sure not to pollute with an empty family!
229 263 $_thisfont = array_values( array_filter( explode( '|', reset( $font ) ) ) );
@@ -264,13 +298,17 @@
264 298 $subset_string = str_replace( ',', '%2C', ltrim( $subset_string, ',' ) );
265 299 $fonts_string = $fonts_string . '&subset=' . $subset_string;
266 300 }
267 301
268 - $fonts_string = str_replace( '|', '%7C', ltrim( $fonts_string, '|' ) );
302 + $fonts_string = apply_filters( 'autoptimize_filter_extra_gfont_fontstring', str_replace( '|', '%7C', ltrim( $fonts_string, '|' ) ) );
303 + // only add display parameter if there is none in $fonts_string (by virtue of the filter).
304 + if ( strpos( $fonts_string, 'display=' ) === false ) {
305 + $fonts_string .= apply_filters( 'autoptimize_filter_extra_gfont_display', '&display=swap' );
306 + }
269 307
270 308 if ( ! empty( $fonts_string ) ) {
271 309 if ( '5' === $options['autoptimize_extra_radio_field_4'] ) {
272 - $rel_string = 'rel="preload" as="style" onload="' . autoptimizeConfig::get_ao_css_preload_onload() . '"';
310 + $rel_string = 'rel="stylesheet" media="print" onload="' . autoptimizeConfig::get_ao_css_preload_onload() . '"';
273 311 } else {
274 312 $rel_string = 'rel="stylesheet"';
275 313 }
276 314 $fonts_markup = '<link ' . $rel_string . ' id="ao_optimized_gfonts" href="https://fonts.googleapis.com/css?family=' . $fonts_string . '" />';
@@ -288,41 +326,53 @@
288 326 }
289 327 $fonts_array = array_merge( $fonts_array, $_fonts['fonts'] );
290 328 }
291 329
292 - $fonts_array = array_map( 'urldecode', $fonts_array );
293 - $fonts_markup = '<script data-cfasync="false" id="ao_optimized_gfonts_config" type="text/javascript">WebFontConfig={google:{families:' . wp_json_encode( $fonts_array ) . ' },classes:false, events:false, timeout:1500};</script>';
294 - $fonts_library_markup = '<script data-cfasync="false" id="ao_optimized_gfonts_webfontloader" type="text/javascript">(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>';
330 + $fonts_array = array_map( 'urldecode', $fonts_array );
331 + $fonts_array = array_map(
332 + function( $_f ) {
333 + return trim( $_f, ',' );
334 + },
335 + $fonts_array
336 + );
337 +
338 + // type attrib on <script not added by default.
339 + $type_js = '';
340 + if ( apply_filters( 'autoptimize_filter_cssjs_addtype', false ) ) {
341 + $type_js = 'type="text/javascript" ';
342 + }
343 +
344 + $fonts_markup = '<script ' . $type_js . 'data-cfasync="false" id="ao_optimized_gfonts_config">WebFontConfig={google:{families:' . wp_json_encode( $fonts_array ) . ' },classes:false, events:false, timeout:1500};</script>';
345 + $fonts_library_markup = '<script ' . $type_js . 'data-cfasync="false" id="ao_optimized_gfonts_webfontloader">(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>';
295 346 $in = substr_replace( $in, $fonts_library_markup . '</head>', strpos( $in, '</head>' ), strlen( '</head>' ) );
296 347 }
297 348
298 349 // Replace back in markup.
299 - $out = substr_replace( $in, $fonts_markup . '<link', strpos( $in, '<link' ), strlen( '<link' ) );
350 + $inject_point = apply_filters( 'autoptimize_filter_extra_gfont_injectpoint', '<link' );
351 + $out = substr_replace( $in, $fonts_markup . $inject_point, strpos( $in, $inject_point ), strlen( $inject_point ) );
300 352 unset( $fonts_collection );
301 353
302 - // and insert preload polyfill if "link preload" and if the polyfill isn't there yet (courtesy of inline&defer).
303 - $preload_polyfill = autoptimizeConfig::get_ao_css_preload_polyfill();
304 - if ( '5' === $options['autoptimize_extra_radio_field_4'] && strpos( $out, $preload_polyfill ) === false ) {
305 - $out = str_replace( '</body>', $preload_polyfill . '</body>', $out );
306 - }
307 354 return $out;
308 355 }
309 356
310 357 public function filter_preconnect( $hints, $relation_type )
311 358 {
312 - $options = $this->options;
359 + $options = $this->options;
360 + $preconns = array();
313 361
314 362 // Get settings and store in array.
315 - $preconns = array_filter( array_map( 'trim', explode( ',', $options['autoptimize_extra_text_field_2'] ) ) );
363 + if ( array_key_exists( 'autoptimize_extra_text_field_2', $options ) ) {
364 + $preconns = array_filter( array_map( 'trim', explode( ',', wp_strip_all_tags( $options['autoptimize_extra_text_field_2'] ) ) ) );
365 + }
316 366 $preconns = apply_filters( 'autoptimize_extra_filter_tobepreconn', $preconns );
317 367
318 368 // Walk array, extract domain and add to new array with crossorigin attribute.
319 369 foreach ( $preconns as $preconn ) {
370 + $domain = '';
320 371 $parsed = parse_url( $preconn );
321 -
322 - if ( is_array( $parsed ) && empty( $parsed['scheme'] ) ) {
372 + if ( is_array( $parsed ) && ! empty( $parsed['host'] ) && empty( $parsed['scheme'] ) ) {
323 373 $domain = '//' . $parsed['host'];
324 - } elseif ( is_array( $parsed ) ) {
374 + } elseif ( is_array( $parsed ) && ! empty( $parsed['host'] ) ) {
325 375 $domain = $parsed['scheme'] . '://' . $parsed['host'];
326 376 }
327 377
328 378 if ( ! empty( $domain ) ) {
@@ -360,444 +410,113 @@
360 410
361 411 return $in;
362 412 }
363 413
364 - public function filter_optimize_images( $in )
365 - {
366 - /*
367 - * potential future functional improvements:
368 - *
369 - * picture element.
370 - * filter for critical CSS.
371 - */
414 + public function filter_preload( $in ) {
415 + // make array from comma separated list.
416 + $options = $this->options;
417 + $preloads = array();
418 + if ( array_key_exists( 'autoptimize_extra_text_field_7', $options ) ) {
419 + $preloads = array_filter( array_map( 'trim', explode( ',', wp_strip_all_tags( $options['autoptimize_extra_text_field_7'] ) ) ) );
420 + }
372 421
373 - $imgopt_base_url = $this->get_imgopt_base_url();
374 - $to_replace = array();
375 -
376 - // extract img tags.
377 - if ( preg_match_all( '#<img[^>]*src[^>]*>#Usmi', $in, $matches ) ) {
378 - foreach ( $matches[0] as $tag ) {
379 - $orig_tag = $tag;
380 - $imgopt_w = '';
381 - $imgopt_h = '';
382 -
383 - // first do (data-)srcsets.
384 - if ( preg_match_all( '#srcset=("|\')(.*)("|\')#Usmi', $tag, $allsrcsets, PREG_SET_ORDER ) ) {
385 - foreach ( $allsrcsets as $srcset ) {
386 - $srcset = $srcset[2];
387 - $srcsets = explode( ',', $srcset );
388 - foreach ( $srcsets as $indiv_srcset ) {
389 - $indiv_srcset_parts = explode( ' ', trim( $indiv_srcset ) );
390 - if ( $indiv_srcset_parts[1] && rtrim( $indiv_srcset_parts[1], 'w' ) !== $indiv_srcset_parts[1] ) {
391 - $imgopt_w = rtrim( $indiv_srcset_parts[1], 'w' );
392 - }
393 - if ( $this->can_optimize_image( $indiv_srcset_parts[0] ) ) {
394 - $imgopt_url = $this->build_imgopt_url( $indiv_srcset_parts[0], $imgopt_w, '' );
395 - $tag = str_replace( $indiv_srcset_parts[0], $imgopt_url, $tag );
396 - $to_replace[ $orig_tag ] = $tag;
397 - }
398 - }
399 - }
400 - }
401 -
402 - // proceed with img src.
403 - // first reset and then get width and height and add to $imgopt_size.
404 - $imgopt_w = '';
405 - $imgopt_h = '';
406 - if ( preg_match( '#width=("|\')(.*)("|\')#Usmi', $tag, $width ) ) {
407 - $imgopt_w = $width[2];
408 - }
409 - if ( preg_match( '#height=("|\')(.*)("|\')#Usmi', $tag, $height ) ) {
410 - $imgopt_h = $height[2];
411 - }
412 -
413 - // then start replacing images src.
414 - if ( preg_match_all( '#src=(?:"|\')(?!data)(.*)(?:"|\')#Usmi', $tag, $urls, PREG_SET_ORDER ) ) {
415 - foreach ( $urls as $url ) {
416 - $full_src_orig = $url[0];
417 - $url = $url[1];
418 - if ( $this->can_optimize_image( $url ) ) {
419 - $imgopt_url = $this->build_imgopt_url( $url, $imgopt_w, $imgopt_h );
420 - $full_imgopt_src = str_replace( $url, $imgopt_url, $full_src_orig );
421 - $tag = str_replace( $full_src_orig, $full_imgopt_src, $tag );
422 - $to_replace[ $orig_tag ] = $tag;
423 - }
424 - }
425 - }
422 + if ( false === autoptimizeImages::imgopt_active() && false === autoptimizeImages::should_lazyload_wrapper() ) {
423 + // only do this here if imgopt/ lazyload are not active?
424 + $metabox_preloads = array_filter( array_map( 'trim', explode( ',', wp_strip_all_tags( autoptimizeConfig::get_post_meta_ao_settings( 'ao_post_preload' ) ) ) ) );
425 + if ( ! empty( $metabox_preloads ) ) {
426 + $preloads = array_merge( $preloads, $metabox_preloads );
426 427 }
427 428 }
428 - $out = str_replace( array_keys( $to_replace ), array_values( $to_replace ), $in );
429 429
430 - // img thumbnails in e.g. woocommerce.
431 - if ( strpos( $out, 'data-thumb' ) !== false && apply_filters( 'autoptimize_filter_extra_imgopt_datathumbs', true ) ) {
432 - $out = preg_replace_callback(
433 - '/\<div(?:[^>]?)\sdata-thumb\=(?:\"|\')(.+?)(?:\"|\')(?:[^>]*)?\>/s',
434 - array( $this, 'replace_data_thumbs' ),
435 - $out
436 - );
437 - }
430 + $preloads = apply_filters( 'autoptimize_filter_extra_tobepreloaded', $preloads );
438 431
439 - return $out;
440 - }
441 -
442 - public function filter_optimize_css_images( $in )
443 - {
444 - $imgopt_base_url = $this->get_imgopt_base_url();
445 - $in = $this->normalize_img_urls( $in );
446 -
447 - if ( $this->can_optimize_image( $in ) ) {
448 - return $this->build_imgopt_url( $in, '', '' );
449 - } else {
432 + // immediately return if nothing to be preloaded.
433 + if ( empty( $preloads ) ) {
450 434 return $in;
451 435 }
452 - }
453 436
454 - private function get_imgopt_base_url()
455 - {
456 - static $imgopt_base_url = null;
437 + // iterate through array and add preload link to tmp string.
438 + $preload_output = '';
439 + foreach ( $preloads as $preload ) {
440 + if ( filter_var( $preload, FILTER_VALIDATE_URL ) !== $preload ) {
441 + continue;
442 + }
443 + $preload = esc_url_raw( $preload );
444 + $crossorigin = '';
445 + $preload_as = '';
446 + $mime_type = '';
447 + $_preload = strtok( $preload, '?' );
457 448
458 - if ( is_null( $imgopt_base_url ) ) {
459 - $imgopt_host = $this->get_imgopt_host();
460 - $quality = $this->get_img_quality_string();
461 - $ret_val = apply_filters( 'autoptimize_filter_extra_imgopt_wait', 'ret_img' ); // values: ret_wait, ret_img, ret_json, ret_blank.
462 - $imgopt_base_url = $imgopt_host . 'client/' . $quality . ',' . $ret_val;
463 - $imgopt_base_url = apply_filters( 'autoptimize_filter_extra_imgopt_base_url', $imgopt_base_url );
464 - }
465 -
466 - return $imgopt_base_url;
467 - }
468 -
469 - private function can_optimize_image( $url )
470 - {
471 - static $cdn_url = null;
472 - static $nopti_images = null;
473 -
474 - if ( is_null( $cdn_url ) ) {
475 - $cdn_url = apply_filters( 'autoptimize_filter_base_cdnurl', get_option( 'autoptimize_cdn_url', '' ) );
476 - }
477 -
478 - if ( is_null( $nopti_images ) ) {
479 - $nopti_images = apply_filters( 'autoptimize_filter_extra_imgopt_noptimize', '' );
480 - }
481 -
482 - $imgopt_base_url = $this->get_imgopt_base_url();
483 - $site_host = AUTOPTIMIZE_SITE_DOMAIN;
484 - $url_parsed = parse_url( $url );
485 -
486 - if ( array_key_exists( 'host', $url_parsed ) && $url_parsed['host'] !== $site_host && empty( $cdn_url ) ) {
487 - return false;
488 - } elseif ( ! empty( $cdn_url ) && strpos( $url, $cdn_url ) === false && array_key_exists( 'host', $url_parsed ) && $url_parsed['host'] !== $site_host ) {
489 - return false;
490 - } elseif ( strpos( $url, '.php' ) !== false ) {
491 - return false;
492 - } elseif ( str_ireplace( array( '.png', '.gif', '.jpg', '.jpeg', '.webp' ), '', $url_parsed['path'] ) === $url_parsed['path'] ) {
493 - // fixme: better check against end of string.
494 - return false;
495 - } elseif ( ! empty( $nopti_images ) ) {
496 - $nopti_images_array = array_filter( array_map( 'trim', explode( ',', $nopti_images ) ) );
497 - foreach ( $nopti_images_array as $nopti_image ) {
498 - if ( strpos( $url, $nopti_image ) !== false ) {
499 - return false;
449 + if ( autoptimizeUtils::str_ends_in( $_preload, '.css' ) ) {
450 + $preload_as = 'style';
451 + } elseif ( autoptimizeUtils::str_ends_in( $_preload, '.js' ) ) {
452 + $preload_as = 'script';
453 + } elseif ( autoptimizeUtils::str_ends_in( $_preload, '.woff' ) || autoptimizeUtils::str_ends_in( $_preload, '.woff2' ) || autoptimizeUtils::str_ends_in( $_preload, '.ttf' ) || autoptimizeUtils::str_ends_in( $_preload, '.eot' ) || autoptimizeUtils::str_ends_in( $_preload, '.otf' ) ) {
454 + $preload_as = 'font';
455 + $crossorigin = ' crossorigin';
456 + $mime_type = ' type="font/' . pathinfo( $_preload, PATHINFO_EXTENSION ) . '"';
457 + if ( ' type="font/eot"' === $mime_type ) {
458 + $mime_type = 'application/vnd.ms-fontobject';
500 459 }
501 - }
502 - }
503 - return true;
504 - }
505 -
506 - private function build_imgopt_url( $orig_url, $width = 0, $height = 0 )
507 - {
508 - // sanitize width and height.
509 - if ( strpos( $width, '%' ) !== false ) {
510 - $width = 0;
511 - }
512 - if ( strpos( $height, '%' ) !== false ) {
513 - $height = 0;
514 - }
515 - $width = (int) $width;
516 - $height = (int) $height;
517 -
518 - $filtered_url = apply_filters( 'autoptimize_filter_extra_imgopt_build_url', $orig_url, $width, $height );
519 -
520 - if ( $filtered_url !== $orig_url ) {
521 - return $filtered_url;
522 - }
523 -
524 - $orig_url = $this->normalize_img_urls( $orig_url );
525 - $imgopt_base_url = $this->get_imgopt_base_url();
526 - $imgopt_size = '';
527 -
528 - if ( $width && 0 !== $width ) {
529 - $imgopt_size = ',w_' . $width;
530 - }
531 -
532 - if ( $height && 0 !== $height ) {
533 - $imgopt_size .= ',h_' . $height;
534 - }
535 -
536 - $url = $imgopt_base_url . $imgopt_size . '/' . $orig_url;
537 -
538 - return $url;
539 - }
540 -
541 - public function replace_data_thumbs( $matches )
542 - {
543 - if ( $this->can_optimize_image( $matches[1] ) ) {
544 - return str_replace( $matches[1], $this->build_imgopt_url( $matches[1], 150, 150 ), $matches[0] );
545 - } else {
546 - return $matches[0];
547 - }
548 - }
549 -
550 - public function filter_preconnect_imgopt_url( $in )
551 - {
552 - $imgopt_url_array = parse_url( $this->get_imgopt_base_url() );
553 - $in[] = $imgopt_url_array['scheme'] . '://' . $imgopt_url_array['host'];
554 -
555 - return $in;
556 - }
557 -
558 - private function normalize_img_urls( $in )
559 - {
560 - static $cdn_domain = null;
561 - if ( is_null( $cdn_domain ) ) {
562 - $cdn_url = apply_filters( 'autoptimize_filter_base_cdnurl', get_option( 'autoptimize_cdn_url', '' ) );
563 - if ( ! empty( $cdn_url ) ) {
564 - $cdn_domain = parse_url( $cdn_url, PHP_URL_HOST );
460 + } elseif ( autoptimizeUtils::str_ends_in( $_preload, '.jpeg' ) || autoptimizeUtils::str_ends_in( $_preload, '.jpg' ) || autoptimizeUtils::str_ends_in( $_preload, '.webp' ) || autoptimizeUtils::str_ends_in( $_preload, '.png' ) || autoptimizeUtils::str_ends_in( $_preload, '.gif' ) || autoptimizeUtils::str_ends_in( $_preload, '.svg' ) ) {
461 + $preload_as = 'image';
565 462 } else {
566 - $cdn_domain = '';
463 + $preload_as = 'other';
567 464 }
568 - }
569 465
570 - $parsed_site_url = parse_url( site_url() );
571 -
572 - if ( strpos( $in, 'http' ) !== 0 && strpos( $in, '//' ) === 0 ) {
573 - $in = $parsed_site_url['scheme'] . ':' . $in;
574 - } elseif ( strpos( $in, '/' ) === 0 ) {
575 - $in = $parsed_site_url['scheme'] . '://' . $parsed_site_url['host'] . $in;
576 - } elseif ( ! empty( $cdn_domain ) && strpos( $in, $cdn_domain ) !== 0 ) {
577 - $in = str_replace( $cdn_domain, $parsed_site_url['host'], $in );
466 + $preload_output .= '<link rel="preload" href="' . $preload . '" as="' . $preload_as . '"' . $mime_type . $crossorigin . '>';
578 467 }
468 + $preload_output = apply_filters( 'autoptimize_filter_extra_preload_output', $preload_output );
579 469
580 - return apply_filters( 'autoptimize_filter_extra_imgopt_normalized_url', $in );
470 + return $this->inject_preloads( $preload_output, $in );
581 471 }
582 472
583 - private function get_img_quality_array()
584 - {
585 - static $img_quality_array = null;
473 + public static function inject_preloads( $preloads, $html ) {
474 + // add string to head (before first link node by default).
475 + $preload_inject = apply_filters( 'autoptimize_filter_extra_preload_inject', '<link' );
476 + $position = autoptimizeUtils::strpos( $html, $preload_inject );
586 477
587 - if ( is_null( $img_quality_array ) ) {
588 - $img_quality_array = array(
589 - '1' => 'lossy',
590 - '2' => 'glossy',
591 - '3' => 'lossless',
592 - );
593 - $img_quality_array = apply_filters( 'autoptimize_filter_extra_imgopt_quality_array', $img_quality_array );
594 - }
595 -
596 - return $img_quality_array;
478 + return autoptimizeUtils::substr_replace( $html, $preloads . $preload_inject, $position, strlen( $preload_inject ) );
597 479 }
598 480
599 - private function get_img_quality_setting()
481 + public function disable_global_styles()
600 482 {
601 - static $_img_q = null;
483 + remove_action( 'wp_enqueue_scripts', 'wp_enqueue_global_styles' );
484 + remove_action( 'wp_footer', 'wp_enqueue_global_styles', 1 );
485 + remove_action( 'wp_body_open', 'wp_global_styles_render_svg_filters' );
602 486
603 - if ( is_null( $_img_q ) ) {
604 - if ( is_array( $this->options ) && array_key_exists( 'autoptimize_extra_select_field_6', $this->options ) ) {
605 - $_setting = $this->options['autoptimize_extra_select_field_6'];
606 - }
607 -
608 - if ( ! isset( $_setting ) || empty( $_setting ) || ( '1' !== $_setting && '3' !== $_setting ) ) {
609 - // default image opt. value is 2 ("glossy").
610 - $_img_q = '2';
611 - } else {
612 - $_img_q = $_setting;
613 - }
614 - }
615 -
616 - return $_img_q;
617 - }
618 -
619 - private function get_img_quality_string()
620 - {
621 - static $_img_q_string = null;
622 -
623 - if ( is_null( $_img_q_string ) ) {
624 - $_quality_array = $this->get_img_quality_array();
625 - $_setting = $this->get_img_quality_setting();
626 - $_img_q_string = apply_filters( 'autoptimize_filter_extra_imgopt_quality', 'q_' . $_quality_array[ $_setting ] );
627 - }
628 -
629 - return $_img_q_string;
630 - }
631 -
632 - public static function get_img_provider_stats()
633 - {
634 - // wrapper around query_img_provider_stats() so we can get to $this->options from cronjob() in autoptimizeCacheChecker.
635 - $self = new self();
636 - return $self->query_img_provider_stats();
637 - }
638 -
639 - public function query_img_provider_stats()
640 - {
641 - if ( ! empty( $this->options['autoptimize_extra_checkbox_field_5'] ) ) {
642 - $_img_provider_stat_url = '';
643 - $_img_provider_endpoint = $this->get_imgopt_host() . 'read-domain/';
644 - $_site_host = AUTOPTIMIZE_SITE_DOMAIN;
645 -
646 - // make sure parse_url result makes sense, keeping $_img_provider_stat_url empty if not.
647 - if ( $_site_host && ! empty( $_site_host ) ) {
648 - $_img_provider_stat_url = $_img_provider_endpoint . $_site_host;
649 - }
650 -
651 - $_img_provider_stat_url = apply_filters( 'autoptimize_filter_extra_imgopt_stat_url', $_img_provider_stat_url );
652 -
653 - // only do the remote call if $_img_provider_stat_url is not empty to make sure no parse_url weirdness results in useless calls.
654 - if ( ! empty( $_img_provider_stat_url ) ) {
655 - $_img_stat_resp = wp_remote_get( $_img_provider_stat_url );
656 - if ( ! is_wp_error( $_img_stat_resp ) ) {
657 - if ( '200' == wp_remote_retrieve_response_code( $_img_stat_resp ) ) {
658 - $_img_provider_stat = json_decode( wp_remote_retrieve_body( $_img_stat_resp ), true );
659 - $_img_provider_stat['timestamp'] = time();
660 - update_option( 'autoptimize_imgopt_provider_stat', $_img_provider_stat );
661 - }
487 + if ( true === apply_filters( 'autoptimize_filter_extra_global_styles_and_block_css', true ) ) {
488 + add_action(
489 + 'wp_enqueue_scripts',
490 + function() {
491 + wp_dequeue_style( 'wp-block-library' );
492 + wp_dequeue_style( 'wp-block-library-theme' );
662 493 }
663 - }
494 + );
664 495 }
665 496 }
666 497
667 - public function imgopt_launch_ok()
498 + public function admin_menu()
668 499 {
669 - static $launch_status = null;
670 -
671 - if ( is_null( $launch_status ) ) {
672 - $avail_imgopt = $this->options['availabilities']['extra_imgopt'];
673 - $magic_number = intval( substr( md5( parse_url( AUTOPTIMIZE_WP_SITE_URL, PHP_URL_HOST ) ), 0, 3 ), 16 );
674 - $has_launched = get_option( 'autoptimize_imgopt_launched', '' );
675 - if ( $has_launched || ( is_array( $avail_imgopt ) && array_key_exists( 'launch-threshold', $avail_imgopt ) && $magic_number < $avail_imgopt['launch-threshold'] ) ) {
676 - $launch_status = true;
677 - if ( ! $has_launched ) {
678 - update_option( 'autoptimize_imgopt_launched', 'on' );
679 - }
680 - } else {
681 - $launch_status = false;
682 - }
500 + // no acces if multisite and not network admin and no site config allowed.
501 + if ( autoptimizeConfig::should_show_menu_tabs() ) {
502 + add_submenu_page(
503 + '',
504 + 'autoptimize_extra',
505 + 'autoptimize_extra',
506 + 'manage_options',
507 + 'autoptimize_extra',
508 + array( $this, 'options_page' )
509 + );
683 510 }
684 -
685 - return $launch_status;
686 - }
687 -
688 - public static function imgopt_launch_ok_wrapper()
689 - {
690 - // needed for "plug" notice in autoptimizeMain.php.
691 - $self = new self();
692 - return $self->imgopt_launch_ok();
693 - }
694 -
695 - public function get_imgopt_host()
696 - {
697 - static $imgopt_host = null;
698 -
699 - if ( is_null( $imgopt_host ) ) {
700 - $avail_imgopt = $this->options['availabilities']['extra_imgopt'];
701 - if ( ! empty( $avail_imgopt ) && array_key_exists( 'hosts', $avail_imgopt ) && is_array( $avail_imgopt['hosts'] ) ) {
702 - $imgopt_host = array_rand( array_flip( $avail_imgopt['hosts'] ) );
703 - } else {
704 - $imgopt_host = 'https://cdn.shortpixel.ai/';
705 - }
706 - }
707 -
708 - return $imgopt_host;
709 - }
710 -
711 - public static function get_imgopt_host_wrapper()
712 - {
713 - // needed for CI tests.
714 - $self = new self();
715 - return $self->get_imgopt_host();
716 - }
717 -
718 - public function get_imgopt_status_notice() {
719 - $_extra_options = $this->options;
720 - if ( ! empty( $_extra_options ) && is_array( $_extra_options ) && array_key_exists( 'autoptimize_extra_checkbox_field_5', $_extra_options ) && ! empty( $_extra_options['autoptimize_extra_checkbox_field_5'] ) ) {
721 - $_imgopt_notice = '';
722 - $_stat = $this->get_imgopt_provider_userstatus();
723 - $_site_host = AUTOPTIMIZE_SITE_DOMAIN;
724 - $_imgopt_upsell = 'https://shortpixel.com/aospai/af/GWRGFLW109483/' . $_site_host;
725 -
726 - if ( is_array( $_stat ) ) {
727 - if ( 1 == $_stat['Status'] ) {
728 - // translators: "add more credits" will appear in a "a href".
729 - $_imgopt_notice = sprintf( __( 'Your ShortPixel image optimization and CDN quota is almost used, make sure you %1$sadd more credits%2$s to avoid slowing down your website.', 'autoptimize' ), '<a href="' . $_imgopt_upsell . '" target="_blank">', '</a>' );
730 - } elseif ( -1 == $_stat['Status'] || -2 == $_stat['Status'] ) {
731 - // translators: "add more credits" will appear in a "a href".
732 - $_imgopt_notice = sprintf( __( 'Your ShortPixel image optimization and CDN quota was used, %1$sadd more credits%2$s to keep fast serving optimized images on your site', 'autoptimize' ), '<a href="' . $_imgopt_upsell . '" target="_blank">', '</a>' );
733 - $_imgopt_stats_refresh_url = add_query_arg( array(
734 - 'page' => 'autoptimize_extra',
735 - 'refreshImgProvStats' => '1',
736 - ), admin_url( 'options-general.php' ) );
737 - if ( $_stat && array_key_exists( 'timestamp', $_stat ) && ! empty( $_stat['timestamp'] ) ) {
738 - $_imgopt_stats_last_run = __( 'based on status at ', 'autoptimize' ) . date_i18n( get_option( 'time_format' ), $_stat['timestamp'] );
739 - } else {
740 - $_imgopt_stats_last_run = __( 'based on previously fetched data', 'autoptimize' );
741 - }
742 - $_imgopt_notice .= ' (' . $_imgopt_stats_last_run . ', ';
743 - // translators: "here to refresh" links to the Autoptimize Extra page and forces a refresh of the img opt stats.
744 - $_imgopt_notice .= sprintf( __( 'click %1$shere to refresh%2$s', 'autoptimize' ), '<a href="' . $_imgopt_stats_refresh_url . '">', '</a>).' );
745 - } else {
746 - $_imgopt_upsell = 'https://shortpixel.com/g/af/GWRGFLW109483';
747 - // translators: "log in to check your account" will appear in a "a href".
748 - $_imgopt_notice = sprintf( __( 'Your ShortPixel image optimization and CDN quota are in good shape, %1$slog in to check your account%2$s.', 'autoptimize' ), '<a href="' . $_imgopt_upsell . '" target="_blank">', '</a>' );
749 - }
750 - $_imgopt_notice = apply_filters( 'autoptimize_filter_imgopt_notice', $_imgopt_notice );
751 -
752 - return array(
753 - 'status' => $_stat['Status'],
754 - 'notice' => $_imgopt_notice,
755 - );
756 - }
757 - }
758 - return false;
759 - }
760 -
761 - public static function get_imgopt_status_notice_wrapper() {
762 - // needed for notice being shown in autoptimizeCacheChecker.php.
763 - $self = new self();
764 - return $self->get_imgopt_status_notice();
765 - }
766 -
767 - public function get_imgopt_provider_userstatus() {
768 - static $_provider_userstatus = null;
769 -
770 - if ( is_null( $_provider_userstatus ) ) {
771 - $_stat = get_option( 'autoptimize_imgopt_provider_stat', '' );
772 - if ( is_array( $_stat ) ) {
773 - if ( array_key_exists( 'Status', $_stat ) ) {
774 - $_provider_userstatus['Status'] = $_stat['Status'];
775 - } else {
776 - // if no stats then we assume all is well.
777 - $_provider_userstatus['Status'] = 2;
778 - }
779 - if ( array_key_exists( 'timestamp', $_stat ) ) {
780 - $_provider_userstatus['timestamp'] = $_stat['timestamp'];
781 - } else {
782 - // if no timestamp then we return "".
783 - $_provider_userstatus['timestamp'] = '';
784 - }
785 - }
786 - }
787 -
788 - return $_provider_userstatus;
789 - }
790 -
791 - public function admin_menu()
792 - {
793 - add_submenu_page( null, 'autoptimize_extra', 'autoptimize_extra', 'manage_options', 'autoptimize_extra', array( $this, 'options_page' ) );
794 511 register_setting( 'autoptimize_extra_settings', 'autoptimize_extra_settings' );
795 512 }
796 513
797 514 public function add_extra_tab( $in )
798 515 {
799 - $in = array_merge( $in, array( 'autoptimize_extra' => __( 'Extra', 'autoptimize' ) ) );
516 + if ( autoptimizeConfig::should_show_menu_tabs() ) {
517 + $in = array_merge( $in, array( 'autoptimize_extra' => __( 'Extra', 'autoptimize' ) ) );
518 + }
800 519
801 520 return $in;
802 521 }
803 522
@@ -802,63 +521,33 @@
802 521 }
803 522
804 523 public function options_page()
805 524 {
806 - // Check querystring for "refreshCacheChecker" and call cachechecker if so.
807 - if ( array_key_exists( 'refreshImgProvStats', $_GET ) && 1 == $_GET['refreshImgProvStats'] ) {
808 - $this->query_img_provider_stats();
809 - }
525 + // phpcs:disable Squiz.ControlStructures.ControlSignature.NewlineAfterOpenBrace
810 526
811 527 // Working with actual option values from the database here.
812 528 // That way any saves are still processed as expected, but we can still
813 529 // override behavior by using `new autoptimizeExtra($custom_options)` and not have that custom
814 530 // behavior being persisted in the DB even if save is done here.
815 - $options = $this->fetch_options();
816 - $gfonts = $options['autoptimize_extra_radio_field_4'];
817 - $sp_url_suffix = '/af/GWRGFLW109483/' . AUTOPTIMIZE_SITE_DOMAIN;
818 - ?>
531 + $options = $this->fetch_options();
532 + $gfonts = $options['autoptimize_extra_radio_field_4'];
533 + ?>
819 534 <style>
820 535 #ao_settings_form {background: white;border: 1px solid #ccc;padding: 1px 15px;margin: 15px 10px 10px 0;}
821 536 #ao_settings_form .form-table th {font-weight: normal;}
822 537 #autoptimize_extra_descr{font-size: 120%;}
823 538 </style>
539 + <script>document.title = "Autoptimize: <?php _e( 'Extra', 'autoptimize' ); ?> " + document.title;</script>
824 540 <div class="wrap">
825 - <h1><?php _e( 'Autoptimize Settings', 'autoptimize' ); ?></h1>
826 - <?php echo autoptimizeConfig::ao_admin_tabs(); ?>
827 - <?php
828 - if ( 'on' !== get_option( 'autoptimize_js' ) && 'on' !== get_option( 'autoptimize_css' ) && 'on' !== get_option( 'autoptimize_html' ) ) {
829 - ?>
830 - <div class="notice-warning notice"><p>
831 - <?php
832 - _e( 'Most of below Extra optimizations require at least one of HTML, JS or CSS autoptimizations being active.', 'autoptimize' );
833 - ?>
834 - </p></div>
835 - <?php
836 - }
541 + <h1><?php apply_filters( 'autoptimize_filter_settings_is_pro', false ) ? _e( 'Autoptimize Pro Settings', 'autoptimize' ) : _e( 'Autoptimize Settings', 'autoptimize' ); ?></h1>
542 + <?php echo autoptimizeConfig::ao_admin_tabs(); ?>
543 + <?php if ( 'on' !== autoptimizeOptionWrapper::get_option( 'autoptimize_js' ) && 'on' !== autoptimizeOptionWrapper::get_option( 'autoptimize_css' ) && 'on' !== autoptimizeOptionWrapper::get_option( 'autoptimize_html' ) && ! autoptimizeImages::imgopt_active() ) { ?>
544 + <div class="notice-warning notice"><p>
545 + <?php _e( 'Most of below Extra optimizations require at least one of HTML, JS, CSS or Image autoptimizations being active.', 'autoptimize' ); ?>
546 + </p></div>
547 + <?php } ?>
837 548
838 - if ( 'down' === $options['availabilities']['extra_imgopt']['status'] ) {
839 - ?>
840 - <div class="notice-warning notice"><p>
841 - <?php
842 - // translators: "Autoptimize support forum" will appear in a "a href".
843 - echo sprintf( __( 'The image optimization service is currently down, image optimization will be skipped until further notice. Check the %1$sAutoptimize support forum%2$s for more info.', 'autoptimize' ), '<a href="https://wordpress.org/support/plugin/autoptimize/" target="_blank">', '</a>' );
844 - ?>
845 - </p></div>
846 - <?php
847 - }
848 -
849 - if ( 'launch' === $options['availabilities']['extra_imgopt']['status'] && ! $this->imgopt_launch_ok() ) {
850 - ?>
851 - <div class="notice-warning notice"><p>
852 - <?php
853 - _e( 'The image optimization service is launching, but not yet available for this domain, it should become available in the next couple of days.', 'autoptimize' );
854 - ?>
855 - </p></div>
856 - <?php
857 - }
858 -
859 - ?>
860 - <form id='ao_settings_form' action='options.php' method='post'>
549 + <form id='ao_settings_form' action='<?php echo admin_url( 'options.php' ); ?>' method='post'>
861 550 <?php settings_fields( 'autoptimize_extra_settings' ); ?>
862 551 <h2><?php _e( 'Extra Auto-Optimizations', 'autoptimize' ); ?></h2>
863 552 <span id='autoptimize_extra_descr'><?php _e( 'The following settings can improve your site\'s performance even more.', 'autoptimize' ); ?></span>
864 553 <table class="form-table">
@@ -866,101 +555,43 @@
866 555 <th scope="row"><?php _e( 'Google Fonts', 'autoptimize' ); ?></th>
867 556 <td>
868 557 <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="1" <?php if ( ! in_array( $gfonts, array( 2, 3, 4, 5 ) ) ) { echo 'checked'; } ?> ><?php _e( 'Leave as is', 'autoptimize' ); ?><br/>
869 558 <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="2" <?php checked( 2, $gfonts, true ); ?> ><?php _e( 'Remove Google Fonts', 'autoptimize' ); ?><br/>
870 - <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="3" <?php checked( 3, $gfonts, true ); ?> ><?php _e( 'Combine and link in head (fonts load fast but are render-blocking)', 'autoptimize' ); ?><br/>
871 - <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="5" <?php checked( 5, $gfonts, true ); ?> ><?php _e( 'Combine and preload in head (fonts load late, but are not render-blocking)', 'autoptimize' ); ?><br/>
872 - <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="4" <?php checked( 4, $gfonts, true ); ?> ><?php _e( 'Combine and load fonts asynchronously with <a href="https://github.com/typekit/webfontloader#readme" target="_blank">webfont.js</a>', 'autoptimize' ); ?><br/>
559 + <?php // translators: "display:swap" should remain untranslated, will be shown in code tags. ?>
560 + <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="3" <?php checked( 3, $gfonts, true ); ?> ><?php echo __( 'Combine and link in head (fonts load fast but are render-blocking)', 'autoptimize' ) . ', ' . sprintf( __( 'includes %1$sdisplay:swap%2$s.', 'autoptimize' ), '<code>', '</code>' ); ?><br/>
561 + <?php // translators: "display:swap" should remain untranslated, will be shown in code tags. ?>
562 + <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="5" <?php checked( 5, $gfonts, true ); ?> ><?php echo __( 'Combine and link deferred in head (fonts load late, but are not render-blocking)', 'autoptimize' ) . ', ' . sprintf( __( 'includes %1$sdisplay:swap%2$s.', 'autoptimize' ), '<code>', '</code>' ); ?><br/>
563 + <input type="radio" name="autoptimize_extra_settings[autoptimize_extra_radio_field_4]" value="4" <?php checked( 4, $gfonts, true ); ?> ><?php echo __( 'Combine and load fonts asynchronously with <a href="https://github.com/typekit/webfontloader#readme" target="_blank">webfont.js</a>', 'autoptimize' ) . ' ' . __( '(deprecated)', 'autoptimize' ); ?><br/>
873 564 </td>
874 565 </tr>
875 566 <tr>
876 - <th scope="row"><?php _e( 'Optimize Images', 'autoptimize' ); ?></th>
567 + <th scope="row"><?php _e( 'Remove emojis', 'autoptimize' ); ?></th>
877 568 <td>
878 - <label><input id='autoptimize_imgopt_checkbox' type='checkbox' name='autoptimize_extra_settings[autoptimize_extra_checkbox_field_5]' <?php if ( ! empty( $options['autoptimize_extra_checkbox_field_5'] ) && '1' === $options['autoptimize_extra_checkbox_field_5'] ) { echo 'checked="checked"'; } ?> value='1'><?php _e( 'Optimize images on the fly and serve them from a CDN.', 'autoptimize' ); ?></label>
879 - <?php
880 - // show shortpixel status.
881 - $_notice = $this->get_imgopt_status_notice();
882 - if ( $_notice ) {
883 - switch ( $_notice['status'] ) {
884 - case 2:
885 - $_notice_color = 'green';
886 - break;
887 - case 1:
888 - $_notice_color = 'orange';
889 - break;
890 - case -1:
891 - $_notice_color = 'red';
892 - break;
893 - case -2:
894 - $_notice_color = 'red';
895 - break;
896 - default:
897 - $_notice_color = 'green';
898 - }
899 - echo apply_filters( 'autoptimize_filter_imgopt_settings_status', '<p><strong><span style="color:' . $_notice_color . ';">' . __( 'Shortpixel status: ', 'autoptimize' ) . '</span></strong>' . $_notice['notice'] . '</p>' );
900 - } else {
901 - // translators: link points to shortpixel.
902 - $upsell_msg_1 = '<p>' . sprintf( __( 'Get more Google love and improve your website\'s loading speed by having the images optimized on the fly by %1$sShortPixel%2$s and then cached and served fast from a CDN.', 'autoptimize' ), '<a href="https://shortpixel.com/aospai' . $sp_url_suffix . '" target="_blank">', '</a>' );
903 - if ( 'launch' === $options['availabilities']['extra_imgopt']['status'] ) {
904 - $upsell_msg_2 = __( 'For a limited time only, this service is offered free for all Autoptimize users, <b>don\'t miss the chance to test it</b> and see how much it could improve your site\'s speed.', 'autoptimize' );
905 - } else {
906 - // translators: link points to shortpixel.
907 - $upsell_msg_2 = sprintf( __( '%1$sSign-up now%2$s to receive a 1 000 bonus + 50&#37; more image optimization credits regardless of the traffic used. More image optimizations can be purchased starting with $4.99.', 'autoptimize' ), '<a href="https://shortpixel.com/aospai' . $sp_url_suffix . '" target="_blank">', '</a>' );
908 - }
909 - echo apply_filters( 'autoptimize_extra_imgopt_settings_copy', $upsell_msg_1 . ' ' . $upsell_msg_2 . '</p>' );
910 - }
911 - // translators: link points to shortpixel FAQ.
912 - $faqcopy = sprintf( __( '<strong>Questions</strong>? Have a look at the %1$sShortPixel FAQ%2$s!', 'autoptimize' ), '<strong><a href="https://shortpixel.helpscoutdocs.com/category/60-shortpixel-ai-cdn" target="_blank">', '</strong></a>' );
913 - // translators: links points to shortpixel TOS & Privacy Policy.
914 - $toscopy = sprintf( __( 'Usage of this feature is subject to Shortpixel\'s %1$sTerms of Use%2$s and %3$sPrivacy policy%4$s.', 'autoptimize' ), '<a href="https://shortpixel.com/tos' . $sp_url_suffix . '" target="_blank">', '</a>', '<a href="https://shortpixel.com/pp' . $sp_url_suffix . '" target="_blank">', '</a>' );
915 - echo apply_filters( 'autoptimize_extra_imgopt_settings_tos', '<p>' . $faqcopy . ' ' . $toscopy . '</p>' );
916 - ?>
569 + <label><input type='checkbox' name='autoptimize_extra_settings[autoptimize_extra_checkbox_field_1]' <?php if ( ! empty( $options['autoptimize_extra_checkbox_field_1'] ) && '1' === $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>
917 570 </td>
918 571 </tr>
919 - <tr id='autoptimize_imgopt_quality' <?php if ( ! array_key_exists( 'autoptimize_extra_checkbox_field_5', $options ) || ( ! empty( $options['autoptimize_extra_checkbox_field_5'] ) && '1' !== $options['autoptimize_extra_checkbox_field_5'] ) ) { echo 'class="hidden"'; } ?>>
920 - <th scope="row"><?php _e( 'Image Optimization quality', 'autoptimize' ); ?></th>
572 + <tr>
573 + <th scope="row"><?php _e( 'Remove query strings from static resources', 'autoptimize' ); ?></th>
921 574 <td>
922 - <label>
923 - <select name='autoptimize_extra_settings[autoptimize_extra_select_field_6]'>
924 - <?php
925 - $_imgopt_array = $this->get_img_quality_array();
926 - $_imgopt_val = $this->get_img_quality_setting();
927 -
928 - foreach ( $_imgopt_array as $key => $value ) {
929 - echo '<option value="' . $key . '"';
930 - if ( $_imgopt_val == $key ) {
931 - echo ' selected';
932 - }
933 - echo '>' . ucfirst( $value ) . '</option>';
934 - }
935 - echo "\n";
936 - ?>
937 - </select>
938 - </label>
939 - <p>
940 - <?php
941 - // translators: link points to shortpixel image test page.
942 - echo apply_filters( 'autoptimize_extra_imgopt_quality_copy', sprintf( __( 'You can %1$stest compression levels here%2$s.', 'autoptimize' ), '<a href="https://shortpixel.com/oic' . $sp_url_suffix . '" target="_blank">', '</a>' ) );
943 - ?>
944 - </p>
575 + <label><input type='checkbox' name='autoptimize_extra_settings[autoptimize_extra_checkbox_field_0]' <?php if ( ! empty( $options['autoptimize_extra_checkbox_field_0'] ) && '1' === $options['autoptimize_extra_checkbox_field_0'] ) { echo 'checked="checked"'; } ?> value='1'><?php _e( 'Removing query strings (or more specifically the <code>ver</code> parameter) will not improve load time, but might improve performance scores.', 'autoptimize' ); ?></label>
945 576 </td>
946 577 </tr>
947 578 <tr>
948 - <th scope="row"><?php _e( 'Remove emojis', 'autoptimize' ); ?></th>
579 + <th scope="row"><?php _e( 'Remove WordPress block CSS', 'autoptimize' ); ?></th>
949 580 <td>
950 - <label><input type='checkbox' name='autoptimize_extra_settings[autoptimize_extra_checkbox_field_1]' <?php if ( ! empty( $options['autoptimize_extra_checkbox_field_1'] ) && '1' === $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>
581 + <label><input type='checkbox' name='autoptimize_extra_settings[autoptimize_extra_checkbox_field_8]' <?php if ( ! empty( $options['autoptimize_extra_checkbox_field_8'] ) && '1' === $options['autoptimize_extra_checkbox_field_8'] ) { echo 'checked="checked"'; } ?> value='1'><?php _e( 'WordPress adds block CSS and global styles to improve easy styling of block-based sites, but which can add a significant amount of CSS and SVG. If you are sure your site can do without the block CSS and "global styles", you can disable them here.', 'autoptimize' ); ?></label>
951 582 </td>
952 583 </tr>
953 584 <tr>
954 - <th scope="row"><?php _e( 'Remove query strings from static resources', 'autoptimize' ); ?></th>
585 + <th scope="row"><?php _e( 'Preconnect to 3rd party domains <em>(advanced users)</em>', 'autoptimize' ); ?></th>
955 586 <td>
956 - <label><input type='checkbox' name='autoptimize_extra_settings[autoptimize_extra_checkbox_field_0]' <?php if ( ! empty( $options['autoptimize_extra_checkbox_field_0'] ) && '1' === $options['autoptimize_extra_checkbox_field_0'] ) { echo 'checked="checked"'; } ?> value='1'><?php _e( 'Removing query strings (or more specifically the <code>ver</code> parameter) will not improve load time, but might improve performance scores.', 'autoptimize' ); ?></label>
587 + <label><input type='text' style='width:80%' name='autoptimize_extra_settings[autoptimize_extra_text_field_2]' value='<?php if ( array_key_exists( 'autoptimize_extra_text_field_2', $options ) ) { echo esc_attr( $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>
957 588 </td>
958 589 </tr>
959 590 <tr>
960 - <th scope="row"><?php _e( 'Preconnect to 3rd party domains <em>(advanced users)</em>', 'autoptimize' ); ?></th>
591 + <th scope="row"><?php _e( 'Preload specific requests <em>(advanced users)</em>', 'autoptimize' ); ?></th>
961 592 <td>
962 - <label><input type='text' style='width:80%' name='autoptimize_extra_settings[autoptimize_extra_text_field_2]' value='<?php if ( array_key_exists( 'autoptimize_extra_text_field_2', $options ) ) { echo esc_attr( $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>
593 + <label><input type='text' style='width:80%' name='autoptimize_extra_settings[autoptimize_extra_text_field_7]' value='<?php if ( array_key_exists( 'autoptimize_extra_text_field_7', $options ) ) { echo esc_attr( $options['autoptimize_extra_text_field_7'] ); } ?>'><br /><?php _e( 'Comma-separated list with full URL\'s of to to-be-preloaded resources. To be used sparingly!', 'autoptimize' ); ?></label>
963 594 </td>
964 595 </tr>
965 596 <tr>
966 597 <th scope="row"><?php _e( 'Async Javascript-files <em>(advanced users)</em>', 'autoptimize' ); ?></th>
@@ -965,13 +596,13 @@
965 596 <tr>
966 597 <th scope="row"><?php _e( 'Async Javascript-files <em>(advanced users)</em>', 'autoptimize' ); ?></th>
967 598 <td>
968 599 <?php
969 - if ( function_exists( 'is_plugin_active' ) && is_plugin_active( 'async-javascript/async-javascript.php' ) ) {
600 + if ( autoptimizeUtils::is_plugin_active( 'async-javascript/async-javascript.php' ) ) {
970 601 // translators: link points Async Javascript settings page.
971 602 printf( __( 'You have "Async JavaScript" installed, %1$sconfiguration of async javascript is best done there%2$s.', 'autoptimize' ), '<a href="' . 'options-general.php?page=async-javascript' . '">', '</a>' );
972 603 } else {
973 - ?>
604 + ?>
974 605 <input type='text' style='width:80%' name='autoptimize_extra_settings[autoptimize_extra_text_field_3]' value='<?php if ( array_key_exists( 'autoptimize_extra_text_field_3', $options ) ) { echo esc_attr( $options['autoptimize_extra_text_field_3'] ); } ?>'>
975 606 <br />
976 607 <?php
977 608 _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' );
@@ -986,9 +617,9 @@
986 617 <tr>
987 618 <th scope="row"><?php _e( 'Optimize YouTube videos', 'autoptimize' ); ?></th>
988 619 <td>
989 620 <?php
990 - if ( function_exists( 'is_plugin_active' ) && is_plugin_active( 'wp-youtube-lyte/wp-youtube-lyte.php' ) ) {
621 + if ( autoptimizeUtils::is_plugin_active( 'wp-youtube-lyte/wp-youtube-lyte.php' ) ) {
991 622 _e( 'Great, you have WP YouTube Lyte installed.', 'autoptimize' );
992 623 $lyte_config_url = 'options-general.php?page=lyte_settings_page';
993 624 echo sprintf( ' <a href="' . $lyte_config_url . '">%s</a>', __( 'Click here to configure it.', 'autoptimize' ) );
994 625 } else {
@@ -1002,18 +633,7 @@
1002 633 </tr>
1003 634 </table>
1004 635 <p class="submit"><input type="submit" name="submit" id="submit" class="button button-primary" value="<?php _e( 'Save Changes', 'autoptimize' ); ?>" /></p>
1005 636 </form>
1006 - <script>
1007 - jQuery(document).ready(function() {
1008 - jQuery( "#autoptimize_imgopt_checkbox" ).change(function() {
1009 - if (this.checked) {
1010 - jQuery("#autoptimize_imgopt_quality").show("slow");
1011 - } else {
1012 - jQuery("#autoptimize_imgopt_quality").hide("slow");
1013 - }
1014 - });
1015 - });
1016 - </script>
1017 - <?php
637 + <?php
1018 638 }
1019 639 }