1
|
|
|
<?php |
2
|
|
|
/** |
3
|
|
|
* Handles autoptimizeExtra frontend features + admin options page |
4
|
|
|
*/ |
5
|
|
|
|
6
|
|
|
if ( ! defined( 'ABSPATH' ) ) { |
7
|
|
|
exit; |
8
|
|
|
} |
9
|
|
|
|
10
|
|
|
class autoptimizeExtra |
11
|
|
|
{ |
12
|
|
|
/** |
13
|
|
|
* Options |
14
|
|
|
* |
15
|
|
|
* @var array |
16
|
|
|
*/ |
17
|
|
|
protected $options = array(); |
18
|
|
|
|
19
|
|
|
/** |
20
|
|
|
* Creates an instance and calls run(). |
21
|
|
|
* |
22
|
|
|
* @param array $options Optional. Allows overriding options without having to specify them via admin options page. |
23
|
|
|
*/ |
24
|
|
|
public function __construct( $options = array() ) |
25
|
|
|
{ |
26
|
|
|
if ( empty( $options ) ) { |
27
|
|
|
$options = $this->fetch_options(); |
28
|
|
|
} |
29
|
|
|
|
30
|
|
|
$this->options = $options; |
31
|
|
|
} |
32
|
|
|
|
33
|
|
|
public function run() |
34
|
|
|
{ |
35
|
|
|
if ( is_admin() ) { |
36
|
|
|
add_action( 'admin_menu', array( $this, 'admin_menu' ) ); |
37
|
|
|
add_filter( 'autoptimize_filter_settingsscreen_tabs', array( $this, 'add_extra_tab' ) ); |
38
|
|
|
} else { |
39
|
|
|
$this->run_on_frontend(); |
40
|
|
|
} |
41
|
|
|
} |
42
|
|
|
|
43
|
|
|
protected function fetch_options() |
44
|
|
|
{ |
45
|
|
|
$value = get_option( 'autoptimize_extra_settings' ); |
46
|
|
|
if ( empty( $value ) ) { |
47
|
|
|
// Fallback to returning defaults when no stored option exists yet. |
48
|
|
|
$value = autoptimizeConfig::get_ao_extra_default_options(); |
49
|
|
|
} |
50
|
|
|
|
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
|
|
|
return $value; |
59
|
|
|
} |
60
|
|
|
|
61
|
|
|
public function disable_emojis() |
62
|
|
|
{ |
63
|
|
|
// Removing all actions related to emojis! |
64
|
|
|
remove_action( 'admin_print_styles', 'print_emoji_styles' ); |
65
|
|
|
remove_action( 'wp_head', 'print_emoji_detection_script', 7 ); |
66
|
|
|
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' ); |
67
|
|
|
remove_action( 'wp_print_styles', 'print_emoji_styles' ); |
68
|
|
|
remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' ); |
69
|
|
|
remove_filter( 'the_content_feed', 'wp_staticize_emoji' ); |
70
|
|
|
remove_filter( 'comment_text_rss', 'wp_staticize_emoji' ); |
71
|
|
|
|
72
|
|
|
// Removes TinyMCE emojis. |
73
|
|
|
add_filter( 'tiny_mce_plugins', array( $this, 'filter_disable_emojis_tinymce' ) ); |
74
|
|
|
|
75
|
|
|
// Removes emoji dns-preftech. |
76
|
|
|
add_filter( 'wp_resource_hints', array( $this, 'filter_remove_emoji_dns_prefetch' ), 10, 2 ); |
77
|
|
|
} |
78
|
|
|
|
79
|
|
|
public function filter_disable_emojis_tinymce( $plugins ) |
80
|
|
|
{ |
81
|
|
|
if ( is_array( $plugins ) ) { |
82
|
|
|
return array_diff( $plugins, array( 'wpemoji' ) ); |
83
|
|
|
} else { |
84
|
|
|
return array(); |
85
|
|
|
} |
86
|
|
|
} |
87
|
|
|
|
88
|
|
|
public function filter_remove_qs( $src ) { |
89
|
|
|
if ( strpos( $src, '?ver=' ) ) { |
90
|
|
|
$src = remove_query_arg( 'ver', $src ); |
91
|
|
|
} |
92
|
|
|
|
93
|
|
|
return $src; |
94
|
|
|
} |
95
|
|
|
|
96
|
|
|
public function extra_async_js( $in ) |
97
|
|
|
{ |
98
|
|
|
$exclusions = array(); |
99
|
|
View Code Duplication |
if ( ! empty( $in ) ) { |
|
|
|
|
100
|
|
|
$exclusions = array_fill_keys( array_filter( array_map( 'trim', explode( ',', $in ) ) ), '' ); |
101
|
|
|
} |
102
|
|
|
|
103
|
|
|
$settings = $this->options['autoptimize_extra_text_field_3']; |
104
|
|
|
$async = array_fill_keys( array_filter( array_map( 'trim', explode( ',', $settings ) ) ), '' ); |
105
|
|
|
$attr = apply_filters( 'autoptimize_filter_extra_async', 'async' ); |
106
|
|
|
foreach ( $async as $k => $v ) { |
107
|
|
|
$async[ $k ] = $attr; |
108
|
|
|
} |
109
|
|
|
|
110
|
|
|
// Merge exclusions & asyncs in one array and return to AO API. |
111
|
|
|
$merged = array_merge( $exclusions, $async ); |
112
|
|
|
|
113
|
|
|
return $merged; |
114
|
|
|
} |
115
|
|
|
|
116
|
|
|
protected function run_on_frontend() |
117
|
|
|
{ |
118
|
|
|
$options = $this->options; |
119
|
|
|
|
120
|
|
|
// Disable emojis if specified. |
121
|
|
|
if ( ! empty( $options['autoptimize_extra_checkbox_field_1'] ) ) { |
122
|
|
|
$this->disable_emojis(); |
123
|
|
|
} |
124
|
|
|
|
125
|
|
|
// Remove version query parameters. |
126
|
|
|
if ( ! empty( $options['autoptimize_extra_checkbox_field_0'] ) ) { |
127
|
|
|
add_filter( 'script_loader_src', array( $this, 'filter_remove_qs' ), 15, 1 ); |
128
|
|
|
add_filter( 'style_loader_src', array( $this, 'filter_remove_qs' ), 15, 1 ); |
129
|
|
|
} |
130
|
|
|
|
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
|
|
|
// 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
|
|
|
} |
140
|
|
|
if ( ! empty( $options['autoptimize_extra_text_field_3'] ) && ! $async_js_plugin_active ) { |
141
|
|
|
add_filter( 'autoptimize_filter_js_exclude', array( $this, 'extra_async_js' ), 10, 1 ); |
142
|
|
|
} |
143
|
|
|
|
144
|
|
|
// Optimize google fonts! |
145
|
|
|
if ( ! empty( $options['autoptimize_extra_radio_field_4'] ) && ( '1' !== $options['autoptimize_extra_radio_field_4'] ) ) { |
146
|
|
|
add_filter( 'wp_resource_hints', array( $this, 'filter_remove_gfonts_dnsprefetch' ), 10, 2 ); |
147
|
|
|
add_filter( 'autoptimize_html_after_minify', array( $this, 'filter_optimize_google_fonts' ), 10, 1 ); |
148
|
|
|
add_filter( 'autoptimize_extra_filter_tobepreconn', array( $this, 'filter_preconnect_google_fonts' ), 10, 1 ); |
149
|
|
|
} |
150
|
|
|
|
151
|
|
|
// Preconnect! |
152
|
|
|
if ( ! empty( $options['autoptimize_extra_text_field_2'] ) || has_filter( 'autoptimize_extra_filter_tobepreconn' ) ) { |
153
|
|
|
add_filter( 'wp_resource_hints', array( $this, 'filter_preconnect' ), 10, 2 ); |
154
|
|
|
} |
155
|
|
|
|
156
|
|
|
// Optimize Images! |
157
|
|
|
if ( ! empty( $options['autoptimize_extra_checkbox_field_5'] ) && 'down' !== $options['availabilities']['extra_imgopt']['status'] && ( 'launch' !== $options['availabilities']['extra_imgopt']['status'] || $this->imgopt_launch_ok() ) ) { |
158
|
|
|
if ( apply_filters( 'autoptimize_filter_extra_imgopt_do', true ) ) { |
159
|
|
|
add_filter( 'autoptimize_html_after_minify', array( $this, 'filter_optimize_images' ), 10, 1 ); |
160
|
|
|
$_imgopt_active = true; |
161
|
|
|
} |
162
|
|
|
if ( apply_filters( 'autoptimize_filter_extra_imgopt_do_css', true ) ) { |
163
|
|
|
add_filter( 'autoptimize_filter_base_replace_cdn', array( $this, 'filter_optimize_css_images' ), 10, 1 ); |
164
|
|
|
$_imgopt_active = true; |
165
|
|
|
} |
166
|
|
|
if ( $_imgopt_active ) { |
|
|
|
|
167
|
|
|
add_filter( 'autoptimize_extra_filter_tobepreconn', array( $this, 'filter_preconnect_imgopt_url' ), 10, 1 ); |
168
|
|
|
} |
169
|
|
|
} |
170
|
|
|
} |
171
|
|
|
|
172
|
|
|
public function filter_remove_emoji_dns_prefetch( $urls, $relation_type ) |
173
|
|
|
{ |
174
|
|
|
$emoji_svg_url = apply_filters( 'emoji_svg_url', 'https://s.w.org/images/core/emoji/' ); |
175
|
|
|
|
176
|
|
|
return $this->filter_remove_dns_prefetch( $urls, $relation_type, $emoji_svg_url ); |
177
|
|
|
} |
178
|
|
|
|
179
|
|
|
public function filter_remove_gfonts_dnsprefetch( $urls, $relation_type ) |
180
|
|
|
{ |
181
|
|
|
return $this->filter_remove_dns_prefetch( $urls, $relation_type, 'fonts.googleapis.com' ); |
182
|
|
|
} |
183
|
|
|
|
184
|
|
|
public function filter_remove_dns_prefetch( $urls, $relation_type, $url_to_remove ) |
185
|
|
|
{ |
186
|
|
|
if ( 'dns-prefetch' === $relation_type ) { |
187
|
|
|
$cnt = 0; |
188
|
|
|
foreach ( $urls as $url ) { |
189
|
|
|
if ( false !== strpos( $url, $url_to_remove ) ) { |
190
|
|
|
unset( $urls[ $cnt ] ); |
191
|
|
|
} |
192
|
|
|
$cnt++; |
193
|
|
|
} |
194
|
|
|
} |
195
|
|
|
|
196
|
|
|
return $urls; |
197
|
|
|
} |
198
|
|
|
|
199
|
|
|
public function filter_optimize_google_fonts( $in ) |
200
|
|
|
{ |
201
|
|
|
// Extract fonts, partly based on wp rocket's extraction code. |
202
|
|
|
$markup = preg_replace( '/<!--(.*)-->/Uis', '', $in ); |
203
|
|
|
preg_match_all( '#<link(?:\s+(?:(?!href\s*=\s*)[^>])+)?(?:\s+href\s*=\s*([\'"])((?:https?:)?\/\/fonts\.googleapis\.com\/css(?:(?!\1).)+)\1)(?:\s+[^>]*)?>#iU', $markup, $matches ); |
204
|
|
|
|
205
|
|
|
$fonts_collection = array(); |
206
|
|
|
if ( ! $matches[2] ) { |
207
|
|
|
return $in; |
208
|
|
|
} |
209
|
|
|
|
210
|
|
|
// Store them in $fonts array. |
211
|
|
|
$i = 0; |
212
|
|
|
foreach ( $matches[2] as $font ) { |
213
|
|
|
if ( ! preg_match( '/rel=["\']dns-prefetch["\']/', $matches[0][ $i ] ) ) { |
214
|
|
|
// Get fonts name. |
215
|
|
|
$font = str_replace( array( '%7C', '%7c' ), '|', $font ); |
216
|
|
|
$font = explode( 'family=', $font ); |
217
|
|
|
$font = ( isset( $font[1] ) ) ? explode( '&', $font[1] ) : array(); |
218
|
|
|
// Add font to $fonts[$i] but make sure not to pollute with an empty family! |
219
|
|
|
$_thisfont = array_values( array_filter( explode( '|', reset( $font ) ) ) ); |
220
|
|
|
if ( ! empty( $_thisfont ) ) { |
221
|
|
|
$fonts_collection[ $i ]['fonts'] = $_thisfont; |
222
|
|
|
// And add subset if any! |
223
|
|
|
$subset = ( is_array( $font ) ) ? end( $font ) : ''; |
224
|
|
|
if ( false !== strpos( $subset, 'subset=' ) ) { |
225
|
|
|
$subset = str_replace( array( '%2C', '%2c' ), ',', $subset ); |
226
|
|
|
$subset = explode( 'subset=', $subset ); |
227
|
|
|
$fonts_collection[ $i ]['subsets'] = explode( ',', $subset[1] ); |
228
|
|
|
} |
229
|
|
|
} |
230
|
|
|
// And remove Google Fonts. |
231
|
|
|
$in = str_replace( $matches[0][ $i ], '', $in ); |
232
|
|
|
} |
233
|
|
|
$i++; |
234
|
|
|
} |
235
|
|
|
|
236
|
|
|
$options = $this->options; |
237
|
|
|
$fonts_markup = ''; |
238
|
|
|
if ( '2' === $options['autoptimize_extra_radio_field_4'] ) { |
239
|
|
|
// Remove Google Fonts. |
240
|
|
|
unset( $fonts_collection ); |
241
|
|
|
return $in; |
242
|
|
|
} elseif ( '3' === $options['autoptimize_extra_radio_field_4'] || '5' === $options['autoptimize_extra_radio_field_4'] ) { |
243
|
|
|
// Aggregate & link! |
244
|
|
|
$fonts_string = ''; |
245
|
|
|
$subset_string = ''; |
246
|
|
|
foreach ( $fonts_collection as $font ) { |
247
|
|
|
$fonts_string .= '|' . trim( implode( '|', $font['fonts'] ), '|' ); |
248
|
|
|
if ( ! empty( $font['subsets'] ) ) { |
249
|
|
|
$subset_string .= ',' . trim( implode( ',', $font['subsets'] ), ',' ); |
250
|
|
|
} |
251
|
|
|
} |
252
|
|
|
|
253
|
|
|
if ( ! empty( $subset_string ) ) { |
254
|
|
|
$subset_string = str_replace( ',', '%2C', ltrim( $subset_string, ',' ) ); |
255
|
|
|
$fonts_string = $fonts_string . '&subset=' . $subset_string; |
256
|
|
|
} |
257
|
|
|
|
258
|
|
|
$fonts_string = str_replace( '|', '%7C', ltrim( $fonts_string, '|' ) ); |
259
|
|
|
|
260
|
|
|
if ( ! empty( $fonts_string ) ) { |
261
|
|
|
if ( '5' === $options['autoptimize_extra_radio_field_4'] ) { |
262
|
|
|
$rel_string = 'rel="preload" as="style" onload="' . autoptimizeConfig::get_ao_css_preload_onload() . '"'; |
263
|
|
|
} else { |
264
|
|
|
$rel_string = 'rel="stylesheet"'; |
265
|
|
|
} |
266
|
|
|
$fonts_markup = '<link ' . $rel_string . ' id="ao_optimized_gfonts" href="https://fonts.googleapis.com/css?family=' . $fonts_string . '" />'; |
267
|
|
|
} |
268
|
|
|
} elseif ( '4' === $options['autoptimize_extra_radio_field_4'] ) { |
269
|
|
|
// Aggregate & load async (webfont.js impl.)! |
270
|
|
|
$fonts_array = array(); |
271
|
|
|
foreach ( $fonts_collection as $_fonts ) { |
272
|
|
|
if ( ! empty( $_fonts['subsets'] ) ) { |
273
|
|
|
$_subset = implode( ',', $_fonts['subsets'] ); |
274
|
|
|
foreach ( $_fonts['fonts'] as $key => $_one_font ) { |
275
|
|
|
$_one_font = $_one_font . ':' . $_subset; |
276
|
|
|
$_fonts['fonts'][ $key ] = $_one_font; |
277
|
|
|
} |
278
|
|
|
} |
279
|
|
|
$fonts_array = array_merge( $fonts_array, $_fonts['fonts'] ); |
280
|
|
|
} |
281
|
|
|
|
282
|
|
|
$fonts_markup = '<script data-cfasync="false" id="ao_optimized_gfonts" type="text/javascript">WebFontConfig={google:{families:[\''; |
283
|
|
|
foreach ( $fonts_array as $fnt ) { |
284
|
|
|
$fonts_markup .= $fnt . "','"; |
285
|
|
|
} |
286
|
|
|
$fonts_markup = trim( trim( $fonts_markup, "'" ), ',' ); |
287
|
|
|
$fonts_markup .= '] },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>'; |
288
|
|
|
} |
289
|
|
|
|
290
|
|
|
// Replace back in markup. |
291
|
|
|
$out = substr_replace( $in, $fonts_markup . '<link', strpos( $in, '<link' ), strlen( '<link' ) ); |
292
|
|
|
unset( $fonts_collection ); |
293
|
|
|
|
294
|
|
|
// and insert preload polyfill if "link preload" and if the polyfill isn't there yet (courtesy of inline&defer). |
295
|
|
|
$preload_polyfill = autoptimizeConfig::get_ao_css_preload_polyfill(); |
296
|
|
|
if ( '5' === $options['autoptimize_extra_radio_field_4'] && strpos( $out, $preload_polyfill ) === false ) { |
297
|
|
|
$out = str_replace( '</body>', $preload_polyfill . '</body>', $out ); |
298
|
|
|
} |
299
|
|
|
return $out; |
300
|
|
|
} |
301
|
|
|
|
302
|
|
|
public function filter_preconnect( $hints, $relation_type ) |
303
|
|
|
{ |
304
|
|
|
$options = $this->options; |
305
|
|
|
|
306
|
|
|
// Get settings and store in array. |
307
|
|
|
$preconns = array_filter( array_map( 'trim', explode( ',', $options['autoptimize_extra_text_field_2'] ) ) ); |
308
|
|
|
$preconns = apply_filters( 'autoptimize_extra_filter_tobepreconn', $preconns ); |
309
|
|
|
|
310
|
|
|
// Walk array, extract domain and add to new array with crossorigin attribute. |
311
|
|
|
foreach ( $preconns as $preconn ) { |
312
|
|
|
$parsed = parse_url( $preconn ); |
313
|
|
|
|
314
|
|
|
if ( is_array( $parsed ) && empty( $parsed['scheme'] ) ) { |
315
|
|
|
$domain = '//' . $parsed['host']; |
316
|
|
|
} elseif ( is_array( $parsed ) ) { |
317
|
|
|
$domain = $parsed['scheme'] . '://' . $parsed['host']; |
318
|
|
|
} |
319
|
|
|
|
320
|
|
|
if ( ! empty( $domain ) ) { |
321
|
|
|
$hint = array( 'href' => $domain ); |
322
|
|
|
// Fonts don't get preconnected unless crossorigin flag is set, non-fonts don't get preconnected if origin flag is set |
323
|
|
|
// so hardcode fonts.gstatic.com to come with crossorigin and have filter to add other domains if needed. |
324
|
|
|
$crossorigins = apply_filters( 'autoptimize_extra_filter_preconn_crossorigin', array( 'https://fonts.gstatic.com' ) ); |
325
|
|
|
if ( in_array( $domain, $crossorigins ) ) { |
326
|
|
|
$hint['crossorigin'] = 'anonymous'; |
327
|
|
|
} |
328
|
|
|
$new_hints[] = $hint; |
|
|
|
|
329
|
|
|
} |
330
|
|
|
} |
331
|
|
|
|
332
|
|
|
// Merge in WP's preconnect hints. |
333
|
|
|
if ( 'preconnect' === $relation_type && ! empty( $new_hints ) ) { |
334
|
|
|
$hints = array_merge( $hints, $new_hints ); |
335
|
|
|
} |
336
|
|
|
|
337
|
|
|
return $hints; |
338
|
|
|
} |
339
|
|
|
|
340
|
|
|
public function filter_preconnect_google_fonts( $in ) |
341
|
|
|
{ |
342
|
|
|
if ( '2' !== $this->options['autoptimize_extra_radio_field_4'] ) { |
343
|
|
|
// Preconnect to fonts.gstatic.com unless we remove gfonts. |
344
|
|
|
$in[] = 'https://fonts.gstatic.com'; |
345
|
|
|
} |
346
|
|
|
|
347
|
|
|
if ( '4' === $this->options['autoptimize_extra_radio_field_4'] ) { |
348
|
|
|
// Preconnect even more hosts for webfont.js! |
349
|
|
|
$in[] = 'https://ajax.googleapis.com'; |
350
|
|
|
$in[] = 'https://fonts.googleapis.com'; |
351
|
|
|
} |
352
|
|
|
|
353
|
|
|
return $in; |
354
|
|
|
} |
355
|
|
|
|
356
|
|
|
public function filter_optimize_images( $in ) |
357
|
|
|
{ |
358
|
|
|
/* |
359
|
|
|
* potential future functional improvements: |
360
|
|
|
* |
361
|
|
|
* picture element. |
362
|
|
|
* filter for critical CSS. |
363
|
|
|
*/ |
364
|
|
|
|
365
|
|
|
$imgopt_base_url = $this->get_imgopt_base_url(); |
|
|
|
|
366
|
|
|
$to_replace = array(); |
367
|
|
|
|
368
|
|
|
// extract img tags. |
369
|
|
|
if ( preg_match_all( '#<img[^>]*src[^>]*>#Usmi', $in, $matches ) ) { |
370
|
|
|
foreach ( $matches[0] as $tag ) { |
371
|
|
|
$orig_tag = $tag; |
372
|
|
|
$imgopt_w = ''; |
373
|
|
|
$imgopt_h = ''; |
|
|
|
|
374
|
|
|
|
375
|
|
|
// first do (data-)srcsets. |
376
|
|
|
if ( preg_match_all( '#srcset=("|\')(.*)("|\')#Usmi', $tag, $allsrcsets, PREG_SET_ORDER ) ) { |
377
|
|
|
foreach ( $allsrcsets as $srcset ) { |
378
|
|
|
$srcset = $srcset[2]; |
379
|
|
|
$srcsets = explode( ',', $srcset ); |
380
|
|
|
foreach ( $srcsets as $indiv_srcset ) { |
381
|
|
|
$indiv_srcset_parts = explode( ' ', trim( $indiv_srcset ) ); |
382
|
|
|
if ( $indiv_srcset_parts[1] && rtrim( $indiv_srcset_parts[1], 'w' ) !== $indiv_srcset_parts[1] ) { |
383
|
|
|
$imgopt_w = rtrim( $indiv_srcset_parts[1], 'w' ); |
384
|
|
|
} |
385
|
|
|
if ( $this->can_optimize_image( $indiv_srcset_parts[0] ) ) { |
386
|
|
|
$imgopt_url = $this->build_imgopt_url( $indiv_srcset_parts[0], $imgopt_w, '' ); |
387
|
|
|
$tag = str_replace( $indiv_srcset_parts[0], $imgopt_url, $tag ); |
388
|
|
|
$to_replace[ $orig_tag ] = $tag; |
389
|
|
|
} |
390
|
|
|
} |
391
|
|
|
} |
392
|
|
|
} |
393
|
|
|
|
394
|
|
|
// proceed with img src. |
395
|
|
|
// first reset and then get width and height and add to $imgopt_size. |
396
|
|
|
$imgopt_w = ''; |
397
|
|
|
$imgopt_h = ''; |
398
|
|
|
if ( preg_match( '#width=("|\')(.*)("|\')#Usmi', $tag, $width ) ) { |
399
|
|
|
$imgopt_w = $width[2]; |
400
|
|
|
} |
401
|
|
|
if ( preg_match( '#height=("|\')(.*)("|\')#Usmi', $tag, $height ) ) { |
402
|
|
|
$imgopt_h = $height[2]; |
403
|
|
|
} |
404
|
|
|
|
405
|
|
|
// then start replacing images src. |
406
|
|
|
if ( preg_match_all( '#src=(?:"|\')(?!data)(.*)(?:"|\')#Usmi', $tag, $urls, PREG_SET_ORDER ) ) { |
407
|
|
|
foreach ( $urls as $url ) { |
408
|
|
|
$full_src_orig = $url[0]; |
409
|
|
|
$url = $url[1]; |
410
|
|
|
if ( $this->can_optimize_image( $url ) ) { |
411
|
|
|
$imgopt_url = $this->build_imgopt_url( $url, $imgopt_w, $imgopt_h ); |
412
|
|
|
$full_imgopt_src = str_replace( $url, $imgopt_url, $full_src_orig ); |
413
|
|
|
$tag = str_replace( $full_src_orig, $full_imgopt_src, $tag ); |
414
|
|
|
$to_replace[ $orig_tag ] = $tag; |
415
|
|
|
} |
416
|
|
|
} |
417
|
|
|
} |
418
|
|
|
} |
419
|
|
|
} |
420
|
|
|
$out = str_replace( array_keys( $to_replace ), array_values( $to_replace ), $in ); |
421
|
|
|
|
422
|
|
|
// img thumbnails in e.g. woocommerce. |
423
|
|
|
if ( strpos( $out, 'data-thumb' ) !== false && apply_filters( 'autoptimize_filter_extra_imgopt_datathumbs', true ) ) { |
424
|
|
|
$out = preg_replace_callback( |
425
|
|
|
'/\<div(?:[^>]?)\sdata-thumb\=(?:\"|\')(.+?)(?:\"|\')(?:[^>]*)?\>/s', |
426
|
|
|
array( $this, 'replace_data_thumbs' ), |
427
|
|
|
$out |
428
|
|
|
); |
429
|
|
|
} |
430
|
|
|
|
431
|
|
|
return $out; |
432
|
|
|
} |
433
|
|
|
|
434
|
|
|
public function filter_optimize_css_images( $in ) |
435
|
|
|
{ |
436
|
|
|
$imgopt_base_url = $this->get_imgopt_base_url(); |
|
|
|
|
437
|
|
|
$in = $this->normalize_img_urls( $in ); |
438
|
|
|
|
439
|
|
|
if ( $this->can_optimize_image( $in ) ) { |
440
|
|
|
return $this->build_imgopt_url( $in, '', '' ); |
441
|
|
|
} else { |
442
|
|
|
return $in; |
443
|
|
|
} |
444
|
|
|
} |
445
|
|
|
|
446
|
|
|
private function get_imgopt_base_url() |
447
|
|
|
{ |
448
|
|
|
static $imgopt_base_url = null; |
449
|
|
|
|
450
|
|
|
if ( is_null( $imgopt_base_url ) ) { |
451
|
|
|
$imgopt_host = $this->get_imgopt_host(); |
452
|
|
|
$quality = $this->get_img_quality_string(); |
453
|
|
|
$ret_val = apply_filters( 'autoptimize_filter_extra_imgopt_wait', 'ret_img' ); // values: ret_wait, ret_img, ret_json, ret_blank. |
454
|
|
|
$imgopt_base_url = $imgopt_host . 'client/' . $quality . ',' . $ret_val; |
455
|
|
|
$imgopt_base_url = apply_filters( 'autoptimize_filter_extra_imgopt_base_url', $imgopt_base_url ); |
456
|
|
|
} |
457
|
|
|
|
458
|
|
|
return $imgopt_base_url; |
459
|
|
|
} |
460
|
|
|
|
461
|
|
|
private function can_optimize_image( $url ) |
462
|
|
|
{ |
463
|
|
|
static $cdn_url = null; |
464
|
|
|
static $nopti_images = null; |
465
|
|
|
|
466
|
|
|
if ( is_null( $cdn_url ) ) { |
467
|
|
|
$cdn_url = apply_filters( 'autoptimize_filter_base_cdnurl', get_option( 'autoptimize_cdn_url', '' ) ); |
468
|
|
|
} |
469
|
|
|
|
470
|
|
|
if ( is_null( $nopti_images ) ) { |
471
|
|
|
$nopti_images = apply_filters( 'autoptimize_filter_extra_imgopt_noptimize', '' ); |
472
|
|
|
} |
473
|
|
|
|
474
|
|
|
$imgopt_base_url = $this->get_imgopt_base_url(); |
|
|
|
|
475
|
|
|
$site_host = AUTOPTIMIZE_SITE_DOMAIN; |
476
|
|
|
$url_parsed = parse_url( $url ); |
477
|
|
|
|
478
|
|
|
if ( $url_parsed['host'] !== $site_host && empty( $cdn_url ) ) { |
479
|
|
|
return false; |
480
|
|
|
} elseif ( ! empty( $cdn_url ) && strpos( $url, $cdn_url ) === false && $url_parsed['host'] !== $site_host ) { |
481
|
|
|
return false; |
482
|
|
|
} elseif ( strpos( $url, '.php' ) !== false ) { |
483
|
|
|
return false; |
484
|
|
|
} elseif ( str_ireplace( array( '.png', '.gif', '.jpg', '.jpeg', '.webp' ), '', $url_parsed['path'] ) === $url_parsed['path'] ) { |
485
|
|
|
// fixme: better check against end of string. |
486
|
|
|
return false; |
487
|
|
|
} elseif ( ! empty( $nopti_images ) ) { |
488
|
|
|
$nopti_images_array = array_filter( array_map( 'trim', explode( ',', $nopti_images ) ) ); |
489
|
|
|
foreach ( $nopti_images_array as $nopti_image ) { |
490
|
|
|
if ( strpos( $url, $nopti_image ) !== false ) { |
491
|
|
|
return false; |
492
|
|
|
} |
493
|
|
|
} |
494
|
|
|
} |
495
|
|
|
return true; |
496
|
|
|
} |
497
|
|
|
|
498
|
|
|
private function build_imgopt_url( $orig_url, $width = 0, $height = 0 ) |
499
|
|
|
{ |
500
|
|
|
// sanitize width and height. |
501
|
|
|
if ( strpos( $width, '%' ) !== false ) { |
502
|
|
|
$width = 0; |
503
|
|
|
} |
504
|
|
|
if ( strpos( $height, '%' ) !== false ) { |
505
|
|
|
$height = 0; |
506
|
|
|
} |
507
|
|
|
$width = (int) $width; |
508
|
|
|
$height = (int) $height; |
509
|
|
|
|
510
|
|
|
$filtered_url = apply_filters( 'autoptimize_filter_extra_imgopt_build_url', $orig_url, $width, $height ); |
511
|
|
|
|
512
|
|
|
if ( $filtered_url !== $orig_url ) { |
513
|
|
|
return $filtered_url; |
514
|
|
|
} |
515
|
|
|
|
516
|
|
|
$orig_url = $this->normalize_img_urls( $orig_url ); |
517
|
|
|
$imgopt_base_url = $this->get_imgopt_base_url(); |
518
|
|
|
$imgopt_size = ''; |
519
|
|
|
|
520
|
|
|
if ( $width && 0 !== $width ) { |
521
|
|
|
$imgopt_size = ',w_' . $width; |
522
|
|
|
} |
523
|
|
|
|
524
|
|
|
if ( $height && 0 !== $height ) { |
525
|
|
|
$imgopt_size .= ',h_' . $height; |
526
|
|
|
} |
527
|
|
|
|
528
|
|
|
$url = $imgopt_base_url . $imgopt_size . '/' . $orig_url; |
529
|
|
|
|
530
|
|
|
return $url; |
531
|
|
|
} |
532
|
|
|
|
533
|
|
|
public function replace_data_thumbs( $matches ) |
534
|
|
|
{ |
535
|
|
|
if ( $this->can_optimize_image( $matches[1] ) ) { |
536
|
|
|
return str_replace( $matches[1], $this->build_imgopt_url( $matches[1], 150, 150 ), $matches[0] ); |
537
|
|
|
} else { |
538
|
|
|
return $matches[0]; |
539
|
|
|
} |
540
|
|
|
} |
541
|
|
|
|
542
|
|
|
public function filter_preconnect_imgopt_url( $in ) |
543
|
|
|
{ |
544
|
|
|
$imgopt_url_array = parse_url( $this->get_imgopt_base_url() ); |
545
|
|
|
$in[] = $imgopt_url_array['scheme'] . '://' . $imgopt_url_array['host']; |
546
|
|
|
|
547
|
|
|
return $in; |
548
|
|
|
} |
549
|
|
|
|
550
|
|
|
private function normalize_img_urls( $in ) |
551
|
|
|
{ |
552
|
|
|
static $cdn_domain = null; |
553
|
|
|
if ( is_null( $cdn_domain ) ) { |
554
|
|
|
$cdn_url = apply_filters( 'autoptimize_filter_base_cdnurl', get_option( 'autoptimize_cdn_url', '' ) ); |
555
|
|
|
if ( ! empty( $cdn_url ) ) { |
556
|
|
|
$cdn_domain = parse_url( $cdn_url, PHP_URL_HOST ); |
557
|
|
|
} else { |
558
|
|
|
$cdn_domain = ''; |
559
|
|
|
} |
560
|
|
|
} |
561
|
|
|
|
562
|
|
|
$parsed_site_url = parse_url( site_url() ); |
563
|
|
|
|
564
|
|
|
if ( strpos( $in, 'http' ) !== 0 && strpos( $in, '//' ) === 0 ) { |
565
|
|
|
$in = $parsed_site_url['scheme'] . ':' . $in; |
566
|
|
|
} elseif ( strpos( $in, '/' ) === 0 ) { |
567
|
|
|
$in = $parsed_site_url['scheme'] . '://' . $parsed_site_url['host'] . $in; |
568
|
|
|
} elseif ( ! empty( $cdn_domain ) && strpos( $in, $cdn_domain ) !== 0 ) { |
569
|
|
|
$in = str_replace( $cdn_domain, $parsed_site_url['host'], $in ); |
570
|
|
|
} |
571
|
|
|
|
572
|
|
|
return apply_filters( 'autoptimize_filter_extra_imgopt_normalized_url', $in ); |
573
|
|
|
} |
574
|
|
|
|
575
|
|
|
private function get_img_quality_array() |
576
|
|
|
{ |
577
|
|
|
static $img_quality_array = null; |
578
|
|
|
|
579
|
|
|
if ( is_null( $img_quality_array ) ) { |
580
|
|
|
$img_quality_array = array( |
581
|
|
|
'1' => 'lossy', |
582
|
|
|
'2' => 'glossy', |
583
|
|
|
'3' => 'lossless', |
584
|
|
|
); |
585
|
|
|
$img_quality_array = apply_filters( 'autoptimize_filter_extra_imgopt_quality_array', $img_quality_array ); |
586
|
|
|
} |
587
|
|
|
|
588
|
|
|
return $img_quality_array; |
589
|
|
|
} |
590
|
|
|
|
591
|
|
|
private function get_img_quality_setting() |
592
|
|
|
{ |
593
|
|
|
static $_img_q = null; |
594
|
|
|
|
595
|
|
|
if ( is_null( $_img_q ) ) { |
596
|
|
|
if ( is_array( $this->options ) && array_key_exists( 'autoptimize_extra_select_field_6', $this->options ) ) { |
597
|
|
|
$_setting = $this->options['autoptimize_extra_select_field_6']; |
598
|
|
|
} |
599
|
|
|
|
600
|
|
|
if ( ! $_setting || empty( $_setting ) || ( '1' !== $_setting && '3' !== $_setting ) ) { |
|
|
|
|
601
|
|
|
// default image opt. value is 2 ("glossy"). |
602
|
|
|
$_img_q = '2'; |
603
|
|
|
} else { |
604
|
|
|
$_img_q = $_setting; |
605
|
|
|
} |
606
|
|
|
} |
607
|
|
|
|
608
|
|
|
return $_img_q; |
609
|
|
|
} |
610
|
|
|
|
611
|
|
|
private function get_img_quality_string() |
612
|
|
|
{ |
613
|
|
|
static $_img_q_string = null; |
614
|
|
|
|
615
|
|
|
if ( is_null( $_img_q_string ) ) { |
616
|
|
|
$_quality_array = $this->get_img_quality_array(); |
617
|
|
|
$_setting = $this->get_img_quality_setting(); |
618
|
|
|
$_img_q_string = apply_filters( 'autoptimize_filter_extra_imgopt_quality', 'q_' . $_quality_array[ $_setting ] ); |
619
|
|
|
} |
620
|
|
|
|
621
|
|
|
return $_img_q_string; |
622
|
|
|
} |
623
|
|
|
|
624
|
|
|
public static function get_img_provider_stats() |
625
|
|
|
{ |
626
|
|
|
// wrapper around query_img_provider_stats() so we can get to $this->options from cronjob() in autoptimizeCacheChecker. |
627
|
|
|
$self = new self(); |
628
|
|
|
return $self->query_img_provider_stats(); |
629
|
|
|
} |
630
|
|
|
|
631
|
|
|
public function query_img_provider_stats() |
632
|
|
|
{ |
633
|
|
|
if ( ! empty( $this->options['autoptimize_extra_checkbox_field_5'] ) ) { |
634
|
|
|
$_img_provider_stat_url = ''; |
635
|
|
|
$_img_provider_endpoint = $this->get_imgopt_host() . 'read-domain/'; |
636
|
|
|
$_site_host = AUTOPTIMIZE_SITE_DOMAIN; |
637
|
|
|
|
638
|
|
|
// make sure parse_url result makes sense, keeping $_img_provider_stat_url empty if not. |
639
|
|
|
if ( $_site_host && ! empty( $_site_host ) ) { |
|
|
|
|
640
|
|
|
$_img_provider_stat_url = $_img_provider_endpoint . $_site_host; |
641
|
|
|
} |
642
|
|
|
|
643
|
|
|
$_img_provider_stat_url = apply_filters( 'autoptimize_filter_extra_imgopt_stat_url', $_img_provider_stat_url ); |
644
|
|
|
|
645
|
|
|
// only do the remote call if $_img_provider_stat_url is not empty to make sure no parse_url weirdness results in useless calls. |
646
|
|
|
if ( ! empty( $_img_provider_stat_url ) ) { |
647
|
|
|
$_img_stat_resp = wp_remote_get( $_img_provider_stat_url ); |
648
|
|
|
if ( ! is_wp_error( $_img_stat_resp ) ) { |
649
|
|
|
if ( '200' == wp_remote_retrieve_response_code( $_img_stat_resp ) ) { |
650
|
|
|
$_img_provider_stat = json_decode( wp_remote_retrieve_body( $_img_stat_resp ), true ); |
651
|
|
|
$_img_provider_stat['timestamp'] = time(); |
652
|
|
|
update_option( 'autoptimize_imgopt_provider_stat', $_img_provider_stat ); |
653
|
|
|
} |
654
|
|
|
} |
655
|
|
|
} |
656
|
|
|
} |
657
|
|
|
} |
658
|
|
|
|
659
|
|
|
public function imgopt_launch_ok() |
660
|
|
|
{ |
661
|
|
|
static $launch_status = null; |
662
|
|
|
|
663
|
|
|
if ( is_null( $launch_status ) ) { |
664
|
|
|
$avail_imgopt = $this->options['availabilities']['extra_imgopt']; |
665
|
|
|
$magic_number = intval( substr( md5( parse_url( AUTOPTIMIZE_WP_SITE_URL, PHP_URL_HOST ) ), 0, 3 ), 16 ); |
666
|
|
|
$has_launched = get_option( 'autoptimize_imgopt_launched', '' ); |
667
|
|
|
if ( $has_launched || ( is_array( $avail_imgopt ) && array_key_exists( 'launch-threshold', $avail_imgopt ) && $magic_number < $avail_imgopt['launch-threshold'] ) ) { |
668
|
|
|
$launch_status = true; |
669
|
|
|
if ( ! $has_launched ) { |
670
|
|
|
update_option( 'autoptimize_imgopt_launched', 'on' ); |
671
|
|
|
} |
672
|
|
|
} else { |
673
|
|
|
$launch_status = false; |
674
|
|
|
} |
675
|
|
|
} |
676
|
|
|
|
677
|
|
|
return $launch_status; |
678
|
|
|
} |
679
|
|
|
|
680
|
|
|
public static function imgopt_launch_ok_wrapper() |
681
|
|
|
{ |
682
|
|
|
// needed for "plug" notice in autoptimizeMain.php. |
683
|
|
|
$self = new self(); |
684
|
|
|
return $self->imgopt_launch_ok(); |
685
|
|
|
} |
686
|
|
|
|
687
|
|
|
public function get_imgopt_host() |
688
|
|
|
{ |
689
|
|
|
static $imgopt_host = null; |
690
|
|
|
|
691
|
|
|
if ( is_null( $imgopt_host ) ) { |
692
|
|
|
$avail_imgopt = $this->options['availabilities']['extra_imgopt']; |
693
|
|
|
if ( ! empty( $avail_imgopt ) && array_key_exists( 'hosts', $avail_imgopt ) && is_array( $avail_imgopt['hosts'] ) ) { |
694
|
|
|
$imgopt_host = array_rand( array_flip( $avail_imgopt['hosts'] ) ); |
695
|
|
|
} else { |
696
|
|
|
$imgopt_host = 'https://cdn.shortpixel.ai/'; |
697
|
|
|
} |
698
|
|
|
} |
699
|
|
|
|
700
|
|
|
return $imgopt_host; |
701
|
|
|
} |
702
|
|
|
|
703
|
|
|
public static function get_imgopt_host_wrapper() |
704
|
|
|
{ |
705
|
|
|
// needed for CI tests. |
706
|
|
|
$self = new self(); |
707
|
|
|
return $self->get_imgopt_host(); |
708
|
|
|
} |
709
|
|
|
|
710
|
|
|
public function get_imgopt_status_notice() { |
711
|
|
|
$_extra_options = $this->options; |
712
|
|
|
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'] ) ) { |
713
|
|
|
$_imgopt_notice = ''; |
|
|
|
|
714
|
|
|
$_stat = get_option( 'autoptimize_imgopt_provider_stat', '' ); |
715
|
|
|
$_site_host = AUTOPTIMIZE_SITE_DOMAIN; |
716
|
|
|
$_imgopt_upsell = 'https://shortpixel.com/aospai/af/GWRGFLW109483/' . $_site_host; |
717
|
|
|
|
718
|
|
|
if ( is_array( $_stat ) ) { |
719
|
|
|
if ( 1 == $_stat['Status'] ) { |
720
|
|
|
// translators: "add more credits" will appear in a "a href". |
721
|
|
|
$_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>' ); |
722
|
|
|
} elseif ( -1 == $_stat['Status'] ) { |
723
|
|
|
// translators: "add more credits" will appear in a "a href". |
724
|
|
|
$_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>' ); |
725
|
|
|
$_imgopt_stats_refresh_url = add_query_arg( array( |
726
|
|
|
'page' => 'autoptimize_extra', |
727
|
|
|
'refreshImgProvStats' => '1', |
728
|
|
|
), admin_url( 'options-general.php' ) ); |
729
|
|
|
if ( $_stat && array_key_exists( 'timestamp', $_stat ) && ! empty( $_stat['timestamp'] ) ) { |
|
|
|
|
730
|
|
|
$_imgopt_stats_last_run = __( 'based on status on ', 'autoptimize' ) . date_i18n( get_option( 'time_format' ), $_stat['timestamp'] ); |
731
|
|
|
} else { |
732
|
|
|
$_imgopt_stats_last_run = __( 'based on previously fetched data', 'autoptimize' ); |
733
|
|
|
} |
734
|
|
|
$_imgopt_notice .= ' (' . $_imgopt_stats_last_run . ', '; |
735
|
|
|
// translators: "here to refresh" links to the Autoptimize Extra page and forces a refresh of the img opt stats. |
736
|
|
|
$_imgopt_notice .= sprintf( __( 'click %1$shere to refresh%2$s', 'autoptimize' ), '<a href="' . $_imgopt_stats_refresh_url . '">', '</a>).' ); |
737
|
|
|
} else { |
738
|
|
|
$_imgopt_upsell = 'https://shortpixel.com/g/af/GWRGFLW109483'; |
739
|
|
|
// translators: "log in to check your account" will appear in a "a href". |
740
|
|
|
$_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>' ); |
741
|
|
|
} |
742
|
|
|
$_imgopt_notice = apply_filters( 'autoptimize_filter_imgopt_notice', $_imgopt_notice ); |
743
|
|
|
|
744
|
|
|
return array( |
745
|
|
|
'status' => $_stat['Status'], |
746
|
|
|
'notice' => $_imgopt_notice, |
747
|
|
|
); |
748
|
|
|
} |
749
|
|
|
} |
750
|
|
|
return false; |
751
|
|
|
} |
752
|
|
|
|
753
|
|
|
public static function get_imgopt_status_notice_wrapper() { |
754
|
|
|
// needed for notice being shown in autoptimizeCacheChecker.php. |
755
|
|
|
$self = new self(); |
756
|
|
|
return $self->get_imgopt_status_notice(); |
757
|
|
|
} |
758
|
|
|
|
759
|
|
|
public function admin_menu() |
760
|
|
|
{ |
761
|
|
|
add_submenu_page( null, 'autoptimize_extra', 'autoptimize_extra', 'manage_options', 'autoptimize_extra', array( $this, 'options_page' ) ); |
762
|
|
|
register_setting( 'autoptimize_extra_settings', 'autoptimize_extra_settings' ); |
763
|
|
|
} |
764
|
|
|
|
765
|
|
|
public function add_extra_tab( $in ) |
766
|
|
|
{ |
767
|
|
|
$in = array_merge( $in, array( 'autoptimize_extra' => __( 'Extra', 'autoptimize' ) ) ); |
768
|
|
|
|
769
|
|
|
return $in; |
770
|
|
|
} |
771
|
|
|
|
772
|
|
|
public function options_page() |
773
|
|
|
{ |
774
|
|
|
// Check querystring for "refreshCacheChecker" and call cachechecker if so. |
775
|
|
|
if ( array_key_exists( 'refreshImgProvStats', $_GET ) && 1 == $_GET['refreshImgProvStats'] ) { |
776
|
|
|
$this->query_img_provider_stats(); |
777
|
|
|
} |
778
|
|
|
|
779
|
|
|
// Working with actual option values from the database here. |
780
|
|
|
// That way any saves are still processed as expected, but we can still |
781
|
|
|
// override behavior by using `new autoptimizeExtra($custom_options)` and not have that custom |
782
|
|
|
// behavior being persisted in the DB even if save is done here. |
783
|
|
|
$options = $this->fetch_options(); |
784
|
|
|
$gfonts = $options['autoptimize_extra_radio_field_4']; |
785
|
|
|
$sp_url_suffix = '/af/GWRGFLW109483/' . AUTOPTIMIZE_SITE_DOMAIN; |
786
|
|
|
?> |
787
|
|
|
<style> |
788
|
|
|
#ao_settings_form {background: white;border: 1px solid #ccc;padding: 1px 15px;margin: 15px 10px 10px 0;} |
789
|
|
|
#ao_settings_form .form-table th {font-weight: normal;} |
790
|
|
|
#autoptimize_extra_descr{font-size: 120%;} |
791
|
|
|
</style> |
792
|
|
|
<div class="wrap"> |
793
|
|
|
<h1><?php _e( 'Autoptimize Settings', 'autoptimize' ); ?></h1> |
794
|
|
|
<?php echo autoptimizeConfig::ao_admin_tabs(); ?> |
795
|
|
|
<?php |
796
|
|
|
if ( 'on' !== get_option( 'autoptimize_js' ) && 'on' !== get_option( 'autoptimize_css' ) && 'on' !== get_option( 'autoptimize_html' ) ) { |
797
|
|
|
?> |
798
|
|
|
<div class="notice-warning notice"><p> |
799
|
|
|
<?php |
800
|
|
|
_e( 'Most of below Extra optimizations require at least one of HTML, JS or CSS autoptimizations being active.', 'autoptimize' ); |
801
|
|
|
?> |
802
|
|
|
</p></div> |
803
|
|
|
<?php |
804
|
|
|
} |
805
|
|
|
|
806
|
|
|
if ( 'down' === $options['availabilities']['extra_imgopt']['status'] ) { |
807
|
|
|
?> |
808
|
|
|
<div class="notice-warning notice"><p> |
809
|
|
|
<?php |
810
|
|
|
// translators: "Autoptimize support forum" will appear in a "a href". |
811
|
|
|
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>' ); |
812
|
|
|
?> |
813
|
|
|
</p></div> |
814
|
|
|
<?php |
815
|
|
|
} |
816
|
|
|
|
817
|
|
|
if ( 'launch' === $options['availabilities']['extra_imgopt']['status'] && ! $this->imgopt_launch_ok() ) { |
818
|
|
|
?> |
819
|
|
|
<div class="notice-warning notice"><p> |
820
|
|
|
<?php |
821
|
|
|
_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' ); |
822
|
|
|
?> |
823
|
|
|
</p></div> |
824
|
|
|
<?php |
825
|
|
|
} |
826
|
|
|
|
827
|
|
|
?> |
828
|
|
|
<form id='ao_settings_form' action='options.php' method='post'> |
829
|
|
|
<?php settings_fields( 'autoptimize_extra_settings' ); ?> |
830
|
|
|
<h2><?php _e( 'Extra Auto-Optimizations', 'autoptimize' ); ?></h2> |
831
|
|
|
<span id='autoptimize_extra_descr'><?php _e( 'The following settings can improve your site\'s performance even more.', 'autoptimize' ); ?></span> |
832
|
|
|
<table class="form-table"> |
833
|
|
|
<tr> |
834
|
|
|
<th scope="row"><?php _e( 'Google Fonts', 'autoptimize' ); ?></th> |
835
|
|
|
<td> |
836
|
|
|
<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/> |
837
|
|
|
<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/> |
838
|
|
|
<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/> |
839
|
|
|
<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/> |
840
|
|
|
<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/> |
841
|
|
|
</td> |
842
|
|
|
</tr> |
843
|
|
|
<tr> |
844
|
|
|
<th scope="row"><?php _e( 'Optimize Images', 'autoptimize' ); ?></th> |
845
|
|
|
<td> |
846
|
|
|
<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> |
847
|
|
|
<?php |
848
|
|
|
// show shortpixel status. |
849
|
|
|
$_notice = $this->get_imgopt_status_notice(); |
850
|
|
|
if ( $_notice ) { |
851
|
|
|
switch ( $_notice['status'] ) { |
852
|
|
|
case 2: |
853
|
|
|
$_notice_color = 'green'; |
854
|
|
|
break; |
855
|
|
|
case 1: |
856
|
|
|
$_notice_color = 'orange'; |
857
|
|
|
break; |
858
|
|
|
case -1: |
859
|
|
|
$_notice_color = 'red'; |
860
|
|
|
break; |
861
|
|
|
default: |
862
|
|
|
$_notice_color = 'green'; |
863
|
|
|
} |
864
|
|
|
echo apply_filters( 'autoptimize_filter_imgopt_settings_status', '<p><strong><span style="color:' . $_notice_color . ';">' . __( 'Shortpixel status: ', 'autoptimize' ) . '</span></strong>' . $_notice['notice'] . '</p>' ); |
865
|
|
|
} else { |
866
|
|
|
// translators: link points to shortpixel. |
867
|
|
|
$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>' ); |
868
|
|
|
if ( 'launch' === $options['availabilities']['extra_imgopt']['status'] ) { |
869
|
|
|
$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' ); |
870
|
|
|
} else { |
871
|
|
|
// translators: link points to shortpixel. |
872
|
|
|
$upsell_msg_2 = sprintf( __( '%1$sSign-up now%2$s to receive a 1 000 bonus + 50% 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>' ); |
873
|
|
|
} |
874
|
|
|
echo apply_filters( 'autoptimize_extra_imgopt_settings_copy', $upsell_msg_1 . ' ' . $upsell_msg_2 . '</p>' ); |
875
|
|
|
} |
876
|
|
|
// translators: link points to shortpixel FAQ. |
877
|
|
|
$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>' ); |
878
|
|
|
// translators: links points to shortpixel TOS & Privacy Policy. |
879
|
|
|
$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>' ); |
880
|
|
|
echo apply_filters( 'autoptimize_extra_imgopt_settings_tos', '<p>' . $faqcopy . ' ' . $toscopy . '</p>' ); |
881
|
|
|
?> |
882
|
|
|
</td> |
883
|
|
|
</tr> |
884
|
|
|
<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"'; } ?>> |
885
|
|
|
<th scope="row"><?php _e( 'Image Optimization quality', 'autoptimize' ); ?></th> |
886
|
|
|
<td> |
887
|
|
|
<label> |
888
|
|
|
<select name='autoptimize_extra_settings[autoptimize_extra_select_field_6]'> |
889
|
|
|
<?php |
890
|
|
|
$_imgopt_array = $this->get_img_quality_array(); |
891
|
|
|
$_imgopt_val = $this->get_img_quality_setting(); |
892
|
|
|
|
893
|
|
|
foreach ( $_imgopt_array as $key => $value ) { |
894
|
|
|
echo '<option value="' . $key . '"'; |
895
|
|
|
if ( $_imgopt_val == $key ) { |
896
|
|
|
echo ' selected'; |
897
|
|
|
} |
898
|
|
|
echo '>' . ucfirst( $value ) . '</option>'; |
899
|
|
|
} |
900
|
|
|
echo "\n"; |
901
|
|
|
?> |
902
|
|
|
</select> |
903
|
|
|
</label> |
904
|
|
|
<p> |
905
|
|
|
<?php |
906
|
|
|
// translators: link points to shortpixel image test page. |
907
|
|
|
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>' ) ); |
908
|
|
|
?> |
909
|
|
|
</p> |
910
|
|
|
</td> |
911
|
|
|
</tr> |
912
|
|
|
<tr> |
913
|
|
|
<th scope="row"><?php _e( 'Remove emojis', 'autoptimize' ); ?></th> |
914
|
|
|
<td> |
915
|
|
|
<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> |
916
|
|
|
</td> |
917
|
|
|
</tr> |
918
|
|
|
<tr> |
919
|
|
|
<th scope="row"><?php _e( 'Remove query strings from static resources', 'autoptimize' ); ?></th> |
920
|
|
|
<td> |
921
|
|
|
<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> |
922
|
|
|
</td> |
923
|
|
|
</tr> |
924
|
|
|
<tr> |
925
|
|
|
<th scope="row"><?php _e( 'Preconnect to 3rd party domains <em>(advanced users)</em>', 'autoptimize' ); ?></th> |
926
|
|
|
<td> |
927
|
|
|
<label><input type='text' style='width:80%' name='autoptimize_extra_settings[autoptimize_extra_text_field_2]' value='<?php 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> |
928
|
|
|
</td> |
929
|
|
|
</tr> |
930
|
|
|
<tr> |
931
|
|
|
<th scope="row"><?php _e( 'Async Javascript-files <em>(advanced users)</em>', 'autoptimize' ); ?></th> |
932
|
|
|
<td> |
933
|
|
|
<?php |
934
|
|
|
if ( function_exists( 'is_plugin_active' ) && is_plugin_active( 'async-javascript/async-javascript.php' ) ) { |
935
|
|
|
// translators: link points Async Javascript settings page. |
936
|
|
|
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>' ); |
937
|
|
|
} else { |
938
|
|
|
?> |
939
|
|
|
<input type='text' style='width:80%' name='autoptimize_extra_settings[autoptimize_extra_text_field_3]' value='<?php echo esc_attr( $options['autoptimize_extra_text_field_3'] ); ?>'> |
940
|
|
|
<br /> |
941
|
|
|
<?php |
942
|
|
|
_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' ); |
943
|
|
|
// translators: %s will be replaced by a link to the "async javascript" plugin. |
944
|
|
|
echo sprintf( __( 'Configuration of async javascript is easier and more flexible using the %s plugin.', 'autoptimize' ), '"<a href="https://wordpress.org/plugins/async-javascript" target="_blank">Async Javascript</a>"' ); |
945
|
|
|
$asj_install_url = network_admin_url() . 'plugin-install.php?s=async+javascript&tab=search&type=term'; |
946
|
|
|
echo sprintf( ' <a href="' . $asj_install_url . '">%s</a>', __( 'Click here to install and activate it.', 'autoptimize' ) ); |
947
|
|
|
} |
948
|
|
|
?> |
949
|
|
|
</td> |
950
|
|
|
</tr> |
951
|
|
|
<tr> |
952
|
|
|
<th scope="row"><?php _e( 'Optimize YouTube videos', 'autoptimize' ); ?></th> |
953
|
|
|
<td> |
954
|
|
|
<?php |
955
|
|
|
if ( function_exists( 'is_plugin_active' ) && is_plugin_active( 'wp-youtube-lyte/wp-youtube-lyte.php' ) ) { |
956
|
|
|
_e( 'Great, you have WP YouTube Lyte installed.', 'autoptimize' ); |
957
|
|
|
$lyte_config_url = 'options-general.php?page=lyte_settings_page'; |
958
|
|
|
echo sprintf( ' <a href="' . $lyte_config_url . '">%s</a>', __( 'Click here to configure it.', 'autoptimize' ) ); |
959
|
|
View Code Duplication |
} else { |
|
|
|
|
960
|
|
|
// translators: %s will be replaced by a link to "wp youtube lyte" plugin. |
961
|
|
|
echo sprintf( __( '%s allows you to “lazy load” your videos, by inserting responsive “Lite YouTube Embeds". ', 'autoptimize' ), '<a href="https://wordpress.org/plugins/wp-youtube-lyte" target="_blank">WP YouTube Lyte</a>' ); |
962
|
|
|
$lyte_install_url = network_admin_url() . 'plugin-install.php?s=lyte&tab=search&type=term'; |
963
|
|
|
echo sprintf( ' <a href="' . $lyte_install_url . '">%s</a>', __( 'Click here to install and activate it.', 'autoptimize' ) ); |
964
|
|
|
} |
965
|
|
|
?> |
966
|
|
|
</td> |
967
|
|
|
</tr> |
968
|
|
|
</table> |
969
|
|
|
<p class="submit"><input type="submit" name="submit" id="submit" class="button button-primary" value="<?php _e( 'Save Changes', 'autoptimize' ); ?>" /></p> |
970
|
|
|
</form> |
971
|
|
|
<script> |
972
|
|
|
jQuery(document).ready(function() { |
973
|
|
|
jQuery( "#autoptimize_imgopt_checkbox" ).change(function() { |
974
|
|
|
if (this.checked) { |
975
|
|
|
jQuery("#autoptimize_imgopt_quality").show("slow"); |
976
|
|
|
} else { |
977
|
|
|
jQuery("#autoptimize_imgopt_quality").hide("slow"); |
978
|
|
|
} |
979
|
|
|
}); |
980
|
|
|
}); |
981
|
|
|
</script> |
982
|
|
|
<?php |
983
|
|
|
} |
984
|
|
|
} |
985
|
|
|
|
It seems like the type of the argument is not accepted by the function/method which you are calling.
In some cases, in particular if PHP’s automatic type-juggling kicks in this might be fine. In other cases, however this might be a bug.
We suggest to add an explicit type cast like in the following example: